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

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

    * { margin: 0; padding: 0; }

    body { background-color: #f9f6f0; font: 75%/1.2em Arial, Verdana, Helvetica, sans-serif; color: #4f4f4f; margin: 0px; padding: 0px; text-align: center; }    
    
/* --------------------------------------------------------
    Native
   -------------------------------------------------------- */
        
    /* Links */
    a { color: #eb7421; text-decoration: none; }
    a:hover { color: #45871b; text-decoration: underline; }
    
    /* Forms */
    input, select, textarea { font: 75%/1em Arial, Verdana, Helvetica, sans-serif; padding: 2px; }
    select, .radio, .checkbox { padding: 0px; }
    
    /* Lists */
    ul, ol { list-style: none; }
    
    /* Others */
    sup { font-size: 75%; vertical-align: top; }
    sup.align_sup { vertical-align: super; }
        
/* --------------------------------------------------------
    Classes
   -------------------------------------------------------- */
    
    /* For Dev Notes */
    .dev_notes { background-color: yellow; color: #333; padding: 15px 15px 0px 15px; font-size: 110%; font-weight: bold; margin-bottom: 10px; }
    
    /* Formatting */
    .smaller { font-size: 95%; }
    .bigger { font-size: 105%; }
    .bold { font-weight: bold; }
    .centered { text-align: center; margin: 0 auto; }
    
    /* Hide and clearer */
    .hide, hr { display: none; }
    .clearer { width: 100%; overflow: hidden; }
    
    /* Seperators */
    .dotted_sep { border-bottom: 1px dashed #cecbb7; padding-top: 3px; margin-bottom: 16px; }
    
    /* Unordered Lists */
    .bullet_list { width: 100%; }
    .bullet_list li { background: url("../images/icon_bullet.gif") no-repeat top left; line-height: 1.4em; padding: 3px 0px 10px 27px; }
    .bullet_list_float { width: 100%; overflow: hidden; }
    .bullet_list_float li { float: left; width: 43%; background: url("../images/icon_bullet.gif") no-repeat top left; line-height: 1.4em; padding: 3px 0px 10px 24px; font-weight: bold; }
    .bullet_list_float li.float_40 { width: 41%; }
    .bullet_list_float li.float_50 { width: 44%; }
    
    .bullet_list li ul { margin-top: 10px; }
    .bullet_list li ul li { background: none; line-height: 1.2em; padding: 0px 0px 4px 20px; }
    
    /* Ordered Lists */
    .num_list { margin-bottom: 15px; }
    .num_list li { width: 100%; overflow: hidden; }
    .num_list li .num_list_num { float: left; width: 41px; height: 41px; background: url("../images/icon_bullet_num.gif") no-repeat top left; }
    .num_list li .num_list_num span { display: block; width: 41px; padding-top: 9px; line-height: 1em; text-align: center; font-size: 160%; font-weight: bold; color: #fff; }
    .num_list li .num_list_content { margin-left: 47px; padding-top: 12px; }
    
    .annotation_list { list-style: decimal; padding: 15px 0px 0px 18px; }
    .annotation_list li { font-size: 90%; color: #a5a5a5; padding-bottom: 3px; }
    
    /* Content boxes */
    .content_box_corner { background: url("../images/content_box_corner.gif") no-repeat top right; }
    .content_box_625 { background: url("../images/content_box_625_bg.gif") repeat-y top left; }
    .content_box_625_footer { background: url("../images/content_box_625_footer.gif") no-repeat bottom left; min-height: 346px; padding: 25px 25px 35px 30px; }
    .content_box_280 { background: url("../images/content_box_280_bg.gif") repeat-y top left; }
    .content_box_280_footer { background: url("../images/content_box_280_footer.gif") no-repeat bottom left; min-height: 366px; padding: 17px 18px 23px 18px; }
    .content_box_767 { background: url("../images/content_box_767_bg.gif") repeat-y top left; }
    .content_box_767_footer { background: url("../images/content_box_767_footer.gif") no-repeat bottom left; min-height: 240px; padding: 72px 110px 45px 45px; }
    .content_box_767_extra_pad { padding-right: 280px; }
    
    /* Buttons */
    .btn_all { width: 100%; overflow: hidden; padding-bottom: 10px; }
    .btn_all a { padding: 7px 7px 7px 12px; color: #fff; display: block; float: left; line-height: 1em; text-decoration: none; }
    .btn_all a:hover { text-decoration: underline; color: #fff; }    
    .btn_green { height: 26px; background: url("../images/btn_green.gif") no-repeat top left; float: left; } 
    .btn_green_right { height: 26px; width: 5px; background: url("../images/btn_green.gif") no-repeat -241px 0px; float: left; }    
    .btn_blue { height: 26px; background: url("../images/btn_blue.gif") no-repeat top left; float: left; }
    .btn_blue_right { height: 26px; width: 5px; background: url("../images/btn_blue.gif") no-repeat -241px 0px; float: left; }
    .btn_yellow { height: 26px; background: url("../images/btn_yellow.gif") no-repeat top left; float: left; }
    .btn_yellow_right { height: 26px; width: 5px; background: url("../images/btn_yellow.gif") no-repeat -241px 0px; float: left; }
    
    #btn_all_demo_fr { padding-left: 271px; }
    #btn_all_demo_en { padding-left: 238px; }
    
    /* Boxes */
    .green_box { padding: 10px 10px 7px 10px; background-color: #f2f7db; margin-bottom: 15px; }
    .green_box ul li { background: url("../images/icon_bullet_green.gif") no-repeat top left; overflow: visible; width: 95%; }
    
    /* Zap Box Infos */
    .zap_box_infos { padding: 10px 15px; border: 1px solid #45871b; margin: 0px auto 20px auto; width: 80%; text-align: center; }
    .zap_box_infos p, .zap_box_infos table { text-align: left; }
    .zap_box_infos table { width: 100%; }
    .zap_box_infos table th, .zap_box_infos table td { padding: 3px 3px 3px 0px; }
    .zap_box_infos table th { text-decoration: underline; }

/* --------------------------------------------------------
    General Presentation
   -------------------------------------------------------- */
   
    div.container { width: 924px; margin: 0 auto; text-align: left; }
   
/*  Header
   -------------------------------------------------------- */
   
    #header { background: url("../images/header_bg.gif") repeat-x top left; height: 263px; }
    #header_inner { position: relative; background: url("../images/header_inner_bg.png") no-repeat top right; height: 263px; }
    #header h1 { position: absolute; top: 41px; left: 0px; background: url("../images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 199px; height: 111px; }
    #header h1 a:link, #header h1 a:visited { display: block; width: 199px; height: 111px; text-decoration: none; outline: none; -moz-outline-style: none; }
    #header h2 { position: absolute; top: 196px; left: 0px; text-indent: -9999px; text-decoration: none; width: 478px; height: 41px; }
    #header h3 { position: absolute; top: 67px; left: 854px; background: url("../images/header_taux_en.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 65px; height: 50px; }
    #header #lang { color: #bddb96; position: absolute; top: 0px; left: 810px; width: 106px; text-align: center; line-height: 1em; text-transform: uppercase; font-size: 9px; padding: 4px 0px; }
    #header #lang a { color: #fff; }
    #header #did_you_know { position: absolute; top: 82px; left: 378px; width: 180px; }
    #header #did_you_know h4 { text-indent: -9999px; text-decoration: none; width: 141px; height: 27px; padding-bottom: 2px; }
    #header #did_you_know p { font-size: 95%; padding-bottom: 2px; }
    #header #did_you_know #did_you_know_link { text-align: right; }
    #header #did_you_know #did_you_know_link a { color: #5e9d34; font-weight: bold; }
    #header h5 { position: absolute; top: 199px; left: 815px; text-indent: -9999px; text-decoration: none; width: 104px; height: 105px; }

/*  Menu
   -------------------------------------------------------- */

    /* Main */
    #menu { background: url("../images/menu_bg.gif") repeat-x top left; height: 60px; }
    #menu ul { width: 100%; overflow: hidden; background: url("../images/menu_sep.gif") no-repeat top left; }
    #menu ul li { float: left; }
    #menu ul li a { display: block; color: #686868; background: url("../images/menu_sep.gif") no-repeat top right; height: 31px; padding: 19px 18px 0px 15px; font-size: 12px; font-weight: bold; text-transform: uppercase; }
    #menu ul li a.menu_on, #menu ul li a:hover { color: #69b03b; }
    
    /* Sub */
    #menu li ul { position: absolute; width: 202px; background: none; left: -999em; z-index: 3; }
    #menu li:hover ul, #menu li.sfhover ul { left: auto; }
    #menu li:hover, #menu li.sfhover { position: static; }
    #menu ul.menu_sub { text-align: left; margin-left: -2px; }
    #menu ul.menu_sub li { float: none; width: 200px; }
    #menu ul.menu_sub li a { display: block; font-size: 100%; width: 174px; background: none; height: 20px; padding: 5px 10px 0 16px; background-color: #f5f5f5; text-decoration: none; text-transform: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    #menu ul.menu_sub li a:hover { background-color: #69b03b; color: #fff; }  
    
    #menu * a:hover { text-decoration: none; }
    
/*  Content
   -------------------------------------------------------- */
   
    #content { width: 100%; overflow: hidden; background-color: #f0e5d2; min-height: 370px; padding: 28px 0px 60px 0px; }
    #content_inner { position: relative; }
    #content_full { width: 767px; padding: 12px 0px 0px 45px; }
    
    .content_full_no_pad { padding-right: 0px; }
    
/*  Footer
   -------------------------------------------------------- */
    
    #footer_inner { padding: 15px; background: url("../images/footer_logo.gif") no-repeat 865px 10px; }
    #footer p { color: #ac995e; font-size: 90%; } 
    #footer p a { color: #ac995e; }
    #footer span { padding: 0px 5px; }
    
/* --------------------------------------------------------
    General Content
   -------------------------------------------------------- */
   
    #content h2 { font-weight: normal; color: #000; font-size: 280%; line-height: 1em; padding-bottom: 2px; }
    #content h3 { font-weight: normal; color: #4f4f4f; font-size: 170%; line-height: 1em; padding-bottom: 12px; }
    #content a { text-decoration: underline; }
    #content .btn_all a { text-decoration: none; }
    #content .btn_all a:hover { text-decoration: underline; }
    #content p { padding-bottom: 15px; line-height: 1.4em; }
    #content p.top_pad { padding-top: 5px; }
    
    /* Just make the num_list titles a bit smaller */
    #content .num_list li h3 { font-size: 120%; }
    
    #content_full h2 { position: absolute; top: 0px; left: 30px; color: #eff6eb; text-transform: uppercase; font-weight: normal; font-size: 215%; background-color: #60a035; padding: 10px 15px; }
    #content_full h2 span { font-weight: bold; }
    #content_full h3 { color: #45871b; font-weight: bold; font-size: 150%; }
    #content_full h4 { color: #45871b; font-weight: normal; font-size: 120%; padding-bottom: 12px; }
    
    #content_full p#sub_menu { position: absolute; top: -20px; left: 133px; width: 650px; text-align: right; font-size: 75%; text-transform: uppercase; color: #3a3a3a; }
    #content_full p#sub_menu a { color: #3a3a3a; text-decoration: none; }
    #content_full p#sub_menu a:hover, #content_full p#sub_menu a.sub_menu_on { color: #7c7c7c; }
    
    #content_full p#sub_menu span { color: #7c7c7c; padding: 0px 2px; }
    
    #content p.footer_note { padding: 20px 0px 0px 0px; font-size: 90%; color: #a5a5a5; }
    
    #content_stamp { position: relative; }
    #content_stamp_inner { position: absolute; top: -160px; left: 714px; }
    #content_stamp_inner_circle { position: absolute; top: -300px; left: 556px; }
    
/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */
   
    /* Set specific native html */
    #home #content h3 { padding-bottom: 22px; }
    #home #content h4 { color: #45871b; font-weight: bold; font-size: 150%; padding: 5px 0px 15px 0px; }
    
    /* Content part */
    #home_left { float: left; width: 625px; }
    #home_right { float: right; width: 280px; }
    
    /* Home Left */
    #home_left #home_zap_box { position: absolute; top: 118px; left: -46px; }
    #home_left #home_left_pad { padding-left: 150px; }
        
    /* Home Right */
    #home #content #home_right h3 { padding-bottom: 7px; font-size: 180%; color: #000; }
    #home #content #home_right h4 { padding-bottom: 7px; font-size: 120%; color: #000; font-weight: normal; line-height: 1.2em; }
    #home #content #home_right p { padding-bottom: 10px; }
    
    /* Home Stamp - Kill Rate */
    #home_stamp { position: relative; }
    #home_stamp_inner { position: absolute; top: -97px; left: 492px; z-index: 2; }
    
/* --------------------------------------------------------
    Section : Health Professionals
   -------------------------------------------------------- */
    
    #content .bigger_text p { padding: 3px 10px 8px 10px; font-size: 150%; line-height: 1.2em; }