/* CSS Document */

*, html { margin: 0; padding: 0; }

body { font-family: Helvetica, Arial, sans-serif; text-align: center; padding: 20px 0; }

#siteWrapper { width: 948px; margin: 0 auto; text-align: left; }

#quickNav { height: 20px; padding-left: 10px; }
#quickNav ul { list-style: none; }
#quickNav ul li { float: left; border-right: 1px solid #009CDC; padding: 0 9px 2px 10px; line-height: 13px; }
#quickNav ul li.last { border-right: none; }
#quickNav ul li a { font-size: 13px; font-weight: bold; color: #009CDC; text-decoration: none; }
#quickNav ul li a:hover { text-decoration: underline; color: #006F9D; }

#tickets { position: relative; }
#tickets h4 { position: absolute; left: 499px; top: 320px;  }
#tickets h4 a { width: 175px; height: 63px; display: block; text-indent: -3000px; overflow: hidden; }
#tickets h4 a.english { background: url(../images/layout/online-tickets-button.png) no-repeat; }
#tickets h4 a.francais { background: url(../images/layout/bouton-billets-en-ligne.png) no-repeat; }

#header { background: url(../images/layout/bg-header-2.png) no-repeat right top; padding-right: 49px; padding-left: 20px; }
#header div { border-right: 1px solid #fff; }

#photos1 { border-bottom: 3px solid #fff; }

#photos2 {  background: #009DDC; height: 121px; }
#photos2 h2 { text-align: center; padding: 36px 10px 12px 0px; font-size: 16px; color: #fff; }
#photos2 h2 span { font-size: 12px; margin-top: 8px; dislay: block;}
#photos2 div { float: left;  border-right: 3px solid #fff; background:  #FFFFFF; }
#photos2 table { font-size: 12px; color: #fff; margin: 0 auto; }

#mainNav { background: #785200; border-bottom: 3px solid #fff; padding: 0; text-align: center; }
#mainNav ul { width: 100%; height: 50px; display: block; list-style: none; padding: 0; }
#mainNav ul li { float: left; position:relative; border-right: 1px solid #E2D1B8; font-size: 12px; text-transform: uppercase; }
#mainNav ul li.last { border-right: none; }
#mainNav ul li:hover { width:auto; }
#mainNav ul li a { color: #E2D1B8; text-decoration: none; padding: 20px 0; display: block; height: 10px; width: 12.25em; }
#mainNav ul li a.wide { width: 16em;}
#mainNav ul li.last a { width: 11.5em; }
#mainNav ul li a:hover, #mainNav ul li a.actif, #mainNav ul li:hover a { color: #785200; background: #B99B69; }
#mainNav ul li ul { display: none; }
#mainNav table { margin:0; border-collapse: collapse; font-size: 11px; }
#mainNav ul li ul li table { position: absolute; top:0; left:0; z-index: 1000; }

/* specific to non IE browsers */
#mainNav ul li:hover ul.visitors { display: block; position: absolute; z-index: 2000; top: 49px; background: #B99B69; margin-top: 1px; left:0; text-align: left; }
#mainNav ul li:hover ul.exhibitors { display: block; position: absolute; z-index: 1000; top: 49px; background: #B99B69; margin-top: 1px; left:0; text-align: left; }
#mainNav ul li:hover ul li { border: none; }
#mainNav ul li:hover ul li a { display: block; background: #B99B69; color: #785200; height: auto; line-height: 15px; padding: 4px 0 4px 26px; width: 160px; font-size: 80% }
#mainNav ul li:hover ul li a:hover, #mainNav ul li:hover ul li:hover a { color:#785200; background: #EFD4A4; }
#mainNav ul li:hover ul li ul { display: none; }
#mainNav ul li:hover ul li:hover ul { display:block; position:absolute; height: auto; left:186px; top:-1px; color:#000; background:#EFD4A4; }
#mainNav ul li:hover ul li:hover ul li a {background:#EFD4A4; padding: 4px; width: 178px; }
#mainNav ul li:hover ul li:hover ul li a:hover { background: #785200; color: #E2D1B8; }


/* specific to IE5.5 and IE6 browsers*/
#mainNav ul li a:hover ul { display: block; position: absolute; z-index: 1000; top: 50px; t\op:50px; background:#aaa; left:0; marg\in-top: 1px; text-align: left; }
#mainNav ul li a:hover ul li { border: none; }
#mainNav ul li a:hover ul li a { display:block; background: #B99B69; color:#785200; height:1px; line-height:15px; padding:4px 26px; width:152px; w\idth:146px; font-size: 80%; }
#mainNav ul li a:hover ul li a:hover { color:#785200; background: #EFD4A4; }

#mainNav ul li a:hover ul li a.drop {}
#mainNav ul li a:hover ul li a ul { visibility:hidden; position:absolute; width:0; }
/*#mainNav ul li a:hover ul li a:hover.drop { background: #888; color:#ff0; }*/
#mainNav ul li a:hover ul li a:hover ul { visibility: visible; position: absolute; top: 0; t\op: -1px; color:#000; left:198px; height:auto; background:#888; }
#mainNav ul li a:hover ul li a:hover ul li a { background: #EFD4A4; padding: 4px; width: 158px; }
#mainNav ul li a:hover ul li a:hover ul li a:hover { background: #785200; color: #E2D1B8; }



#contentBody { background: url(../images/layout/shadow-salonsfv.png) repeat-y; padding-left: 20px;}

#headings { background: url(../images/layout/bg-headings.png) no-repeat right top; height: 64px; padding: 10px 50px 0 0; }
#headings h1 { float: right; width: 216px; height: 64px; display: block; background: url(../images/layout/logo-salon-FR.png) no-repeat; text-indent: -3000px; overflow: hidden;}
h1#en { background: url(../images/layout/logo-salon-EN.png) no-repeat; }
#headings h3 { color: #fff; font-size: 16px; font-weight: normal; border-top: 3px solid #fff; margin-top: 8px; }
#headings h3 span { background: url(../images/layout/h3-round-corner.png) no-repeat left bottom; padding: 20px 15px 19px 15px;  }


#contentWrapper { background: url(../images/layout/bg-content-2.png) no-repeat right top; padding-right: 50px; position: relative; }

#sidePic { float: right; width: 300px; margin-top: 10px; text-align: right; }

/*#schedule { padding: 10px 0 0 65px; }
#schedule ul { list-style: none; }
#schedule ul li { color: #785200; font-size: 12px; line-height: 22px; }
#schedule ul li.day1 { background: url(../images/layout/day1.png) no-repeat left center; padding-left: 19px; }
#schedule ul li.day2 { background: url(../images/layout/day2.png) no-repeat left center; padding-left: 19px; }
#schedule ul li.day3 { background: url(../images/layout/day3.png) no-repeat left center; padding-left: 19px; }*/

#sponsor { float: right; text-align: right; padding-bottom: 5px; }
#sponsor div { width: 266px;  /*background: url(../images/layout/bg-sponsors.jpg) no-repeat; padding-right: 4px;*/ margin-top: 2px; }
#sponsor h4 { margin-top: 7px; font-size: 13px; color: #fff; text-align: left; padding: 5px 0 0 10px; height: 20px; }
#sponsor h4.commanditaires { background: url(../images/layout/bg-h4-commanditaires.png) no-repeat; }
#sponsor h4.partenaires { background: url(../images/layout/bg-h4-partenaires.png) no-repeat; }
#sponsor h4.medias { background: url(../images/layout/bg-h4-partenaires-medias.png) no-repeat; }
#sponsor p { text-align: center; padding-top: 7px; margin: 0; }
#sponsor #edition09 p { text-align: left; padding: 4px 0 0 24px; }
#sponsor a { color: #009ce2; font-size: 14px; font-weight: bold; padding-left: 46px; padding-top: 12px; text-decoration: none; display: block;  height: 24px; }
#sponsor a:hover { color: #79C041; }
#sponsor a.seePics { background: url(../images/icon-images.jpg) no-repeat center left; }
#sponsor a.seeVids { background: url(../images/icon-videos.jpg) no-repeat center left; }
#sponsor a img { border: none; }

#content { margin: 0 310px 0 0 !important; margin: 0 300px 0 0; padding: 20px 28px 10px 30px; vertical-align: text-top;}
#content p { color: #785200; font-size: 12px; padding: 0 0 15px 0; line-height: 150%; }
#content p.sponsorship img { padding: 6px; } 
#content p.no-margin-bottom { padding-bottom: 0; }
#content p.eska { text-align: center; }
#content p.warning { font-weight: bold; color: #FF0000; }
#content h3 { font-size: 16px; margin-bottom: 20px; }
#content h4 { font-size: 14px; }
#content h6 { color: #775100; }
#content s { font-size: 13px; padding-bottom: 4px; }
#content ul { color: #785200; font-size: 12px; margin: 0 0 20px 30px; }
#content ul.no-margin { margin-bottom: 0; }
#content ul li { line-height: 150%; padding-bottom: 10px; }
#content ul.no-margin li { line-height: normal; padding-bottom: 0; }
#content a { color: #009CDC; font-weight: bold; text-decoration: none; }
#content a:hover { color: #79C041; text-decoration: underline; }
#content a.doc { background: url(../images/layout/icon-pdf.png) no-repeat right center; padding-right: 15px; margin-right: 2px; }

.green { color: #79C041; }
.blue, .blue a { color: #009CDC; }
.brown { color: #775100; }
a.delete { background: url(../images/admin/delete.png) no-repeat right center; padding: 1px 14px 1px 0; }

p#note { font-size: 10px; color:#009CDC; }

.phone { background: url(../images/layout/phone.png) no-repeat left center; padding: 14px 0 14px 18px; font-size: 12px; line-height: 20px; }
.fax { background: url(../images/layout/fax.png) no-repeat left center; padding: 14px 0 14px 18px; font-size: 12px; line-height: 20px; }
.email { background: url(../images/layout/email.png) no-repeat left center; padding: 14px 0 14px 18px; font-size: 12px; line-height: 20px; }

.imgCenter { display: block; margin: 0 auto; padding: 1px; border: 2px solid #009CDC; position: relative;}
.imgLeft { float: left; margin: 1px 10px 0 0; }
.imgLeft2 { float: left; margin: 10px 10px 10px 0; }
.imgLeft3 { float: left; margin: 5px 10px 10px 0; padding: 1px; border: 2px solid #009CDC;}
.imgRight { float: right; margin: 1px 0 0 10px; padding: 1px; border: 2px solid #009CDC;}
.imgRight2 { float: right; margin: 1px 0 0 10px; }

#mailingArchives { background: url(../images/visuel-bulletin-electronique.jpg) no-repeat; min-height: 125px; padding-left: 170px; margin: 10px 0; }
#mailingArchives ul li a { background: url(../images/layout/page_go.png) no-repeat right center; padding: 2px 18px 2px 0; font-size: 13px; font-weight: normal; }


#splitSponsors { clear: left; padding-top: 10px; }
#leftSponsor { width: 250px; float: left; position: relative }
#rightSponsor {width: 250px; float: right; position: relative  }
#splitSponsors div p { padding: 4px; }


form { background: #F3F3F4 url(../images/layout/bg-form.png) no-repeat left bottom; width: 418px; padding: 0 0 10px 0; margin: 10px 0; }
form fieldset { border: none; background: url(../images/layout/bg-fieldset.png) no-repeat; padding-top: 20px; }
form div { padding: 0 10px 10px 10px; }
form div div { padding-bottom: 0; font-size: 11px; color:#FF0000; padding-left: 95px; }
form div.submit { text-align: right; padding-right: 60px; }
form div.submit input, form div.submit input:focus {
	background: #E8F3FF;
	border: 3px double #2369BC;
	border-left-color: #6CB6FF;
	border-top-color: #6CB6FF;
	padding: 2px 10px !important; padding: 0em;
	color: #2369BC;
	font-weight: bold;
}

form div.submit input:active {
	background: #D7EAFF;
	border: 3px double #6CB6FF;
	border-left-color: #2369BC;
	border-top-color: #2369BC;
}
form label { color: #009CDC; font-size: 12px; font-weight: bold; text-align: right; width: 90px; display: block; float: left; padding-right: 5px; padding-top: 2px; }
form input.text1, form textarea.text1 { width: 250px; }


form#exhibitors label { width: 130px; }
form#exhibitors div#checkboxes label { width: auto; font-weight: normal; color: #785200; font-size: 11px; }
form#exhibitors h4 { padding: 5px 10px; }
form#exhibitors div h4 { padding: 0 0 4px 0; clear: left; color: #009CDC; font-size: 12px; }
form#exhibitors p { padding: 4px 0; clear: left; }
form#exhibitors input.text1, form#exhibitors textarea.text1 { width: 210px; }
form#exhibitors input.text2 { width: 345px; }
form#exhibitors select { width: 350px; }
form#exhibitors select.province { width: 215px; }
form#exhibitors div div { padding-left: 135px; }
form#exhibitors div div { padding: 0 0 0 0; position: relative; z-index: 1000; }
form#exhibitors div div.hidden { display: none; }
form#exhibitors div div div { margin: 0;  position: absolute; left: 351px; top: -23px; width: 250px;}
form#exhibitors div div div p { background: url(../images/layout/bg-warning-arrow-grey-matte.png) no-repeat left center;  color: #FF0000; font-size: 12px; padding: 5px 0 5px 14px; }
form#exhibitors div div div p span { background: url(../images/layout/bg-warning.png) no-repeat right center; padding: 5px 8px 5px 0; height:22px;  }

form#contactform select.province { width: 215px; }
form#contactform p { padding: 0 40px; color: #FF0000; font-weight: bold; }
form#contactform div div { padding-left: 135px; }
form#contactform div div { padding: 0 0 0 0; position: relative; z-index: 1000; }
form#contactform div div.hidden { display: none; }
form#contactform div div div { margin: 0;  position: absolute; left: 351px; top: -23px; width: 250px;}
form#contactform div div div p { background: url(../images/layout/bg-warning-arrow-grey-matte.png) no-repeat left center;  color: #FF0000; font-size: 12px; padding: 5px 0 5px 14px; font-weight: normal; }
form#contactform div div div p span { background: url(../images/layout/bg-warning.png) no-repeat right center; padding: 5px 8px 5px 0; height:22px;  }


#frameContainer { padding: 10px 0; }

#reserveFrame { background: #CFE7B8 url(../images/layout/bg-reserve.png) no-repeat bottom; width: 360px; /*float: left;*/ margin: 10px 10px 10px 0; /*height: 145px;*/ padding-bottom: 10px; }
#reserveFrame h4 { background: url(../images/layout/bg-reserve-h4.png) no-repeat; color: #009CDC; font-size: 20px; line-height: 20px; padding-top: 20px; padding-left: 15px; }
#reserveFrame h4 span { font-size: 16px; font-weight: normal; }
#reserveFrame h4 a, #reserveFrame h4 a:hover { color: #009CDC; text-decoration: none; /*width: 240px; padding: 52px 5px 52px 5px; display: block;*/ }
#reserveFrame h4 a:hover { color: #785200; }
#reserveFrame ul { text-align: left; list-style: square; margin: 5px 30px 5px 30px }
#reserveFrame ul li { font-size: 13px; color: #FFFFFF; padding-bottom: 4px; line-height: normal; }




#mailingFrame { background: #B7DBF2 url(../images/layout/bg-mailing.png) no-repeat center bottom; width: 250px; height: 145px; display: block; float: left;  }
#mailingFrame h4 { background: url(../images/layout/bg-mailing-h4.png) no-repeat; padding: 7px 10px 0 10px; font-size: 15px; color: #2369BC; }
#mailingFrame p { padding: 0 0 5px 10px; color: #FFF; font-size: 12px; }
#mailingFrame div.submit { text-align: right; margin-right: 18px; padding-bottom: 5px; }
#mailingFrame div.submit input { font-size: 70%; }

#tableMailing { width: 80%; font-size: 12px; }
#tableMailing th, #tableMailing td { padding: 2px; }
#tableMailing th { background: #F3F3F4; color: #009CDC; }
#tableMailing td.right { text-align: right; width: 4.5em; }
#tableMailing td.right2 { text-align: right; width: 7em; }

form#mailing { background: none; width: auto; padding: 0; margin: 0; }
form#mailing div { padding: 0 0 2px 0; }
form#mailing div div { padding: 0 0 0 0; position: relative; z-index: 1000; }
form#mailing div div.hidden { display: none; }
form#mailing div div div { margin: 0;  position: absolute; left: 231px; top: -22px; width: 250px;}
form#mailing div div div p { background: url(../images/layout/bg-warning-arrow.png) no-repeat left center;  color: #FF0000; padding: 5px 0 5px 14px; }
form#mailing div div div p span { background: url(../images/layout/bg-warning.png) no-repeat right center; padding: 5px 8px 5px 0; height:22px;  }
form#mailing label { font-size: 11px; width: 80px; padding-top: 4px; }

table#schedule { width: 510px; margin-top: -20px; margin-bottom: 20px; }
table#schedule thead th { font-size: 13px; color: #79C041; text-align: center; padding: 8px 0; }
table#schedule thead th strong { font-size: 18px; }
table#schedule tbody th { font-size: 12px; color: #009CDC; width: 75px; text-align: center;  }
table#schedule tbody td { width: 141px; text-align: center; font-size: 12px; padding: 2px; height: 40px; line-height: 13px; border: 1px solid #efefef; color: #009CDC; }
table#schedule tbody td a { font-weight: normal; }
table#schedule tbody td.shaded { background: #F3F3F4; }


div.horaire { float: left; width: 170px; }
div.horaireEN, div.tarifsEN { padding-bottom: 20px; }
div.tarifs { margin-left: 175px; padding-left: 10px; border-left: 1px solid #efefef; margin-bottom: 20px; }
#content div.tarifs p, #content div.tarifsEN p { margin: 0; padding: 0; font-size: 10px; } { margin: 0; padding: 0; font-size: 10px; }

table#horaire td, table#tarifs td { padding: 2px 0; }
table#horaire td.jour, table#tarifs td.age {color: #785200;  font-size: 11px;}
table#horaire td.heures, table#tarifs td.prix { padding-left: 5px; font-size: 14px; text-align: right; color: #009CDC; font-weight: bold; }

div.presidentEN { background: url(../images/photo-larry-smith-EN.jpg) no-repeat 0 3px; padding-left: 140px; padding-bottom: 10px;}
div.presidentFR { background: url(../images/photo-larry-smith-FR.jpg) no-repeat 0 3px; padding-left: 140px; padding-bottom: 10px;}

#username { background: #fff url(../images/admin/icon_user.gif) no-repeat left center; padding: 1px 1px 1px 18px; border: 1px solid #ccc; width: 232px; }
#password { background: #fff url(../images/admin/icon_key.gif) no-repeat left center; padding: 1px 1px 1px 18px; border: 1px solid #ccc; width: 232px; }

#bottomLinks { clear: both; text-align: center; color: #8C8C8C; padding: 8px 0 2px 0; font-size: 11px; font-weight: bold; }
#bottomLinks a { color: #009DDC; text-decoration: none; padding: 0 6px; }
#bottomLinks a:hover { color: #8C8C8C; text-decoration: underline; }

#footer { background: #fff url(../images/layout/bg-footer.png) no-repeat right top; text-align: right; position: relative; }
#footer p { font-size: 10px; color: #ccc; padding: 50px 0 0 60px;}
#footer p a { color: #999; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }




/*** Accordions ***/
#slide { width: 500px; }
#slide h4 { font-size: 14px; cursor:pointer; display: block; width: 500px; border-bottom: 1px solid #EFF0F0; height: 20px; padding-top: 3px; background: url(../images/layout/add.png) no-repeat right center; }
#slide h4.inactif { cursor: text; background: none; }
div.details {  width: 500px; padding: 20px; }