/* CSS Document */
/* PAGE */
html {font-size: 100%; }
html, body {height: 100%;/* Voir -> Note 1 ci-dessous */}
body {padding: 0;
background-repeat:repeat;
background-position : top center ;
}
#global {
	min-height: 100%; /* -> 1 */
	width: 750px;
	overflow: hidden; /* -> 2 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
}
/* Cadres */
.grise{border-style:solid;border-width:1px;border-color:#999999;}
.jaune{border-style:solid;border-width:1px;border-color:#FFAC15;}
.rouge{border-style:solid;border-width:1px;border-color:#FF6666;}
.vert{border-style:solid;border-width:1px;border-color:#00cc33;}
.bleu{border-style:solid;border-width:1px;border-color:#0066cc;}
.none{border-style:none;}
.jauneimg{border-color:#FFAC15;}
/* TEXTE */
h6{font-family:"Arial",Times,serif;color:#FFFFFF;text-align:center;margin:0px;padding:0px;}
h5{font-family:"Times New Roman",Times,serif;font-size:12px;color:#FFFFFF;text-align:left;padding:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:10px;}
h4{font-family:"Times New Roman",Times,serif;font-size:12px;color:#FFFFFF;text-align:right;padding:0px;margin-top:0px;margin-right:10px;margin-bottom:0px;margin-left:0px;}
p{font-family:"Times New Roman",Times,serif;font-size:14px;color:#222222;text-align:justify;padding:0px;margin-top:15px;margin-right:10px;margin-bottom:15px;margin-left:20px;}
h1{font-family:"Times New Roman",Times,serif;font-size:12px;color:#222222;text-align:center;padding:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:10px;font-weight:normal;}
.Style1{font-size:16px}
.Style3{font-weight:bold;font-style:italic;color:#333333;}
.Style4{font-style:italic}
.Style5{font-style:italic;color:#333333;font-size:14px;}
.Style6{color:#FF0000;font-style:italic;}
.Style7{color:#00CC33;font-style:italic;}
.Style8{font-style:italic;color:#333333;}
.Style10{font-family:"Times New Roman",Times,serif;font-size:36px;color:#FFAC15;}
.Style11{font-weight:bold;font-style:italic;color:#333333;font-size:14px;}
.Style20{color:#FFAC15;font-size:36px;}
.Style21{color:#333333}
.Style22{color:#333333;font-style:italic;font-size:24px;}
.Style23{font-weight:bold;font-style:italic;color:#666666;}
.Style24{color:#996633;font-style:italic;}
.Style25{font-family:Geneva,Arial,Helvetica,sans-serif}
/* LIENS */
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;color:#0000FF;}
a img {border: none; }

/* --- NOTES ---

1.	Pour pouvoir utiliser une hauteur (height) ou une hauteur minimale
	(min-height) sur un bloc, il faut que sont parent direct ait lui-même une
	hauteur déterminée (donc toute valeur de height sauf "auto": hauteur en
	pixels, em, autres unités...).
	Si la hauteur du parent est en pourcentage, elle se réfère alors à la
	hauteur du «grand-père», et ainsi de suite.
	Ainsi, pour pouvoir utiliser un "min-height: 100%" sur div#contenu, il faut:
	- un parent (body) en "height: 100%";
	- le parent de body également en "height: 100%".

2.	Il faut éviter que les marges des enfants de div#global ne se transmettent
	à leur parent. Notamment, le margin-top du premier enfant (ici, div#entete),
	et le margin-bottom du dernier enfant (ici, div#pied).
	On évite ce problème grâce à la propriété CSS overflow, qui bloque la
	fusion des marges. En savoir plus sur la fusion des marges:
	http://web.covertprestige.info/test
		04-blocs-imbriques-et-fusion-des-marges.html

3.	Les marges automatiques à gauche et à droite permettent de centrer le
	bloc div#global, et donc tout le site.
	Pour aligner div#global à gauche, on fera:
		margin-left: 0;
		margin-rigth: auto;
	Pour aligner div#global à droite, on fera:
		margin-left: auto;
		margin-right: 0;
	Pour aligner div#global à droite avec un retrait (à droite) de 100px:
		margin-left: auto;
		margin-right: 100px;

*/