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

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

    * { margin: 0; padding: 0; }

    body { background-color: #fff; font: 70%/1em Lucida Grande, Tahoma, Verdana, Helvetica, sans-serif; color: #4e5052; margin: 0px; padding: 40px 0px; text-align: center; }    
    
/* --------------------------------------------------------
    Native
   -------------------------------------------------------- */
       
    /* Headings */
    h1, h2, h3, h4, h5 { font-family: Tahoma, Verdana, Helvetica, sans-serif; line-height: 1.2em; color: #555658; }
       
    /* Paragraphs */
    p {  }
    
    /* Links */
    a { color: #4e5052; border-bottom: 1px solid #9ad5ee; text-decoration: none; }
    a:hover { border-bottom: 1px solid #4e5052; }
    
    a.no_border, a.no_border:hover { border: 0px; }
    
    a.gray_border { border-color: #4e5052; }
    a.gray_border:hover, a.gray_border_active { background-color: #fff; border: 0px; }
    
    /* Lists */
    ul { list-style: none; }
    
    ul.bullet_list { padding: 0px 0px 12px 32px; }
    ul.bullet_list li { list-style: disc; padding-bottom: 3px; }
    
    ul.related_projects_list { border-bottom: 1px dotted #efeded; margin-bottom: 6px; }
    ul.related_projects_list li { border-top: 1px dotted #efeded; padding: 2px 0px 5px 0px; }
    
    /* Images */
    img { border: 0px; }
    
/* --------------------------------------------------------
    Classes
   -------------------------------------------------------- */
    
    /* For Dev Notes */
    .dev_notes { background-color: yellow; color: #000; padding: 12px 12px 0px 12px; font-size: 100%; font-weight: bold; margin-bottom: 12px; }
    
    /* Floats */
    .float_left { float: left; }
    .float_right { float: right; }
    
    /* Formatting */
    .sec_font { font-family: Tahoma, Verdana, Helvetica, sans-serif; }
    .tiny { font-size: 85%; }
    .smaller { font-size: 90%; }
    .bigger { font-size: 105%; }
    .large { font-size: 115%; }
    .bold { font-weight: bold; }
    .centered { text-align: center; margin: 0 auto; }
    .right { text-align: right; }
    .uppercase { text-transform: uppercase; }
    
    /* Padding */
    .top_pad { padding-top: 10px; }
    
    /* Hide and clearer */
    .hide, hr { display: none; }
    .clearer { width: 100%; overflow: hidden; }
    
    /* Projects thumbs nav */
    .projects_browse_nav { width: 100%; overflow: hidden; }
    .projects_browse_nav .browse_prev { float: left; width: 21px; padding-top: 28px; }
    .projects_browse_nav .browse_slides { float: left; }
    .projects_browse_nav .browse_slides ul li { float: left; width: 77px; }
    .projects_browse_nav .browse_slides img { padding: 5px; background-color: #fff; border: 1px solid #e8e8e6; }
    .projects_browse_nav .browse_next { float: left; width: 16px; padding-top: 28px; }
    .projects_browse_nav_space { padding: 10px 0px; }
    
    /* For carousel */
    .projects_browse_nav .browse_slides { width: 231px; height: 72px; overflow: hidden; }
    .projects_browse_nav .browse_slides .inner img { float: left; }
    
    /* Pagination */
    .slideshow_nav { width: 100%; overflow: hidden; }
    .slideshow_nav p { float: left; padding: 0px 6px; margin: 16px 0px; width: 510px; font-size: 95%; }
    .slideshow_nav ul { float: right; padding: 10px 6px; }
    .slideshow_nav ul li { float: left; }
    .slideshow_nav ul li a { display: block; background-color: #f1f1f0; padding: 1px 5px 2px 5px; font-size: 95%; margin-left: 5px; border: 0px; }
    .slideshow_nav ul li a:hover, .slideshow_nav ul li a.slideshow_nav_on { background-color: #bad95e; color: #fff; }
    .slideshow_nav_nopad ul { padding: 0px; }
    
    /* Sep */
    .line_sep { border-bottom: 1px solid #efeded; margin-bottom: 12px; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    #container_wrapper { min-height: 630px; background: url('../images/circles_bg.png') no-repeat center top; }
    #container { width: 950px; margin: 0 auto; text-align: left; }
    
/*  Header
   -------------------------------------------------------- */ 
    
    #header { width: 100%; overflow: hidden; height: 110px; }
    #header_left { float: left; width: 115px; padding-left: 20px; }
    #header_right { float: right; padding-right: 20px; }
    
    #header h1 { background: url("../images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 115px; height: 78px; }
    #header h1 a:link, #header h1 a:visited { display: block; width: 115px; height: 78px; text-decoration: none; outline: none; -moz-outline-style: none; border: 0px; }
    
    #header ul li { float: left; padding: 2px 0px 4px 17px; background: url('../images/header_menu_sep.gif') no-repeat; }
    #header ul li.header_menu_first { background: none; padding-left: 0px; }
    #header ul li a.header_menu_active { border: 0px; font-weight: bold; }
    
/*  Content & Cols
   -------------------------------------------------------- */
   
    #content { padding-left: 20px; padding-bottom: 50px; }
    
    .col_full { padding-right: 20px; }
    
    .col_1-2 { float: left; width: 674px; padding-bottom: 15px; }
    .col_1-2_box { padding: 5px; /* background: url('../images/box_bg_trans.png') repeat; */ background-color: #fff; border: 1px solid #e8e8e6; min-height: 381px; }
        
    .col_1 { width: 270px; float: left; }
    .col_2 { width: 270px; float: left; padding-left: 55px; }
    .col_3 { width: 270px; float: left; padding-left: 55px; }
    
    .col_3_smaller { float: right; width: 247px; padding-bottom: 15px; }
    .col_3_content { background-color: #fff; min-height: 300px; padding: 10px; }

/*  Content & Cols General Elements
   -------------------------------------------------------- */
    
    #content p { line-height: 1.6em; }
    #content ul li { line-height: 1.6em; }
    
    .col_content h2 { text-align: center; font-size: 200%; padding: 15px 0px 25px 0px; }
    .col_content h2 a { border-color: #4e5052; }
    .col_content h2 a.h2_active { border: 0px; }
    .col_content h3 { font-size: 125%; padding-bottom: 12px; }
    .col_content p { padding-bottom: 12px; }
    .col_content p.extra_pad { padding-bottom: 18px; }
    
    .col_content_image { padding-bottom: 5px; }
    
    .col_content_text { padding: 7px 10px 0px 10px; }
    .col_content_text h2 { font-size: 175%; padding-bottom: 12px; }
    .col_content_text h3 { font-size: 125%; padding-bottom: 4px; }
    .col_content_text h3.extra_pad { padding-bottom: 12px; }
    .col_content_text p { padding-bottom: 12px; }
    .col_content_text p.smaller_pad { padding-bottom: 6px; }
    
/*  Footer
   -------------------------------------------------------- */ 
    
    #footer { padding: 30px 0px 0px 0px; background: url('../images/footer_bg.gif') repeat-x; }
    #footer_inner { width: 910px; margin: 0 auto; text-align: left; background: url('../images/footer_sep.gif') repeat-y top right; }
    
    #footer .footer_block { float: left; width: 235px; line-height: 1.6em; }
    #footer .footer_block h3 { font-weight: bold; color: #555658; font-size: 125%; padding-bottom: 5px; }
    #footer .footer_block_last { width: 200px; }
    
/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */
   
    #col_3_home { padding: 20px 22px 0px 22px; }
    #col_3_home h2 { padding: 38px 0px 25px 0px; font-size: 200%; }
    #col_3_home h2 a { border-color: #fff; }
    #col_3_home h2 a:hover { border-color: #4e5052; }
    
    #home_first_display { width: 674px; height: 425px; }
    
    #home-carousel-wrapper { width: 662px; height: 381px; overflow: hidden; }
    #home-carousel-content { width: 662px; }
    #home-carousel-content .slide { float: left; width: 662px; height: 381px; }
    #home-carousel-content .slide { text-align: center; }
    
    #environment_friendly { padding-top: 30px; float: right; width: 230px; }
    #environment_friendly h3 { padding: 2px 0px 2px 48px; font-size: 170%; background: url('../images/icon_recycling.gif') no-repeat 0px 6px; }
    
/* --------------------------------------------------------
    Section : Projects
   -------------------------------------------------------- */
    
    .projects_browse { height: 365px; }
    .projects_browse h2 { height: 53px; }
    .projects_browse .projets_browse_image { position: relative; padding: 5px; background-color: #fff; border: 1px solid #e8e8e6; margin-bottom: 13px; width: 258px; height: 194px; }
    .projects_browse p { padding: 0px 6px; font-size: 90%; }
    .projects_browse a.project_over_info { display: block; position: absolute; background-color: #fff; padding: 5px; font-size: 100%; width: 248px; border: 0px; top: 180px; left: 5px; }
    
    .projects_browse .browse_loading { position: absolute; left: 127px; top: 95px; }
    
    #projects_list { width: 100%; overflow: hidden; margin-top: 40px; background: url('../images/projects_list_bg.gif') repeat-y 20px 0px; }
    #projects_list .col_content { padding-left: 20px; }
    #projects_list .col_content ul { padding-bottom: 10px; }
    
    .col_content p.similar_projects { border-bottom: 1px solid #efeded; border-top: 1px solid #efeded; padding: 7px 0px 8px 0px; margin-bottom: 12px; }
    
/* --------------------------------------------------------
    Section : Projects : Details
   -------------------------------------------------------- */    
    
    .fck_content ul { padding: 0px 0px 12px 16px; }
    .fck_content ul li { list-style: disc; padding-bottom: 3px; }
    
/* --------------------------------------------------------
    Section : Services
   -------------------------------------------------------- */   
    
    .col_content h2.service_header { height: 36px; }
    .col_content .services_list { padding-bottom: 20px; }
    .col_content .services_list li { text-align: center; }
   
    #services_desc { width: 100%; overflow: hidden; margin-top: 60px; background: url('../images/projects_list_bg.gif') repeat-y 20px 0px; }
    #services_desc .col_content { padding-left: 20px; }
    #services_desc .col_content ul { padding-bottom: 10px; }
    #services_desc .col_content p { margin: 15px 20px 20px 0px; }
    
/* --------------------------------------------------------
    Section : About
   -------------------------------------------------------- */   
    
    .col_content h2.about_header { height: 20px; }
    
/* --------------------------------------------------------
    Section : About : Nouvelles
   -------------------------------------------------------- */ 
   
    .col_content_text h2.news_title { padding-bottom: 6px; }
    .col_content_text h3.news_date { padding-bottom: 15px; }
    
    .contact_google_map { float: left; margin: 0px 15px 10px 0px; padding: 5px; background-color: #fff; border: 1px solid #e8e8e6; }