/* --------------------------------------------------------
    Global stylesheet
    Created by: Guillaume - guillaume@falzhobel.ca
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    body { background-color: #efefe9; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px 0px 40px 0px; }    
    
    h1, h2, h3, h4, h5, p { line-height: 1.4em; }
    
    h1 { font-size: 150%; color: #333; }
    h2 { font-size: 125%; color: #333; }
    h3 { font-size: 125%; color: #333; text-transform: uppercase; padding: 3px 0px 8px 0px; }
    h4 { font-size: 100%; color: #333; padding: 3px 0px 8px 0px; }

    h3 span { font-weight: normal; }
    
    p { padding-bottom: 12px; }
    
    a { color: #333; -moz-outline-style: none; font-weight: bold; }
    a:hover, a.link_on { color: #7dbe35; }
    
    input, select, textarea { font: 100% Arial, Verdana, Helvetica, sans-serif; padding: 1px; color: #333; }
    select { padding: 1px; }
    
    ul { list-style: none; }
    
    img { border: 0px; }
    
/* --------------------------------------------------------
    Global classes
   -------------------------------------------------------- */
    
    .tiny { font-size: 90%; }
    .smaller { font-size: 95%; }
    .normal { font-size: 100%; }
    .bigger { font-size: 105%; }
    .bold { font-weight: bold; }
    .no_bold { font-weight: normal; }
    .centered { text-align: center; margin: 0 auto; }
    .right { text-align: right; }
    .uppercase { text-transform: uppercase; }
    .normalcase { text-transform: none; }
    
    .no_pad { padding-bottom: 0px; }
    .small_pad { padding-bottom: 5px; }
    .top_pad { padding-top: 15px; }
    .bot_pad { padding-bottom: 10px; }
    
    .border { border: 1px solid #ddd; }
    .border_extra { border: 3px solid #ddd; }
    
    .content_sep { border-bottom: 1px dotted #333; padding-bottom: 5px; margin-bottom: 10px; }
    
    .hide, hr { display: none; }
    
    .bullet_list { padding: 0px 0px 10px 15px; }
    .bullet_list li { padding: 0px 0px 2px 0px; list-style-type: disc; }
    
    .normal_list { padding-bottom: 10px; }
    .normal_list li { padding-bottom: 2px; line-height: 1.4em; }
    
    .page_title { margin: 40px 0px 5px 0px; width: 100%; overflow: hidden; }
    .page_title h2 { float: left; padding: 0px 20px 0px 50px; background-color: #7dbe35; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
    
    .btn_green { width: 100%; overflow: hidden; padding: 5px 0px 10px 0px; }
    .btn_green a { display: block; float: left; padding: 4px 10px 3px 10px; background-color: #7dbe35; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; }
    .btn_green a:hover { background-color: #414143; color: #fff; }
    
    .table_forms { margin: 5px 0px 15px 0px; }
    .table_forms td { padding: 0px 10px 10px 0px; }
    .table_forms td.col_label { font-weight: bold; width: 120px; vertical-align: top; padding-top: 4px; }
    .table_forms td.col_input input { width: 250px; }
    .table_forms td textarea { width: 385px; height: 120px; }
    
    .submit_btn { background-color: #7dbe35; color: #fff; font-weight: bold; cursor: pointer; padding: 3px 10px; }
    
    .error, .label_error { color: #D54038; font-weight: bold; }

/* --------------------------------------------------------
    Grid layout and classes
   -------------------------------------------------------- */
   
    .grid_300 { width: 300px; }
    
    .grid_left { float: left; }
    .grid_right { float: right; }
    
    .grid_left_pad { padding-left: 15px; }
    .grid_right_pad { padding-right: 15px; }
    
    .grid_bot_pad { padding-bottom: 10px; }
    
    .clearer { width: 100%; overflow: hidden; }
    
/* --------------------------------------------------------
    Global styling
   -------------------------------------------------------- */
    
    #container { width: 966px; margin: 0 auto; text-align: left; background-color: #fff; }
    
/*  Header
   -------------------------------------------------------- */
   
    #header_archive { padding: 10px; background-color: #fdfc88; text-align: center; }
    #header_archive p { font-size: 125%; padding-bottom: 0px; }
   
    #header { height: 183px; position: relative; z-index: 1; }
    #header h2 { position: absolute; top: 19px; left: 137px; text-decoration: none; width: 380px; height: 155px; }
    #header h2 a:link, #header h2 a:visited { display: block; width: 380px; height: 155px; text-decoration: none; outline: none; -moz-outline-style: none; }
    #header h3 { display: none; }
    #header p { position: absolute; top: 28px; left: 846px; width: 100px; text-align: right; font-weight: bold; text-transform: uppercase; font-size: 125%; }
    #header p a { text-decoration: none; }
    
    #header #header_collab { position: absolute; top: 131px; left: 689px; }
    #header #header_collab a { display: block; width: 89px; height: 44px; text-decoration: none; outline: none; -moz-outline-style: none; }
    #header #header_city { position: absolute; top: 131px; left: 849px; }
    #header #header_city a { display: block; width: 89px; height: 44px; text-decoration: none; outline: none; -moz-outline-style: none; }
    
    .header_fr { background: url("../images/header_fr.jpg") no-repeat; background-color: #d3d4c6; }
    .header_en { background: url("../images/header_en.jpg") no-repeat; background-color: #d3d4c6; }

/*  Wrapper
   -------------------------------------------------------- */
   
    #wrapper { width: 100%; overflow: hidden; background: url("../images/wrapper_bg.gif") repeat-y top left; }

/*  Sidebar
   -------------------------------------------------------- */
   
    #sidebar { float: left; width: 164px; }
    #sidebar .sidebar_ads { border-bottom: 1px solid #fff; }
    
    #sidebar h3 { color: #fff; padding: 14px 0px 18px 10px }
    #sidebar ul { border-top: 1px solid #ccc; }
    #sidebar ul li { position: relative; width: 164px; z-index: 1; }
    #sidebar ul li a { display: block; padding: 7px 10px 6px 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; font-size: 90%; color: #fff; text-decoration: none; font-weight: normal; }
    #sidebar ul li a:hover { background-color: #939591; color: #fff; }
    #sidebar ul li a.sidebar_nav_on { background-color: #7dbe35; color: #fff; font-weight: bold; }
    
    #sidebar ul li ul { border-top: 0px; border-bottom: 1px solid #ccc; padding: 5px 10px; }
    #sidebar ul li ul li { width: 144px; }
    #sidebar ul li ul li a { text-transform: none; border: 0px; padding: 2px 10px; }
    #sidebar ul li ul li a:hover, #sidebar ul li ul li a.sidebar_subnav_on { background-color: #464648; color: #8dc83a; }

/*  Main
   -------------------------------------------------------- */
   
    #main { float: right; width: 796px; background: url("../images/main_bg.jpg") repeat-x top left; min-height: 540px; }
    
/*  Nav
   -------------------------------------------------------- */
   
    #nav { height: 46px; border-bottom: 5px solid #fff; }
    #nav ul { width: 100%; overflow: hidden; height: 46px; }
    #nav ul li { float: left; height: 46px; }
    #nav ul li a { display: block; width: 397px; height: 46px; background-color: #7dbe35; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; font-size: 125%; color: #fff; line-height: 45px; text-indent: 50px; text-decoration: none; }
    #nav ul li a:hover, #nav ul li a.nav_on { background-color: #414143; }
    #nav ul li#nav_visitors { padding-right: 1px; }
    #nav ul li#nav_exhibitors a { width: 398px; }
    
/*  Content + FCK Content Setup
   -------------------------------------------------------- */
    
    #content {  }
    
    #content_inner { padding: 15px 15px 50px 50px; font-size: 110%; }
    
    #content ul { padding: 2px 15px 10px 0px; }
    #content ul li { line-height: 1.4em; padding: 0px 0px 5px 15px; background: url("../images/icon_bullet.gif") no-repeat 2px 5px; }
   
/*  Footer
   -------------------------------------------------------- */
   
    #footer_news { background: url("../images/sep.gif") repeat-y 168px 0px; background-color: #E5E5DE; padding: 10px; border: 1px solid #6d6d6a; min-height: 120px; }
    #footer_news #footer_evenement { float: left; width: 150px; }
    #footer_news #footer_news_list { float: right; width: 740px; }
    #footer_news #footer_news_list ul { padding-bottom: 5px; }
   
    #footer_presented { background: url("../images/sep.gif") repeat-y 168px 0px; background-color: #fff; padding: 10px; border-left: 1px solid #6d6d6a; border-right: 1px solid #6d6d6a; border-bottom: 1px solid #6d6d6a; min-height: 100px; }
    #footer_presented #footer_presented_by { float: left; width: 150px; }
    #footer_presented #footer_collaboration { float: right; width: 740px; }
   
    .footer_logos { text-align: center; margin: 0 auto; padding-bottom: 10px; }
    .footer_logos img { padding: 0px 30px 10px 30px; vertical-align: middle; }
    
    .footer_partners { background-color: #fff; padding: 10px; border-left: 1px solid #6d6d6a; border-right: 1px solid #6d6d6a; border-bottom: 1px solid #6d6d6a; min-height: 100px; }
   
    #footer_nav { background-color: #818689; padding: 5px 10px; }
    #footer_nav p { text-align: center; padding-bottom: 0px; }
    #footer_nav p, #footer_nav a { color: #fff; }
    #footer_nav a:hover { text-decoration: none; }
    #footer_nav span.copyright { padding-left: 10px; }
    
/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */    
   
    #home_content_box { margin: 12px 0px 20px 0px; padding: 8px 0px 5px 0px; background: url("../images/sep.gif") repeat-y top center; }
    #home_visitors, #home_exhibitors { padding: 0px 45px; }
   
    #home_content_box p, #home_content_box ul li { font-size: 10px; }
   
/* --------------------------------------------------------
    Section : Exhibitors
   -------------------------------------------------------- */
   
    .exhibitor_box { width: 100%; overflow: hidden; padding: 10px 0px; border-top: 1px dotted #333; }
    .exhibitor_box .exhibitor_logo { float: left; width: 200px; }
    .exhibitor_box .exhibitor_info { float: right; width: 500px; padding-right: 10px; }
    .exhibitor_box .exhibitor_info p { font-size: 90%; }
    
/* --------------------------------------------------------
    Section : News
   -------------------------------------------------------- */
   
    .news_list { width: 100%; overflow: hidden; border-bottom: 1px dotted #333; padding: 10px 0px 5px 0px; }