/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;/*font-weight:normal;*/}
q:before,q:after{content:'';}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

body{ background: black url(gx/bg_body.jpg) no-repeat center top; margin: 0; padding: 0; text-align:center; }
html{ color: white; font-size: 11px; font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */

p{font-size: 11px; line-height: 150%; color: white;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */

.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */

#conteneur{ margin: 0 auto; text-align:left; width: 980px; }
.both{ clear:both; }

#conteneur #haut{ height: 118px; width: 980px; position: relative; }
#conteneur #haut #lienHaut{ display: block; width: 390px; height: 98px; outline: none; position: absolute; top: 20px; left: 5px; }

#conteneur #haut #langueBookmark{ width: 538px; float: right; margin: 0; padding: 0; position: relative; }
#conteneur #haut #langueBookmark #menuHeader{ margin: 0; padding: 0; position: absolute; top: 1px; left: 0px; float: right; }
#conteneur #haut #langueBookmark #menuHeader li{ margin: 0; padding: 0; float: left; list-style: none; }
#conteneur #haut #langueBookmark #menuHeader li.sep{ padding: 0 5px; color: white; position: relative; top: 3px; font-size: 10px; }
#conteneur #haut #langueBookmark #menuHeader li a{ color: white; font-size: 10px; text-decoration: none; position: relative; top: 3px; }
#conteneur #haut #langueBookmark #menuHeader li a:hover{ text-decoration: underline; }

#conteneur #haut #pubHaut{ width: 480px; height: 90px; background: black; border: 1px white solid; position: absolute; top: 26px; left: 442px; overflow: hidden; }
#conteneur #haut #pubHaut a{ width: 480px; height: 90px; display: block; outline: none; }

#conteneur #milieu{ width: 980px; position: relative; }

#conteneur #milieu #contenu{ float: left; width: 765px; }

/* MENUS
--------------------------------------------------------------------------------------- */

#conteneur #milieu #menu{ float: left; width: 215px; position: relative; }
#conteneur #milieu #menu #boiteMenu{ width: 215px; height: 335px; }

.conteneur_en #milieu #menu{ background: url(Gx/M/menu_en.jpg) no-repeat left top; }
.conteneur_fr #milieu #menu{ background: url(Gx/M/menu_fr.jpg) no-repeat left top; }

#conteneur #milieu #menu #mapLien{ position: absolute; top: 0; left: 0; z-index: 10; }

#conteneur #milieu #menu .hoverMenu{ position: absolute; left: 26px; width: 181px; display: none; }
#conteneur #milieu #menu .hoverMenu.actif{ display: block; }

#conteneur #milieu #menu #hover_vancouver{ height: 60px; top: 4px; left: 27px; background: url(Gx/M/hover_vancouver.png); }
#conteneur #milieu #menu #hover_calgary{ height: 52px; top: 37px; background: url(Gx/M/hover_calgary.png); }
#conteneur #milieu #menu #hover_edmonton{ height: 44px; top: 72px; left: 27px; background: url(Gx/M/hover_edmonton.png) no-repeat; }
#conteneur #milieu #menu #hover_toronto{ height: 36px; top: 107px; left: 27px; background: url(Gx/M/hover_toronto.png) no-repeat; }
#conteneur #milieu #menu #hover_montreal{ height: 28px; top: 142px; left: 27px; background: url(Gx/M/hover_montreal.png) no-repeat; }
#conteneur #milieu #menu #hover_quebec{ height: 29px; top: 175px; left: 27px; background: url(Gx/M/hover_quebec.png) no-repeat; }
#conteneur #milieu #menu #hover_moncton{ height: 37px; top: 201px; left: 27px; background: url(Gx/M/hover_moncton.png) no-repeat; }
#conteneur #milieu #menu #hover_lasvegas{ height: 44px; width: 182px; top: 228px; left: 27px; background: url(Gx/M/hover_lasvegas.png) no-repeat; }

#conteneur #milieu #menu .iconeNouveau{ height: 51px; width: 9px; position: absolute; top: 0px; left: 8px; }
#conteneur #milieu #menu .iconeNouveau_fr{ background: url(Gx/M/icone_nouveau_fr.png) no-repeat; }
#conteneur #milieu #menu .iconeNouveau_en{ background: url(Gx/M/icone_nouveau_en.png) no-repeat; }

#conteneur #milieu #menu #iconeNouveau_vancouver{ top: -8px; }
#conteneur #milieu #menu #iconeNouveau_calgary{ top: 26px; }
#conteneur #milieu #menu #iconeNouveau_edmonton{ top: 60px; }
#conteneur #milieu #menu #iconeNouveau_toronto{ top: 95px; }
#conteneur #milieu #menu #iconeNouveau_montreal{ top: 130px; }
#conteneur #milieu #menu #iconeNouveau_quebec{ top: 163px; }
#conteneur #milieu #menu #iconeNouveau_moncton{ top: 197px; }
#conteneur #milieu #menu #iconeNouveau_lasvegas{ top: 232px; }

#conteneur #milieu #menu #pubBas{ margin: 10px 0 0 16px; width: 180px; height: 150px; border: 1px white solid; background: black; overflow: hidden; }
#conteneur #milieu #menu #pubBas a{ width: 180px; height: 150px; display: block; outline: none; }

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

.conteneur_01_100 #milieu #contenu{ background: url(Gx/01/bg_video.jpg) no-repeat left top; }
.conteneur_01_100 #milieu #contenu #boiteVideo{ margin: 55px 0 0 64px; width: 299px; height: 174px; }
.conteneur_01_100 #milieu #contenu #collLeft{ width: 408px; float: left; }
.conteneur_01_100 #milieu #contenu #collRight{ width: 357px; float: left; }
.conteneur_01_100 #milieu #contenu #collRight h1{ font-size: 14px; font-weight: normal; margin: 22px 0 5px 0; }
.conteneur_01_100 #milieu #contenu #collRight a{ outline: none; }
.conteneur_01_100 #milieu #contenu #collRight img{ border: 1px white solid; }

.conteneur_01_100 #milieu #contenu #collLeft #basVideo{ margin: 19px 32px 0 0; float: right; width: 210px; text-align: right; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo h1{ font-size: 17px; color: #0070bb; margin: 0; padding: 0; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo h2{ font-size: 15px; color: #0070bb; line-height: 15px; margin: 0; padding: 0; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo p{ margin: 4px 0 0 0; padding: 0; font-size: 11px; color: white; line-height: 14px; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo table{ margin-top: 20px; float: right; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo a#btn_revue{ display: block; outline: none; text-decoration: none; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo a#btn_revue img{ float: right; margin-left: 10px; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo a#btn_revue p{ font-size: 11px; line-height: 14px; color: white; }
.conteneur_01_100 #milieu #contenu #collLeft #basVideo a#btn_revue p strong{ display: block; font-size: 15px; }

/* PAGE EDITION
--------------------------------------------------------------------------------------- */

.conteneur_02_100 #milieu #contenu #conteneurEdition{ width: 596px; margin-left: 113px; margin-top: 22px; padding-bottom: 50px; }

.conteneur_02_100 #milieu #contenu #conteneurEdition h1{ font-size: 14px; margin: 10px 0; }
.conteneur_02_100 #milieu #contenu #conteneurEdition h2{ font-size: 12px; margin: 0 0 10px 0; }
.conteneur_02_100 #milieu #contenu #conteneurEdition img{ vertical-align: top; }
.conteneur_02_100 #milieu #contenu #conteneurEdition .boiteDescription, .conteneur_02_100 #milieu #contenu #conteneurEdition .boiteLien{ width: 594px; border: 1px white solid; border-width: 0 1px 1px 1px; background: url(Gx/02/bg_tableau.gif) repeat-y 296px top; }
.conteneur_02_100 #milieu #contenu #conteneurEdition .collLeft{ float: left; width: 271px; padding: 13px; }
.conteneur_02_100 #milieu #contenu #conteneurEdition .collRight{ float: left; width: 271px; padding: 13px; }

.conteneur_02_100 #milieu #contenu #conteneurEdition .collLeft img{ float: left; margin-right: 10px; }
.conteneur_02_100 #milieu #contenu #conteneurEdition .collLeft h3{ font-size: 9px; margin: 0 0 2px 0; padding-top: 10px; }
.conteneur_02_100 #milieu #contenu #conteneurEdition .collLeft span{ font-size: 12px; }
.conteneur_02_100 #milieu #contenu #conteneurEdition a.pdf{ font-size: 10px; color: #ae1f24; text-decoration: none; padding: 0 0 0 16px; display: block; height: 13px; background: url(Gx/icone_pdf.gif) no-repeat; margin-top: 3px; }
.conteneur_02_100 #milieu #contenu #conteneurEdition a.pdf:hover{ text-decoration: underline; }
.conteneur_02_100 #milieu #contenu #conteneurEdition a.lienInscription{ font-size: 12px; color: #ae1f24; text-decoration: none; text-align: center; float: none; outline: none; }
.conteneur_02_100 #milieu #contenu #conteneurEdition a.lienInscription:hover{ text-decoration: underline; }
.conteneur_02_100 #milieu #contenu #conteneurEdition a.lienInscription img{ float: none; margin: 0; padding: 0; }

.conteneur_02_100 #milieu #contenu #conteneurEdition table *{ vertical-align: top; }
.conteneur_02_100 #milieu #contenu #conteneurEdition table td{ padding: 2px 0; }

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

.conteneur_03_100 #milieu #contenu #conteneurContact{ width: 596px; margin-left: 113px; margin-top: 22px; }
.conteneur_03_100 #milieu #contenu #conteneurContact #infoContact{ width: 594px; border: 1px white solid; margin-top: 32px; }
.conteneur_03_100 #milieu #contenu #conteneurContact #infoContact p{ font-size: 13px; margin: 40px 0; text-align: center; font-weight: bold; }
.conteneur_03_100 #milieu #contenu #conteneurContact #infoContact p a{ color: white; text-decoration: none; font-size: 13px; }
.conteneur_03_100 #milieu #contenu #conteneurContact #infoContact p a:hover{ text-decoration: underline; }

.conteneur_04_100 #conteneurInfolettre{ width: 596px; margin-left: 113px; margin-top: 22px; }
.conteneur_04_100 #conteneurInfolettre h1{ font-size: 16px; }

/* PAGE PARTENAIRE / LIENS
--------------------------------------------------------------------------------------- */

.conteneur_05_100 #milieu #contenu #conteneurPatenaire{ width: 596px; margin-left: 113px; margin-top: 22px; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #partenaires{ width: 594px; border: 1px white solid; margin-top: 32px; text-align: center; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #partenaires h2{ margin: 15px 0; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #partenaires a{ outline: none; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #liens{ width: 594px; border: 1px white solid; margin-top: 32px; text-align: left; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #liens a{ font-size: 12px; font-weight: bold; color: white; margin: 0 0 3px 20px; text-decoration: underline; }
.conteneur_05_100 #milieu #contenu #conteneurPatenaire #liens a:hover{ text-decoration: none; }

/* PAGE LIENS UTILES
--------------------------------------------------------------------------------------- */

.conteneur_06_100 #milieu #contenu #conteneurLienUtile{ width: 596px; margin-left: 113px; margin-top: 22px; }
.conteneur_06_100 #milieu #contenu #conteneurLienUtile #lienUtile{width:594px; border: 1px white solid; margin-top: 32px; text-align:left;}
.conteneur_06_100 #milieu #contenu #conteneurLienUtile #lienUtile .contenuTexte {padding:20px;}
.conteneur_06_100 #milieu #contenu #conteneurLienUtile #lienUtile .contenuTexte a {font-size: 12px; font-weight: bold; color: #ffffff; text-decoration:underline;}
.conteneur_06_100 #milieu #contenu #conteneurLienUtile #lienUtile .contenuTexte a:hover {text-decoration:none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#piedPage{ width: 980px; clear: both; padding: 30px 0 60px 0; text-align: center; }
#piedPage ul{ margin: 0; padding: 0; width: 850px; margin: 0 auto; }
#piedPage ul li{ margin: 0 3px; padding: 0; list-style: none; display: inline; }
#piedPage ul li.sep{ color: white; position: relative; top: -1px; }
#piedPage a{ color: white; font-size: 12px; text-decoration: none; }
#piedPage a:hover{ text-decoration: underline; }

/* PARTAGER CETTE PAGE (BOOKMARKER)
--------------------------------------------------------------------------------------- */

#socialBookmarker { float: right; position: relative; top: 3px; right: 20px; }
#socialBookmarkerPrefix {float:left; cursor:default;}
.bookmarkIconesVisibles {float:left; margin-left:2px;}
#bookmarkHoverPopup { position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; z-index: 25; }
#bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a{ line-height:25px; height:25px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{ border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{ text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; }

#socialBookmarker{ /*background: url(Gx/bg_bookmarker.gif) repeat-x; border: 1px solid #000000;*/ padding: 0px 31px 0 0px; height:20px; cursor:pointer; overflow: hidden; margin: 0; }
#socialBookmarkerPrefix{ color: white; font-size: 10px; margin: 3px 0px 0 0; }
#icone { padding: 0 0 1px 0; float:right; }
.bookmarkIconesVisibles{ margin-top: 2px; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset{ font-size: 11px; margin-bottom:10px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px; display: none;}
fieldset label{ font-size:12px; color:#000; margin:2px 0 2px 0; color: white; float: left; width: 120px; font-weight: bold; }

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}