/* REINITIALISATION DES ELEMENTS
--------------------------------------------------------------------------------------- */
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,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%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
*/

body/*#main*/{
	background: #FFF url(gx/bg.gif) repeat-y  scroll center top;
	color: #333;
	font-size: 12px;
	line-height:150%;
	font-family: Arial, Verdana, Tahoma;
	text-align:left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited {color:#3366ff; text-decoration:none;}
a:hover {color:#203b97; text-decoration:underline;}
a:active {color:#0e8bbf; text-decoration:none;}

h1 {color:#000; font-size:20px; margin-bottom:6px; padding-bottom:10px; font-weight:lighter;}
h1 span {vertical-align:7px; font-size:15px;font-weight:500;}
h1 a, h1 a:link, h1 a:visited {text-decoration:none;}

h2 {color:#000; font-size:18px; margin-bottom:6px; padding-bottom:10px; font-weight:lighter;}

h2 a, h2 a:link, h2 a:visited {text-decoration:none;}
h2.pasPad{padding-bottom: 0;margin-bottom: 0;}
p{}
blockquote {padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li {list-style:disc; margin-left:16px;}
#contenu ul a {padding:5px 0;}
#contenu ul ul li {list-style:circle;}
#contenu ol li, #contenu ul ol li {list-style:decimal; margin-left:23px;}
#contenu ol ol li {list-style:lower-alpha;}

.textePetit {font-size:10px;}
.imgDroit {float:right; margin-left:20px;}
.imgGauche {float:left; margin-right:20px;}
.photoCentre {text-align:center; margin:10px 0;}
.photoCentre img {margin:0 7px;}
.txtGauche {float:right;}
.txtCentre {text-align:center;}
.rougeGras {font-size:18px; color:#ff0000;}
.pdf {background: url(gx/M/pdf.png) no-repeat left top; padding:5px 25px;}
.gros{font-size: 16px;line-height: 20px;}
.noDisplay {display:none;}
#LabelNomExposant.noDisplay {color:#FFF;}
#accordion h2 {font-family:arial; text-transform:uppercase;}
#accordion p {text-align:justify;}
#accordion img {float:left; margin-right:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 0px; border:0;}
fieldset legend{font-size: 14px; font-weight: bold; color: #291612;}
fieldset label{font-size: 13px;color: #291612;}

.formulaire{margin: 0;padding: 0;}
.champTexte{	
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:163px;
}
.boutonRadio{
	color: #291612;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 11px;
}
.listeDeroulante{
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:165px;
}
.boiteTexte{
	font-family: Tahoma;
	font-size: 12px;
	color: #291612;
	border: 1px solid #B7D0D6;
	background: #F2F5F5;
	margin: 0;
	padding: 0;
}
.bouton{
	background: url(gx/btn.gif) no-repeat left 2px;
	border:0px;
	color: #000;
	float:right;
	font-size: 10px;
	font-weight: bold;
	text-transform:uppercase;
	height: 23px;
	width:150px;
	margin:10px 12px 10px 0;
	padding:5px 0;
}
.bouton:hover{
color: #fa0000;
	cursor:pointer;
}


.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
#preVente{width:400px}
#preVente fieldset legend, #formExposant fieldset legend, #formManuelExposant fieldset legend{border:1px solid #B7D0D6; padding:5px;margin-bottom:5px;color:#291612;font-size:15px;}
#preVente fieldset, #formExposant fieldset, #formManuelExposant fieldset{border:1px solid #B7D0D6; padding:5px 20px 5px 23px;}
#preVente fieldset label, #formExposant fieldset label{display:block;width:150px;float:left;line-height:25px;}
#carteCredit fieldset label{display:block;width:120px;float:left;line-height:25px;}
#preVente div{font-size:12px;}

#formRechercheRapide {
	border: 1px solid #b5b5b5;
	float:right;
	margin:10px 5px 0 5px;
	padding:0px;
	width:152px;
}

#rechercheRapide {
	border:0px;
	color: #203b97;
	float:left;
	padding:0 5px;
	width:115px;
}

#bt_rechercheRapide {
	background: url(gx/M/btn-rechercheRapide.gif) no-repeat center center;
	border:0px;
	float:right;
	text-indent: -999999px;
	width:21px;
}


/* Recherche
--------------------------------------------------------------------------------------- */
#cse{width: 300px;}

.gsc-input{width: 200px;}


/* Icones generales
--------------------------------------------------------------------------------------- */
.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;} */
.icoVideo{background: url(Gx/ico_video.png) no-repeat left top;width: 30px;height: 30px;position: absolute;left: 10px;top: 10px;}

/* CONTENEURS ET CLASSES G?N?RALES
--------------------------------------------------------------------------------------- */
#conteneur {
	margin:0 auto;
	width:990px;
}

#contenu {
	min-height:270px;
	height:auto !important;
	height:270px;
}

#boiteContenu {background: url(gx/M/fond-boiteContenu.gif) repeat-x top left; float:left; padding:20px; width:950px;}
#boiteContenu.col {width:720px;}

.both, .clearBoth{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {background: url(gx/M/fond-menu.gif) no-repeat top left; display:block; padding: 9px 25px; height:20px;}

#menu li {padding:0; margin:0; display:inline; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 12px 10px 12px;
	text-decoration: none;
}

#menu li a:hover, #menu li a:visited:hover{background: url(gx/M/fond-menu.gif) no-repeat center bottom; color:#FFF;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{background: url(gx/M/fond-menu.gif) no-repeat center bottom; color:#FFF;}

/* Navigation secondaire */
#menuSec {float:right;}
#menuSec li {display:inline; float:left; padding:10px 0;}
#menuSec a, #menuSec a:link, #menuSec a:visited {color: #203b97; padding:0 5px; text-decoration:none;}
#menuSec a:hover, #menuSec a.actif, #menuSec a.actif:visited {color:#3366ff; text-decoration:underline;}
#menuSec li.dernier a {padding-right:0;}

/* Navigation SousMenu */
#sousMenu {background: url(gx/06/sousMenu-top.gif) no-repeat center top; padding-top:10px; width:165px; margin-bottom:-2px;}
ul#sousMenu li {background-color:#d6e6ea; border-top:3px solid #FFF; list-style:none; margin:0; min-height:28px;}
#sousMenu li.premier {border-top:0px;}
#sousMenu li.dernier {margin-bottom:-11px; padding:0 0 11px 0;}
#sousMenu li a {display: block; color:#000; font-weight:bold; padding:5px 15px; margin:0;}
#sousMenu li a:hover, #sousMenu li a.actif {background: #e9f3f6 url(gx/M/menuSec_fleche.gif) no-repeat 5px center; color:#7fb30f; text-decoration:none;}
#sousMenu img {margin:-1px;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#CTA_montreal {background:url(gx/M/CTA-montreal.jpg) no-repeat left top; float:left; margin-right:10px; padding:20px; height:217px; width:283px;}
#CTA_montreal:hover {background-position:right top;}

#CTA_montreal a, #CTA_quebec a{color:#FFF;}

#CTA_quebec {background:url(gx/M/CTA-quebec.jpg) no-repeat left top; float:left; margin-right:10px; padding:20px; height:217px; width:283px;}
#CTA_quebec:hover {background-position:right top;} 

#CTA_exposant{background:url(gx/M/CTA-exposant.jpg) no-repeat left top; float:left; padding:20px; height:217px; width:283px;}
#CTA_exposant:hover {background-position:right top;}

#CTA_montreal h1, #CTA_quebec h2, #CTA_exposant h2 {color:#FFF; font-size:31px; line-height:25px;}
#CTA_montreal h1 span, #CTA_quebec h2 span {font-size:14px; vertical-align:15px;}
#CTA_montreal p, #CTA_quebec p, #CTA_exposant p {color:#FFF; font-size:19px; line-height:22px;}
#CTA_montreal p span, #CTA_quebec p span, #col_salonCentre p span {font-size:10px; vertical-align:8px;}
#CTA_montreal p.savoirPlus, #CTA_quebec p.savoirPlus {font-size:13px; font-weight:bold; margin-top:10px;}
#CTA_exposant p.savoirPlus {color:#666; font-size:13px; font-weight:bold; margin-top:118px;}

#CTA_montreal a.lienVid, #CTA_quebec a.lienVid {font-size:13px; font-weight:bold;}
#CTA_montreal p.savoirPlus-EN, #CTA_quebec p.savoirPlus-EN {font-size:13px; font-weight:bold; margin-top:10px;}
#CTA_exposant p.savoirPlus-EN {color:#666; font-size:13px; font-weight:bold; margin-top:120px;}

/* 02_100 : PAGE SALON
--------------------------------------------------------------------------------------- */
#col_concours {float:right; margin-right:80px; width:132px;}
html* #col_concours {float:right; margin-right:0px;width:132px;}
#col_salonGauche {width:240px;}
#col_salonCentre {width:240px;margin:0 15px;}
#col_salonDroite {width:185px;}
.col_salon {float:left;}
.col_salon strong {font-size:15px;}
.col_salon p, .col_salon img {margin-bottom:20px;}
.col_salon ul a {float:right;}

#planSalon {width:182px; margin-bottom:10px; text-align:right;}
#planSalon img {margin-bottom:0px;}

#boite_photo {border-top: 1px solid #CCC; padding:20px 0;}
#boite_photo a{position: relative;display: block;float: left;margin-right: 3px;}
#boite_photo a.lienDroit {float:right; margin-right:142px;}

/* 02_200 : PAGE CONFERENCE
--------------------------------------------------------------------------------------- */
.boite_conference {margin:10px 0;}
.boite_conference img {float:left; margin:0 20px 50px 0;}

/* 02_300 : PAGE EXPOSANT
--------------------------------------------------------------------------------------- */
#formExposant {width:460px;}
#formExposant .listeDeroulante {width:250px;}

/* 06_100 : DEVENIR EXPOSANT
--------------------------------------------------------------------------------------- */
#col_sousMenu {float:left; width:210px;}
#boiteExposant {float:left; width:650px;}
#boiteExposant a{position: relative;display: block;float:left; margin-right: 3px;}
#boiteExposant_centre {float:left; width:450px;}
#boiteExposant_droit {border-left:0px solid #CCC; float:right; padding: 28px 15px 0 0; margin-left:0px; min-height:276px; width:215px;}
#boiteExposant_droit p {margin-left:15px;}
.bt_exposant {margin:-35px 0 15px 0;}
html* .bt_exposant {margin:0px 0 15px 0;}

#fondBleu {
	background: #223d99 url(gx/M/boxListe_haut.gif) no-repeat left top;
	color:#FFF;
	margin:20px 0 20px 0; 
	padding:15px 0px 0 0;
	width:473px;
}
#fondBleu.pasPad{margin-top: 10px;}
ul#fondBleu li {background: url(gx/M/li_expo.gif) no-repeat left center; list-style:none; margin-left:-10px; padding:5px 0px 0px 40px;}
#fondBleu img {margin-bottom:-5px;}
html* #fondBleu img {margin:0 0 -3px -30px;}

.boite1{
	background: #d6e6ea url(gx/M/boite1_haut.gif) top no-repeat;
	float:left;
	margin: 15px 10px 15px 20px;
	width:283px;
}
.boite1 a, .boite1 span{
	display: block;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
}
.boite1 a.pasgros{font-weight: normal;padding: 0 0 0 10px;}

.boite2{
	float:left;
	margin: 0;
	width:283px;
	background-color: #d0e7eb;
	border: 4px #d0e7eb solid;
	border-radius:8em; -moz-border-radius:8px; -webkit-border-radius:8px;
	
}
 .boite2 span {
	display: block;
	font-weight: bold;
	line-height: 20px;
	padding: 10px 10px 10px 20px;
	text-decoration: none;
}


table {
	font-size:13px;
	margin: 15px 0;
	padding: 0px;
	width: 460px;
}
table td {
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
}
table th {
	background-color: #1c5d0d;
	color: #FFFFFF;
	font-size:15px;
	font-weight:bold;
	margin: 0px;
	padding: 5px;
	text-align: center;
	width: 150px
}
.alt1 {background-color: #83b74c;}
.alt2 {background-color: #1c5d0d;}

/* 06_700 : PAGE MANUEL EXPOSANT
--------------------------------------------------------------------------------------- */
#formManuelExposant {width:400px;}
#formManuelExposant label {float:left;}
.radio {float:left; margin:3px 5px 0px 0px;}
.labelRadio {padding:0px;}

/* 07_100 : PAGE ACHETER UN BILLET
--------------------------------------------------------------------------------------- */
.boiteGauche{
	float:left;
	width:475px;
	border-right:1px solid #B6D0D6;
	display:block;
}

.boiteDroite{
	float:right;
	width:350px;
	display:block;
}

.lienAchat, .boiteGauche a.lienAchat, .boiteGauche a.lienAchat:link, .boiteGauche a.lienAchat:visited, .boiteDroite a.lienAchat, .boiteDroite a.lienAchat:link, .boiteDroite a.lienAchat:visited{
	color:#ff0000;
}

.boiteGauche a.lienAchat:hover, .boiteGauche a.lienAchat:visited:hover, .boiteDroite a.lienAchat:hover, .boiteDroite a.lienAchat:visited:hover{
	color:#990000;
}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:340px;margin-right:50px;width:500px;float:right;}
.imgContact {float:right;margin-right:80px;}
#boiteFormContact{float:right;width:370px;}

#formContact{float:right;width:370px;}
#formContact label{float:left;width:80px;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:200px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:80px;}

/* 10_100 : PAGE POURQUOI VISITER NOS SALONS
--------------------------------------------------------------------------------------- */
#boitePropos {float:left; margin-left:60px; width:800px;}
#boitePropos div {float:left; padding:0 30px 0 10px; width:225px;}

/* 11_100 : PAGE POURQUOI VISITER NOS SALONS
--------------------------------------------------------------------------------------- */
#boiteVisite {float:left; width:650px;}
#boiteVisite_droit {/*border-left:1px solid #CCC;*/ float:left; padding-left:15px; margin-left:50px; width:215px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{padding-bottom:40px; width:990px;}
#piedPage a{color:#666; text-decoration:none;}
#piedPage a:hover{color:#203b97; text-decoration:underline;}
#piedPage #copyrights{float:right; padding:10px 0;text-align: right;}

#partenaire {border-top: 1px solid #eaeaea; padding:15px 0;}
#partenaire img {padding-right:22px;}
html* #partenaire img {padding-right:10px;}
#partenaire img.dernier {padding-right:0px;}
#partenaire_majeur {border-right:1px solid #eaeaea; float:left; margin-right:30px;}
#partenaire_autre {float:left; }
#partenaire_majeur h2, #partenaire_autre h2 {color:#000; font-size:12px; }
*:first-child+html #partenaire_autre h2 { margin: 0 0 20px 0; } html* #partenaire_autre h2 { margin: 0 0 20px 0; }
#partenaire_autre h2 a {float:right; color:#3366ff; font-size:12px; }
*:first-child+html #partenaire_autre h2 a { position: relative; bottom: 30px; } html* #partenaire_autre h2 a { position: relative; bottom: 30px; }
#partenaire_autre h2 a:hover {color:#203b97;}

#menuPiedPage {background-color:#f0f0f0; float:left; margin-top:25px; padding:20px 20px 0 20px; width:950px;}
#menuPiedPage div {float:left; margin-right:95px;}
#menuPiedPage div.deuxieme {border-right: 1px #b0b0b0 solid;margin-right: 45px;padding-right: 55px;}
#menuPiedPage div.dernier {margin-right:0px;border-right: 0;}
#menuPiedPage div ul {margin-bottom:20px;}
#menuPiedPage a {color: #000;}
#menuPiedPage a:hover {color: #3366ff; text-decoration:underline;}

/* Navigation en bas-de-page */
#menuBas{float:left; padding:10px 0;}
#menuBas li{display:inline;}
#menuBas li.dernier a {padding-right:0;}
#menuBas a, #menuBas a:link, #menuBas a:visited{padding:0 5px;}
#menuBas a:hover, #menuBas a.actif {color:#203b97; text-decoration:underline;}

/* FIL ARIANE
--------------------------------------------------------------------------------------- */
#filAriane {float:left; font-size:10px; margin:-10px 0 0 20px;}
html* #filAriane {float:left; font-size:10px; margin:0px 0 0 20px;}
#filAriane a {color:#000;}
#filAriane a:hover {color:#3366ff; text-decoration:underline;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; margin:-10px 20px 0 0; padding:4px 80px 0 0; color:#666; text-align:right; text-decoration:none;}
html* a#lienPartager{margin:0px 20px 5px 0;}