@charset "utf-8";
/* CSS Document */
/*Ici on peut mettre la police que tu veux, regarde dans outils/polices/dafont*/
/*@font-face {
    font-family: 'amerika_sansregular';
    src: url('polices/amersn__-webfont.eot');
    src: url('polices/amersn__-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/amersn__-webfont.woff') format('woff'),
         url('polices/amersn__-webfont.ttf') format('truetype'),
         url('polices/amersn__-webfont.svg#amerika_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*Dans la section suivante on trouve les propriétés qui affectent chacune des balises principales et s'appliquent à l'ensemble des pages du site -------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------*/

body {
	color:	#006400;/*couleur du texte*/
	margin:0;/*élimine les marges automatiques des navigateurs (IE évidemment)*/
	padding:0;/*assure une bonne mise en page*/
	text-align:center;/*centre tous les éléments de la page*/
	font-family:Arial, Helvetica, sans-serif;/*police qui peut être changée par une de ton choix*/
	font-size:14px;/*grosseur des caractères*/
	font-weight:bold;/**/
	background-color: #FFF;
}
img {
    border: none;/*élimine la cadre bleu autour des images servant de lien*/
}
a:link {
	color: #0099ff;/*couleur et soulignement des liens*/
	text-decoration: none;
}
a:visited {
	color:#6D6D6D;/*couleur une fois le lien visité, le soulignement disparait*/
	text-decoration:none;
}
a:hover {
	color:#fff;/*couleur change quand la souris survole le lien*/
	background-color: #0099ff;
}
a:active {
	color:#6D6D6D;/*aucune importance mais doit être là*/
	text-decoration:none;
}
h1 {/*titre éditorial de premier niveau*/
	font-family: Arial, Helvetica, sans-serif;/*police différente*/
	font-size: 20px;/*grosseur des caractères*/
	border-bottom: solid #063 medium;/*bordure sous les titres*/
	width:75%;/*largeur de cette bordure par rapport à la LARGEUR DE LA PAGE*/
	color: #063;/*couleur du titre*/
}
h2 {/*sous-titre de niveau 2 même chose que h1, plus petit*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #063;
}
h3 {/*Idem*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #063;
}
/*ici on trouve les propriétés qui s'appliquent à chacune des boîtes, qu'on appelle des "div" posséant des identités appelées ID, qui assurent le positionnement des éléments dans les pages web--------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------*/

div#bandeau {/*ne pas toucher pour l'instant*/
	width:1000px;
}
div#colgauche {/*ne pas toucher pour l'instant*/
	float:left;
	width:210px;
	height:auto;
	margin-top: 20px;
}
div#navigation {/*ne pas toucher pour l'instant*/
	width:200px;
	height:auto;
	padding:4px;
	text-align: left;
}
/*Les propriétés suivantes s'appliquent à la barre de navigation verticale qui se situe en haut de la colonne de gauche. N'apporter aucune modification ici --------------------------------------*/
#menu8 ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
#menu8 {
        width: 200px;
        margin-top: 10px;
}
#menu8 li a {
        text-decoration: none;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
}
#menu8 li a:link, #menu8 li a:visited {
	color: #0099ff;
	display: block;
	background: url(menu8.gif);
	padding: 8px 0 0 20px;
}
#menu8 li a:hover, #menu8 li #current {
	color: #006400;
	background: url(menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}

#menu8 li a:active {
        color: #fff;
        background: url(menu8.gif) 0 -64px;
        padding: 8px 0 0 25px;
}
/*Fin de la colonne de navigation*/

div#colbas {/*ne pas toucher pour l'instant*/
	width:210px;
	height:auto;
	margin:auto;
	background-color: #000;
	color: #FFF;
}
div#colannonces {/*ne pas toucher pour l'instant*/
	width:210px;
	height:auto;
	margin:auto;
}
div#contenu {/*ne pas toucher pour l'instant*/
	float:left;
	width:760px;
	padding:10px;
	text-align:left;
	height:auto;
	line-height: 1.5em;
	margin-top: 20px;
	font-weight: bold;
}
div#Citation {
	border: 2px solid #000;
	width: 730px;
	padding: 5px;
	margin: auto;
}
div#pied_page {/*ne pas toucher pour l'instant*/
	clear:both;
	width:1000px;
	height:100px;
	color: #000;
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
}

/*Dans la section suivante on trouve les propriétés qui affectent chacune des classes utilisées dans le document. Contrairement aux ID, on peut affecter une classe à n'importe quel élément d'une page. Cet élément prendra alors les propriétés de la classe ----------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------*/

.aldroit {/*aligne l'élément à droite*/
	float: right;
}
.algauche {/*aligne l"élément à gauche*/
	float: left;
}
.justifie {/*aligne le texte des deux côtés*/
	text-align: justify;
}
.centre {/*centre le texte*/
	text-align: center;
}
.marron {
	color: #800000;
}
.douzepixels {
	font-size: 12px;
}
.dixhuitpixels {
	font-size: 18px;
}
.bleu {
	color: #0099ff;
}
.vingtquatrepixels {
	font-size: 24px;
}
.trentesixpixels {
	font-size: 36px;
}