@import url(content.css);


#container {
	width: 75em;
	margin: 0; /* les marges automatiques (et dotes d'une largeur positive) centrent la page */
	border: 0px solid #000000;
	text-align: left; /* ce paramtrage annule le paramtre text-align: center de l'lment body. */
	padding-top: 1em;
}
#header {
	padding-top: 0;
	padding-bottom: 1em;
}
#header #logo {
	float: left;
	width: 12em;
}
#header h1 {
	margin: 0; /* la mise  zro de la marge du dernier lment du div #header permet d'viter une disparition de la marge (espace inexplicable entre les lments div). Si l'lment div est entour d'une bordure, cette prcaution n'est pas ncessaire, car la bordure vite galement la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'loigner l'lment des bords de l'lment div */
	text-align: right;
	color: #666666;
	font-size: 190%;
	font-family: Helvetica, "Trebuchet MS", Verdana, Arial;
}
#header #trail {
	margin-left: 17em;
}
#header #separator {
	margin-left: 14em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#header #submenu {
	margin-left: 17em;
}
/* Conseils pour sidebar1 :
    1. comme nous travaillons en units relatives, il est prfrable de ne pas utiliser de remplissage latral pour l'encadr. Pour les navigateurs conformes aux standards, il sera ajout  la largeur globale, crant ainsi une largeur relle inconnue. 
    2. Comme nous utilisons des units ems pour l'encadr, ne pas oublier que sa largeur variera en fonction de la taille de texte par dfaut.
    3. Pour crer un espace entre le ct de l'lment div et les lments qu'il contient, attribuez une marge gauche et une marge droite  ces lments, comme dans la rgle "#sidebar1 p".
*/
#sidebar1 {
	width: 13em; /* la couleur de l'arrire-plan est affiche sur la largeur du contenu de la colonne, mais pas au-del */
	padding: 15px 0;
	position:absolute;
	left:0;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* il est conseill d'attribuer des valeurs pour les marges gauche et droite de chaque lment qui sera plac dans les colonnes latrales */
	margin-right: 10px;
}
/* Conseils pour mainContent :
    1. L'espace compris entre les lments mainContent et sidebar1 est cr avec la marge gauche de l'lment div mainContent.  Quelle que soit la taille du contenu dans l'lment div sidebar1, l'espace des colonnes reste prserv. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'lment div #mainContent remplisse l'espace de l'lment #sidebar1 lorsque le contenu de ce dernier se termine.
    2. Veuillez noter qu'il est possible de provoquer une perte de l'lment flottant (perte de la zone non flottante mainContent sous l'encadr) si vous placez dans l'lment divmainContent un lment plus large que ce qu'il peut contenir. Avec une mise en page hybride (largeur gnrale en pourcentages avec un encadr en ems), il peut tre impossible de calculer la largeur exacte disponible. Si la taille de texte par dfaut d'un utilisateur est suprieure  la moyenne, l'lment div de l'encadr sera plus large et il y aura donc moins de place dans l'lment div mainContent. N'oubliez jamais cette limitation, en particulier si le client doit ajouter du contenu avec Contribute.
    3. Dans le commentaire conditionnel pour Internet Explorer ci-dessous, la proprit zoom permet de donner  l'lment mainContent l'attribut "hasLayout." Cela vite l'apparition de plusieurs bogues spcifiques d'Internet Explorer.
*/
#mainContent {
	/* tentative annulée de modification par Pierre Rossel pour contourner le bug qui ajoute un espace vertical avant les images trop larges */
	margin-left: 17em;
	XXwidth:58em; 
	XXfloat:right;
	/* fin modif PR */
}
#lastUpdated {
	margin-left: 17em;
}
#footer {
	padding: 0; /* ce remplissage correspond  l'alignement  gauche des lments des div qui apparaissent au-dessus. */
	background:#336699;
	margin-left: 17em;
	margin-top: 1em;
}
/* left menu */
.menu1-level1-no {
	background-color: #047EC7;
}
.menu1-level1-act {
	background-color: #047EC7;
	color: #DDD;
	font-weight: bold;
}
.menu1-level1-no a, .menu1-level1-act a {
	color: #FFFFFF;
}
.menu1-level2-no {
	margin-left: 1em;
}
.menu1-level2-act {
	margin-left: 1em;
}
.menu1-level2-no a, .menu1-level2-act a {
	color: #0099FF;
	font-weight: normal;
}
#footer div {
	display: inline;
	color: #CCCCCC;
	font-size: 90%;
}
#footer #copyright {
	padding-right: 1em;
	padding-left: 1em;
}
#menufooter {
	float: right;
}
#menufooter div {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 1em;
	padding-right: 1em;
}
#menufooter a {
	font-weight: bold;
	color: #FFFFFF;
}
.csc-sitemap {
	margin: 0px;
}
.csc-sitemap-level2 {
	padding-left: 2em;
}
.csc-sitemap-level3 {
	padding-left: 4em;
}
.csc-sitemap-level4 {
	padding-left: 6em;
}
/* Diverses classes  rutiliser */
.fltrt { /* cette classe permet de rendre flottant le ct droit d'un lment dans la page. L'lment flottant doit prcder l'lment  ct duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le ct gauche d'un lment dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit tre place pour un lment div ou break et doit tre l'lment final avant la balise de fin d'un conteneur qui doit contenir entirement un lment flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
td.twocol1 {
	padding-right: 10px;
}
td.twocol2 {
	padding-left: 10px;
}