/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

body { margin: 0; padding: 0; color: #000; background-color: #FFF; }
* html body { text-align: center; }
body, p, li, div, span { font-family: Verdana, Arial, Helvetica, sans-serif; }
body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt, form, button, fieldset, label {
	font-size: 10.0pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #FFFFFF; }
select, option, input, textarea, code, code span { font-size: 10.0pt; font-family: "Courier New", Courier, monospace; }
.colLayout { background-color: #FFF; }

.fontSize200 { font-size: 20.0pt; }
.fontSize195 { font-size: 19.5pt; }
.fontSize190 { font-size: 19.0pt; }
.fontSize185 { font-size: 18.0pt; }
.fontSize180 { font-size: 17.5pt; }
.fontSize175 { font-size: 17.0pt; }
.fontSize170 { font-size: 16.5pt; }
.fontSize165 { font-size: 16.0pt; }

h1 { margin-top: 0; }
h1 { font-size: 15.0pt; }
h2 { font-size: 14.0pt; }
h3 { font-size: 13.5pt; }
h4 { font-size: 13.0pt; }
h5 { font-size: 11.5pt; }
h6 { font-size: 10.5pt; }

a img { border: none; }

div.page { width: 680px; background-color: #44CCDD; margin-left: auto; margin-right: auto; }
* html div.page { text-align: left; }

/*div.core { padding: 10px 10px 10px 10px; }*/
div.core {
	background-color: #FFFFFF; 
	background-image: url(../images/hd_bg.jpg);
	background-repeat: no-repeat;
}
#center { border: 1px solid #666666; }

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* SIDE MENU CSS BEGINS | DEBUT DU CSS DU MENU LATERAL */

#left, #right { background-color: #DDDDDD; }
#left { float: left;  width: 105px; }
#center { /*margin-left: 150px;*/ margin-left: 0px; padding: 1.5em 1.2em 1em 1.5em; }
* html #center { margin-left: auto; padding-left: 10px; padding-right: 20px; margin-right: -10px; float: left; overflow: visible; }
#left { clear: left; }

/* SIDE MENU CSS ENDS | FIN DU CSS DU MENU LATERAL */

/* CONTENT CSS BEGINS | DEBUT DU CSS DU CONTENU */

/*#center { background-color: #FFFFFF; } */
#center h1, h2, h3, h4, h5, h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
	font-weight: bold;
}

#center h1, h2, h3, h4, h5, h6 { color: #000000; }
#center h1 { color: #BB0033; font-size: 1.2em; }
#center h2 { color: #999999; font-size: 1.1em; border-top: 1px solid #6677BB; padding-top: 1em; margin-top: 2em; }
#center h3 { color: #BB0033; font-size: 1.0em; }
#center h4 { color: #999999; font-size: 1em; }
#center h5 { color: #666666; font-size: 1em; }
#center h6 { color: #666666; font-size: 1em; }

#center h2.hdgalt { border-top: none; margin-top: 0em; }

* html #center h1 { width: 100%; }

/* CONTENT CSS ENDS | FIN DU CSS DU CONTENU */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */

.ft { width: 100%; clear: both; font-size: 10.0pt; margin-top: 5px; height: 4.69em; min-height: 40px; }
.ft p { color: #888888; font-size: 0.85em; }
.ft div.footerline { /*color: #FFF;*/ height: 15px; margin-bottom: 7px; }
.ft a { color: #888888; text-decoration: none; }
.ft a:visited { color: #888888; }
.ft a:hover { color: #888888; text-decoration: underline; }
.ft1, .ft2, .ft3 { float: left; width: 33.25%; margin: 0; padding: 0; }
.ft1 { text-align: left; }
.ft2 { text-align: center; }
.ft3 { text-align: right; }

.date { white-space: nowrap; }

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* GENERIC UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE GENERIQUE */

.widthFull { width: 98.5%; }
.width95 { width: 95%; }
.width90 { width: 90%; }
.width85 { width: 85%; }
.width80 { width: 80%; }
.width75 { width: 75%; }
.width70 { width: 70%; }
.width65 { width: 65%; }
.width60 { width: 60%; }
.width55 { width: 55%; }
.width50 { width: 50%; }
.width45 { width: 45%; }
.width40 { width: 40%; }
.width35 { width: 35%; }
.width30 { width: 30%; }
.width25 { width: 25%; }
.width20 { width: 20%; }
.width15 { width: 15%; }
.width10 { width: 10%; }
.width5 { width: 5%; }

abbr, acronym, span.abbr { cursor: help; }

blockquote { background-color: #CC9; color: #000; border: 1px solid #000; font-style: italic; }

/* GENERIC UTILITY CSS ENDS | FIN DU CSS D'UTILITE GENERIQUE */

/* ALIGNMENT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE D'ALIGNEMENT */
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignTop { vertical-align: top; }
.alignBottom { vertical-align: bottom; }
.alignTopRight { text-align: right; vertical-align: top; }
.alignTopCenter { text-align: center; vertical-align: top; }
.alignTopLeft { text-align: left; vertical-align: top; }
.alignBottomRight { text-align: right; vertical-align: bottom; }
.alignBottomCenter { text-align: center; vertical-align: bottom; }
.alignBottomLeft { text-align: left; vertical-align: bottom; }
.floatRight { float: right; }
.floatLeft { float: left; }
.image-left {
	float: left;
	vertical-align: text-top;
	margin-right: 10px;
	margin-bottom: 4px;
}
.image-left2 {
	float: left;
	vertical-align: text-top;
	margin-right: 30px;
	margin-bottom: 4px;
}
.image-right {
	float: right;
	vertical-align: text-top;
	margin-left: 10px;
	margin-bottom: 4px;	
}
.indent1 { padding-left: 18px; }
.indent2 { padding-left: 36px; }
.indent3 { padding-left: 54px; }
.indent4 { padding-left: 72px; }
.indent5 { padding-left: 90px; }

/* ALIGNMENT UTILITY CSS ENDS | FIN DU CSS D'UTILITE D'ALIGNEMENT */

/* TEXT UTILITY CSS BEGINS | DEBUT DU CSS D'UTILITE DE TEXTE */

.txt-nowrap { white-space: nowrap; }
.txt-uc { text-transform: uppercase; }
.txt-lc { text-transform: lowercase; }
.txt-black { color: #000000; background-color: transparent; }
.txt-white { color: #FFFFFF; background-color: transparent; }
.bg-black { background-color: #000000; }
.bg-white { background-color: #FFFFFF; }

div.highlight, p.highlight { border: 1px solid #030; background-color: #9F9; padding: 5px; }

/* TEXT UTILITY CSS ENDS | DEBUT DU CSS D'UTILITE DE TEXTE */