/* STYLE CANADA SIMPLE - Le langage CSS ou Cascading Style Sheets est utilisé pour définir l'aspect futur de votre site - le CSS (ou feuille de style) */
BODY 	{ background-color: #000; text-color: #C0C0C0;
	width: auto; margin: 0; padding: 0; 
	background-position: center 0; 
}
BODY,TD {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #C0C0C0;
	FONT-SIZE: 12pt; LINE-HEIGHT: 175%; 
}
.layerdefile { 
	BACKGROUND:#000000; height:25px; border:1px solid #000000;
	padding-left:1px; padding-top:1px;
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
	FONT-SIZE: 10pt; COLOR: #FFFFFF;
}
.textclock { 
	BACKGROUND:black; border:1px solid #000000; padding: 2;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: white;
	FONT-SIZE: 10pt; text-align: center; 
}
/* STYLE BLEANC = color:white; = #FFFFFF; */
.pbi  { text-decoration:underline; color:white; font-size: x-small; font-style:italic;}
.pbin { text-decoration:none; color:white; font-style:italic;}
.pbis { text-decoration:underline; color:white; font-size: small; font-style:italic;}
.pbim { text-decoration:underline; color:white; font-size:medium; font-style:italic;}
.pbil { text-decoration:underline; color:white; font-size:large; font-style:italic;}
.pbixl{ text-decoration:underline; color:white; font-size:x-large; font-style:italic;}

/* STYLE NOIR = color:black; = #000000; */
.pbi-n  { text-decoration:underline; /* STYLE TAILLE FONT */; font-size: x-small; font-style:italic;}
.pbin-n { text-decoration:none; color:black; font-style:italic;}
.pbis-n { text-decoration:underline; color:black; font-size: small; font-style:italic;}
.pbim-n { text-decoration:underline; color:black; font-size:medium; font-style:italic;}
.pbil-n { text-decoration:underline; color:black; font-size:large; font-style:italic;}
.pbixl-n{ text-decoration:underline; color:black; font-size:x-large; font-style:italic;}

/* STYLE TAILLE FONT */
.minuscule { font-size: xx-small; }
.trespetit { font-size: x-small; }
.petit { font-size: small; }h1 	{ font-size: 1.05em; font-weight: bold; text-transform: uppercase; }
.moyen { font-size: medium; }
.grand { font-size: large; }
.tresgrand { font-size: x-large; }
.supermegagigatresgrand { font-size: xx-large; 
}
.small
 {
 font: 8pt verdana, arial;
	
}

.b_org1px_740 {
	margin-left: 8em; margin-right: 8em;
	width:740px; 
 	BORDER: solid 1px #EBB3A1;
	padding:5px; 
}	
.table15 { 
	ALIGN:center; width: 70%;
	BORDER-STYLE: inset; BORDER-WIDTH: 15px;
        BORDER-top-style:inset; 
	BORDER-right-style:inset; 
	BORDER-bottom-style:inset; 	  	  
	BORDER-left-style:inset;
        BORDER-COLOR:gray;
	bordercolordark:silver; bordercolorlight:gray; 
}
.table25 { 
	ALIGN:center; width: 85%;
	BORDER-STYLE: inset; BORDER-WIDTH: 25px;
        BORDER-top-style:inset; 
	BORDER-right-style:inset; 
	BORDER-bottom-style:inset; 	  	  
	BORDER-left-style:inset;
        BORDER-COLOR:gray;
	bordercolordark:silver; bordercolorlight:gray; }

/* STYLE HAUTEUR POUR LIGNE  */
.line-simple { line-height=100%; margin-top=0; margin-bottom=0;}
.line-height-15px { width:1px; height:15px; align:center;}
.line-height-25px { width:1px; height:25px; align:center;}
.line-height-35px { width:1px; height:35px; align:center;}
.line-height-55px { align:center; width:1px; height:55px;}
.line-height-75px { align:center; width:1px; height:75px;}
.line-height-100px { align:center; width:1px; height:100px;}
.line-height-150px { align:center; width:1px; height:150px;}
.line-height-200px { align:center; width:1px; height:200px;}
.line-height-350px { align:center; width:1px; height:350px;}
.line120-5 { line-height:120%; margin-top:0; margin-bottom:0; padding-left:5px;}

.souligne-rouge { BORDER-BOTTOM: #F60D0D solid 1px; LINE-HEIGHT: 175%;}
.souligne-blanc { BORDER-BOTTOM: #FFFFFF 1px solid; LINE-HEIGHT: 175%;}

h1, h2  { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: center; line-height: 200%;
}
h1 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #FFFFFF; 
}
h2 { font-size: 1.2em; font-weight: normal; color: #FFFFFF;
}
/* STYLE BLOC */
#bloc_haut { width: 100%; align:center; margin-top: 0px; margin-left: 0px; 
	     font-family: Verdana, Arial; font-size:1em #FFFFFF;
}
#bloc_centre { width: 100%; font-family: Verdana, Arial; font-size:1em; color:silver; line-height:200%; 
}
#bloc_page { BACKGROUND: #000000; align: center; width: 95%; 
  	margin-top: 5px;
}
#bloc_bas { width: 95%; text-align:center; color: #FFF; font-family: Verdana, Arial; font-size: 0.9em; margin-top: 5px;
}
/* STYLE para */
.para { text-align:justify; margin-top:0; margin-bottom:15px; margin-right:10px; margin-left:10px;
	  font-family: Verdana, Arial; font-size: 12pt; line-height:175%;
}
.para-c { margin-top:0; margin-bottom:15px; text-align:center; font-family: Verdana, Arial; 
	font-size: 12pt; line-height:175%;
}
.para-d { text-align:right; margin-top:0; margin-bottom:15px font-family: Verdana, Arial; 
	font-size: 12pt; line-height:175%;
}
.box-shadow { background-color: #000; border:1px solid #FFFFFF; align:"center"; 
	border-radius:30px;<!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	box-shadow:6px 6px 13px #888;
	-moz-box-shadow: 6px 6px 12px #888;
	-webkit-box-shadow: 6px 6px 12px #888; 
	-o-box-shadow: 6px 6px 12px #888;
	-ms-box-shadow: 6px 6px 12px #888; 
	-khtml-box-shadow: 6px 6px 12px #888;
	font-family: Verdana, Arial; font-size:1em; color:#FFF; 
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
.box-shadow85 { background-color: #000; width: 85%; border:1px solid #FFFFFF; align:"center"; 
	border-radius:30px;<!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	box-shadow:6px 6px 13px #888;
	-moz-box-shadow: 6px 6px 12px #888;
	-webkit-box-shadow: 6px 6px 12px #888; 
	-o-box-shadow: 6px 6px 12px #888;
	-ms-box-shadow: 6px 6px 12px #888; 
	-khtml-box-shadow: 6px 6px 12px #888;
	font-family: Verdana, Arial; font-size:1em; color:#FFF; 
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
.box-shadow2 {background-color: #000; width: 50%;
	border-radius:30px;<!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	box-shadow:6px 6px 13px #888;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	 box-shadow: 10px 10px 5px #656565;
	font-family: Verdana, Arial; font-size:1em; color:#FFF; 
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
#comment { width: 95%; height:"5%"; border:1px solid #FFFFFF; 
	border-radius:30px; <!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-khtml-border-radius: 30px;
 	font-family: Arial, Verdana; font-size:1.15em; font-weight: normal; color:rgb(203,10,12);
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
.shaded { padding: 8px; border: 1px solid #CCC; box-shadow:8px 8px 12px #888; border-radius:6px; 
}
.encadre {
	border-bottom: 1px solid;
	border-left: 1px solid; border-right: 1px solid;
	border-top: 1px solid; PADDING: 5px;
}
.big-red {
	color: #FFFFFF; text-align: center; border-left: 5px solid #F60D0D; text-transform: uppercase;
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif; line-height: 250%; padding: 1px 1px 1px 1px; 
}
.big-red10 {
	color: #FFFFFF;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red10bold  {
	color: #FFFFFF;	
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red10n {
	color: #000000;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red11 {
	color: #FFFFFF;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red11bold {
	color: #FFFFFF;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: bold 11pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.red {
	color: #FFFFFF; border-left: 5px solid #F60D0D; text-transform: uppercase; 
	FONT-WEIGHT: bold; FONT-SIZE: 14pxt; FONT-FAMILY: Verdana, Arial, helvetica, sans-serif; padding: 1px 2px 1px 5px; 
}
<!-- LIENS HYPERTEXTE -->
a { font-size:0.9em; color:rgb(255,255,204); text-decoration:underline; padding-bottom:3px; }
a:hover { color:rgb(247,80,81); border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; 
}

/* t10n = liens texte 10pt noir actif rouge bg fond noir texte blanc souligné */
a:hover, a:active, a:visited, {FONT-SIZE: 10pt;} 
a.t10n:link { font-size:10pt; color:black; text-decoration:underline; }
a.t10n:visited { font-size:10pt; color:black; text-decoration:underline; }
a.t10n:active { font-size:10pt; color:rgb(246,13,13); text-decoration:underline; } 
a.t10n:hover { background-color: #000000; font-size:10pt; color:white; text-decoration:underline;
}

/* t10b = liens texte 10pt blanc actif rouge bg fond noir texte blanc souligné */
a.t10b: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 10pt;}
a.t10b:link { font-size:10pt; color:rgb(204,204,204); text-decoration:underline; }
a.t10b:visited { font-size:10pt; color:rgb(204,204,204); text-decoration:underline; }
a.t10b:active { font-size:10pt; color:rgb(255,102,51); text-decoration:none; }
a.t10b:hover { background-color: #CCCCCC; text-decoration: underline; color: #000000; font-size:10pt;
}

a:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 11pt;}
a:link { font-size:11pt; color:white; text-decoration:underline; padding-bottom:3px; }
a:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid;
}
a.t2:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 9pt;}
a.t2:link { font-size:9pt; color: #FFFFFF;  text-decoration:underline; padding-bottom:3px; }
a.t2:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }

a.t2b:visited {text-decoration: underline; color: #000000; FONT-SIZE: 9pt;}
a.t2b:link { font-size:9pt; color: #000000;  text-decoration:underline; padding-bottom:3px; }
a.t2b:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; 
}
a:hover, a:active, a:visited, {FONT-SIZE: 8pt;}    /* liens 8pt noir actif rouge bg fond noir texte blanc souligné */
a.type2:link {text-decoration: underline; color: #000000; FONT-SIZE: 8pt;}
a.type2:visited {text-decoration: underline; color: #000000; FONT-SIZE: 8pt;}
a.type2:active {text-decoration: underline; color: #F60D0D; FONT-SIZE: 8pt;} 
a.type2:hover {background-color: #000000; text-decoration: underline; color: #FFFFFF; FONT-SIZE: 8pt;
}
/* t8b = liens 8pt blanc actif roSE=#9D5050 bg fond noir texte blanc souligné */
a.t8b: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 8pt;}
a.t8b:link {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 8pt;}
a.t8b:visited {text-decoration: underline; color: #CC0000; FONT-SIZE: 8pt;}
a.t8b:active {text-decoration: none; color: #9D5050; FONT-SIZE: 8pt;}
a.t8b:hover {background-color: #CCCCCC; text-decoration: underline; color: #000000; FONT-SIZE: 8pt; 
}
/* t8n = texte 8pt noir - actif rose=#9D505 - bg fond noir texte blanc souligné */
a:hover, a:active, a:visited, {FONT-SIZE: 8pt;} 
a.t8n:link {text-decoration: underline; color: #000000; FONT-SIZE: 8pt; }
a.t8n:visited {text-decoration: underline; color: #000000; FONT-SIZE: 8pt; }
a.t8n:active {text-decoration: underline; color: #9D5050; FONT-SIZE: 8pt; } 
a.t8n:hover {background-color: #000000; text-decoration: underline; color: #FFFFFF; FONT-SIZE: 8pt; 
}
/* t9b = liens 9pt blanc fond noir texte blanc souligné */
a.t9b: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 9pt;}
a.t9b:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 9pt;}
a.t9b:link { font-size:9pt; color: #FFFFFF;  text-decoration:underline; padding-bottom:3px; }
a.t9b:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }

/* t9n = liens 9pt noir fond clair texte noir souligné */
a.t9n: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 9pt;}
a.t9n:visited {text-decoration: underline; color: #000000; FONT-SIZE: 9pt;}
a.t9n:link { font-size:9pt; color: #000000;  text-decoration:underline; padding-bottom:3px; }
a.t9n:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }

/* t11b = liens 11pt blanc fond noir texte blanc souligné */
a.t11b: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 11pt;}
a.t11b:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 11pt;}
a.t11b:link { color: #FFFFFF;  text-decoration:underline; padding-bottom:3px; FONT-SIZE: 11pt;}
a.t11b:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; FONT-SIZE: 11pt;
}
/* t11n = liens 11pt noir fond clair texte noir souligné */
a.t11n: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 11pt;}
a.t11n:visited {text-decoration: underline; color: #000000; FONT-SIZE: 11pt;}
a.t11n:link { font-size:11pt; color: #000000;  text-decoration:underline; padding-bottom:3px; }
a.t11n:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }
}

.souligne-rouge { BORDER-BOTTOM: #F60D0D solid 1px; LINE-HEIGHT: 175%;}
.H1-red {	FONT-WEIGHT: bold; FONT-SIZE: 18px; 
	border-left: 5px solid #F60D0D;
	text-transform: uppercase; color: #FFFFFF; 
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif; 
	padding: 1px 2px 5px 12px; 
}
.H1 {	font-size: 1.25em; color: #FFFFFF; font-weight: bold; FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}

.H2 {	FONT-WEIGHT: bold; FONT-SIZE: 16px; 
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}
.H3 {	FONT-WEIGHT: bold; FONT-SIZE: 14px; 
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}
.H4 {	FONT-WEIGHT: bold; FONT-SIZE: 13px; 
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}
.H5 {	FONT-WEIGHT: bold; FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif}
.UL { 
         background: #111; 
         margin: 12px 12px 12px 12px;
         padding: 3px 3px 3px 3px;
                                      / * No borders set * /
       }
.LI { 
         text-align: left; font-size: 1.1em; color: #fff; line-height: 175%; letter-spacing: 2;
	  / * Couleur du texte est blanc * / 
         margin: 12px 12px 12px 12px;
         padding: 12px 0px 12px 12px;  / * Note 0px rembourrage droite * /
}
.combo {
	BACKGROUND: #000000; 
	WIDTH:130px; HEIGHT:25px; ALIGN:center;	
	BORDER:1px solid COLOR:#000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; 
	FONT-SIZE: 14px;  COLOR:#FFFFFF; line-height:12px;
}
.CELBLANC {
	background: #FFFFFF; height:25px; FONT-SIZE: 10pt; COLOR: #000000;}

.titre {
	FONT-WEIGHT: bold; FONT-SIZE: 13pt; FONT-FAMILY: arial, verdana, helvetica, sans-serif; 
	letter-spacing: 2; COLOR: #FFFFFF;}
}

.Gentium14 { FONT-FAMILY: Gentium Book Basic, Verdana; FONT-SIZE: 14pt; LINE-HEIGHT: 175%;
}
.Gentium118px {font: normal normal normal 18px 'Gentium Book Basic', serif;
}
.Verda { FONT-FAMILY: Verdana; FONT-SIZE: 11pt; LINE-HEIGHT: 175%;
}
.Verda2 { COLOR: #FFFFFF; FONT-FAMILY: Verdana; FONT-SIZE: 9pt;	LINE-HEIGHT: 175%;
}
.Verda14px { COLOR: #FFFFFF; FONT-FAMILY: Verdana; FONT-SIZE: 14px; LINE-HEIGHT: 175%;
}
.th1 /* Les cellules d'en-tête */
{
   margin: auto;  
   background-color: grey;
   border-bottom: 1px solid black;
   color: #000000;
   font-size: 11pt;
   font-family: Arial, Arial Black, Times, Times New Roman, serif;
}
.th2 /* Les cellules normales */
{  
   background-color:#E4DFDF;  
   font-family: Arial, Arial Black, Times, Times New Roman, serif;
   font-size: 11pt; color: #000000; line-height: 120%;
   text-align: /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.th3 /* Les cellules normales COULEUR GRIS FONCE */
{  
   BACKGROUND-IMAGE: url(../nav/bg01us.jpg); line-height: 120%;
   font-family: Arial; font-size: 9pt;
}
.DASHED4 { 
	BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:dashed; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:dashed; 	  	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);
        PADDING: 5px;}
.DASHED3 {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:none; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:dashed; 	  	  
	BORDER-left-style:dashed;
}
.DASHED3H {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:dashed; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:none; 	  	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);
        PADDING:5px;}
.DASHED2 {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:none; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:none;   	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);PADDING: 5px;}
.DASHED1D {
          BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
          BORDER-top-style:none; 
	  BORDER-bottom-style:none; 
	  BORDER-left-style:none;
	  BORDER-right-style:dashed; 
          BORDER-BOTTOM-COLOR:rgb(204,204,204);PADDING: 5px;}

/* DEBUT STYLE CONTAINER */
.container {  width:85%;
  display: -webkit-flex;
  display: flex;
}
.initial {
  -webkit-flex: initial;
          flex: initial;
  width: 200px;
  min-width: 100px;
}
.none {
  -webkit-flex: none;
          flex: none;
  width: 200px;
}
.flex1 {
  -webkit-flex: 1;
          flex: 1;
}
.flex2 {
  -webkit-flex: 2;
          flex: 2;
}
/* FIN STYLE CONTAINER */
/* Alignement avec flexbox vertical-container */
.vertical-container {
  height: 300px;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
         align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}


<!-- 
            .headerFont
            {
                font-family:Arial, sans-serif;
                font-size:13px;
                font-weight:bold;
                color:#7d0d00;
                margin-top:15px;
            }
            .footnote
            {
                font-family:Arial, sans-serif;
                font-size:12px;
                color:#666666;
            }
 -->
<!-- DEBUT BLOC_HAUT -->
<!--// FIN BLOC_HAUT -->
