/* CSS Document styles blanc */
	body  {
		background: #000000;
		margin: 0; /* il est conseillé de mettre a zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
		padding: 0;
		text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné a gauche (valeur par défaut) dans le sélecteur #container */
		color: #B5E903;
		font-size:14px;
		font-family:Arial;
    }
	/* ------------------------------ FIN des parametres par defaut -------------------------- */
	a:link {
		color : #F68C1F;
		text-decoration : none;
	}
	a:visited {
		text-decoration : none;
		color : #F68C1F;
	}
	a:active {
		text-decoration : none;
		color : #F68C1F;
	}
	a:hover {
		text-decoration : underline;
		color : #98c102;
		font-style : italic;
	}
	img {
		border : 0;
	}
	h1 {
	font-size:18px;
	font-style:oblique;
	color: #F68C1F;
	}
	/* ------------------------------ FIN des parametres par defaut -------------------------- */
	
    .twoColHybLtHdr #container {
	width: 780px;  /* ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
	background: #202020;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000000;
	text-align: left; /* ce paramétrage annule le parametre text-align: center de l'élément body. */
    } 
    .twoColHybLtHdr #header {
	background: #202020;
	text-align: center;
	} 
    .twoColHybLtHdr #header h1 {
    	margin: 0;
    	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
    .twoColHybLtHdr #sidebar1 {
	float: left;
	width: 150px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	background: #202020; /* la couleur de l'arriere-plan est affichée sur la largeur du contenu de la colonne, mais pas au-dela */
	padding: 15px; /* le remplissage en haut et en bas crée un espace visuel a l'intérieur de cet élément div  */
	margin: 0 0px;
    }
    .twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
    	margin-left: 10px; /* il est conseillé d'attribuer des valeurs pour les marges gauche et droite de chaque élément qui sera placé dans les colonnes latérales */
    	margin-right: 10px;
    }
    .twoColHybLtHdr #mainContent {
	margin: 50px 20px 0 13em; /* la marge droite peut etre indiquée en pourcentage ou en pixels. Elle crée l'espace dans la partie inférieure du côté droit de la page. */
    } 
    .twoColHybLtHdr #footer {
	background:#202020;
	font-size: 10px;
	text-align: center;
    } 
    .twoColHybLtHdr #footer p {
    	margin: 0; /* la mise a zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
    
    /* Diverses classes a réutiliser */
    .fltrt {
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }