@charset "UTF-8";
A.liennoir {
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
}
A.liennoir:hover {
	color:#ffffff;
	font-style:normal;
	text-decoration:underline;
}
.middle {
	vertical-align: middle;
}
.accroche {
	font-family: Arial, Helvetica;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 500;
	vertical-align: middle;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #a10529;
	margin: 0; /* il est conseillé de mettre à 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é à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
    }

    .twoColFixRt #container {
	width: 1020px;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }

    .twoColFixRt #sidebar1 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 220px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 40px 10px;
    }

    .twoColFixRt #mainContent { 

    	margin: 0 250px 0 0; /* La marge droite de cet élément div crée la colonne qui s'étend sur le côté droit de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */

    	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */

    } 

    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */

    	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 { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }