/*  -------------------------------------------------------------------
    Redefine Tag ------------------------------------------------------ */
    * { border:0; margin:0; padding:0; }

    html {
        height:100%;
        min-width:752px;
    }

    body {
        background-color: #fff;
        height: 100%;
        margin:0; padding:0;
        text-align: center;
    }

    p, a, address, ul, li, input, textarea, h1, h2, h3, h4, h5, h6, div, dl, dt, dd {
        color: #000;
        font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
    }

    p { margin: 0 0 15px 0; text-align: justify; } 
    img { border: 0; }
    sub, sub { font-size: 10px; }
    abbr { cursor: help; border-bottom:dotted 1px black; }

    ul { margin: 13px 0 10px 25px; padding: 0; }
    li { padding: 0 0 12px 0; list-style-image: url(/4105/images/bullet.gif); }

        ul ul { margin: 15px 0 0 25px; padding: 0; }
        ul ul li { padding: 0 0 6px 0; }

    ol { margin: 0 0 15px 23px; padding: 0; }
    ol li { list-style-image: none; list-style: lower-alpha; }

    dt { margin-bottom: 5px; }
    dd { margin-left: 20px; }

    div, td { vertical-align: top; }
    
    address {
        font-size:9px;
        font-style: normal;
        color: #999;
        width: 752px;
        text-align: center;
    }

    a { color: #000; outline:none; }
    a:hover { color: #999; }
    a:visited { color: #000; }
    a:visited:hover { color: #999; }
    a:active { color: #000; }
    a:active:hover { color: #999; }
    
    .content a {
        text-decoration: none;
        border-bottom: 1px #ccc solid;
    }
    a.noeffects {
        text-decoration: none;
        border-bottom: 0;
    }

    embed:hover, object:hover { border:0px #fff solid; }

    table{ text-align:left; } /* override body text-align in Opera */


/*  -------------------------------------------------------------------
    Shell ------------------------------------------------------------- */
    .services_content { height: 1065px; margin-top: 30px; }
    .col1 { float: left; width: 47%; }
    .col2 { float: right; width: 47%; }

    #maintable {
        margin: 0 auto; padding:0;
        width: 752px;
        height: 100%;
        border-left: 1px #d1d1d1 solid;
        border-right: 1px #d1d1d1 solid; 
    }

    #menu {
        margin: 0; padding: 0;
        width: 750px;
        height: 130px;
    }
        #menu_flash { width: 752px; }

    #container {
        display: block;
        width: 100%;
        clear: both;
    }

    #anim_left {
        float: left;
        width: 248px;
    }
    
    #titleWrapper {
        float:right;
    }
    
    #anim_left_portfolio {
        float: left;
        width: 248px;
    }

    #anim_left_portfolio div {
        padding: 0 24px;
    }

    #articles_left {
        float: left;
        width: 248px;
        margin-top: 52px;
        text-align: right;
    }

    #the_content {
        height: auto;
    }

    .content {
        float: left;
        width: 474px;
    }
       
    .content_full {
        clear: left;
        padding: 0 28px;
    }

    #teamAnim { 
        margin: 0 9px 0 0;
        float: right;
    }

    .contentTeam {
        float: right;
        width: 480px;
        margin:0 24px 0 0;
    }
        * html .contentTeam { margin:0 12px 0 0; }


/*  -------------------------------------------------------------------
    Utilities --------------------------------------------------------- */
    #container_utilities {
        margin: 50px 0 0 0; padding: 0;
        text-align: right;
        clear:left;
    }

    #container_utilities2 {
        clear:left;
        margin: 50px 30px 0 0; padding: 0;
    }

    #container_utilities2 div, #container_utilities div {
        margin: 0; padding: 7px 0;
        background: url(/4105/images/ligne_point.gif) top right no-repeat;
        text-align: right;
    }


/*  -------------------------------------------------------------------
    Footer ------------------------------------------------------------ */
    #footer {
        vertical-align: bottom;
        clear: both;
    }
    .geo { display: none; }

    /* Footer Links Sitemap */
    .sitemap_footer {
        margin: 0; padding: 30px 0 15px 0;
        clear: both;
        width: 752px;
        background: url(/4105/images/ligne_footer.gif) top left repeat-x;
    }

    .sitemap_footer a, .small_links {
        font-size: 9px;
        color: #999;
        text-decoration: none;
    }
        .sitemap_footer a { color: #999; }
        .sitemap_footer a:hover { color: #999; }
        .sitemap_footer a:visited { color: #999; }
        .sitemap_footer a:visited:hover { color: #999; }
        .sitemap_footer a:active { color: #999; }
        .sitemap_footer a:active:hover { color: #999; }

    #link_sitemap p {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .sitemap_footer strong a{
        font-weight: bold;
    }


/*  -------------------------------------------------------------------
    Call to Action ---------------------------------------------------- */
    #sm_nav {
        width: 248px;
    }
        #sm_nav ul {
            margin: 31px 0 10px 40px;
            padding:0;
        }
        #sm_nav ul li { padding: 0; }
        #sm_nav ul li img { margin-top: 4px; }
        
    #container_call {
        float: left;
        width: 752px; height: 95px;
        display: block;
        background: url(/4105/images/bg_subsection.png) left 18px repeat-x;
        position: relative;
    }

    .bgsubsection {
        margin: 0;padding: 0;
        float: left;
        display: block;
        width: 252px;height: 95px;
    }

        #call_blog, #call_breeze { position: relative; }

        #call_breeze .call_over, #call_blog .call_over {
            width: 169px;
            position: absolute;
            z-index: 1;
        }
            #call_blog .call_over {
                top: 51px;
                left: 62px;
            }
            #call_breeze .call_over {
                top: 51px;
                left: 60px;
            }

    .call_over h2 {
        margin:0; padding:0;
        line-height: 14px;
        padding-bottom: 4px;
        background:none;
    }
        .call_over h2 a, .call_over h2 a:hover, .call_over h2 a:active, .call_over h2 a:visited {
            font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
            color: #999;
            text-decoration: none;
            font-weight: normal;
        }

    .call_back {
        z-index: 0;
        position: absolute;
    }


/*  -------------------------------------------------------------------
    Call to Action LOGIN ---------------------------------------------- */
    #login {
        margin: 0; padding: 0;
        position: relative;
    }

    #login fieldset {
        background: url(/4105/images/htmlversion/client_login_back.gif) top left no-repeat;
    }

        #login.login_portfolio {
            background: url(/4105/images/htmlversion/client_loginportfolio_back.gif) top left no-repeat;
        }
            .login_portfolio p {
                margin: -4px 0 5px 0;
                font-size: 10px;
                line-height: 14px;
                color: #999;
            }
            
        #login fieldset {
            margin:0; padding: 55px 0 0 55px;
            height: 95px;
        }
    
        #login fieldset table td {
            vertical-align: middle;
        }

        .box2 {
            margin: 0 4px; padding: 0;
            width: 113px;
            border: 1px #ccc solid;
            font-size: 9px;
            line-height: 13px;
            color: #000;
            background-color: #f4f4f4;
        }    

            .box2 { 
              height: 15px;
              voice-family: "\"}\""; 
              voice-family:inherit;
              height: 15px;
            }

            html>body .box2  {
              height: 13px;
            }


/*  -------------------------------------------------------------------
    Forms ------------------------------------------------------------- */
    form { margin: 0; padding: 0; }

    fieldset {
        border: 0;
        margin: 0; padding: 0;
    }

    .box, .multibox {
        border: #999999 1px solid;
        background: url(/4105/images/bg_box.gif) center bottom repeat-x;
        height: 23px;
        margin-top: 3px;
    }


/*  -------------------------------------------------------------------
    Header ------------------------------------------------------------ */
    #language {
        background: url(/4105/images/header_gradient.gif) top left repeat-x;
        float: right;
        width: 504px; height: 20px;
    }

    #language #french {
        background: url(/4105/images/b_lang.gif) top right no-repeat;
        display: block;
        float: right;
        margin: 5px 5px 0 0;
        width: 50px; height: 14px;
    }

    #language #english {
        background: url(/3084/images/b_lang.gif) top right no-repeat;
        display: block;
        float: right;
        margin: 5px 5px 0 0;
        width: 50px; height: 14px;
    }
        #language a:hover { background-position: right -14px !important; }


/*  -------------------------------------------------------------------
    Home -------------------------------------------------------------- */
    #homeWrapper .content {
        clear:both;
        float: right;
        height: 215px;
        margin: 0 30px 0 0;
    }
        * html #homeWrapper .content {margin: 0 15px 0 0;} /* IE6 */
    
        #homeWrapper #ttitle{
            margin: 0 15px 0 0;
            text-align: right;
        }
        #homeWrapper #ttitle img { float: left; margin: 0 0 0 248px; }

        #homeWrapper #ttitle2{
            margin: 0 15px 0 0;
            text-align: right;
        }
        #homeWrapper #ttitle2 img { float: right; margin: 0 0 0 248px; }

    #anim_home {
        position: absolute;
        top: 102px;
        *top: 111px;  /* IE */
        z-index: 1000;
    }
        #anim_home img { margin: 83px 0 0 0; }
        /** html #anim_home img{ margin: 106px 0 0 0; }*/ /* IE6 */
    
    #items {
      background: url(/4105/images/background_home.gif) top left no-repeat;
      padding-top: 35px;
      clear: both;
      height: 250px; width: 752px;
    }

    #items p,#items a {font-size:10px;text-align:left;}

    #home_spos, #home_blog { float: left; }
    #home_spos {
        /*background:url(/4105/images/background_home_left.gif) top left no-repeat;*/
        width: 248px; height: 250px;
    }
        #home_spos #logo {
            background: url(/4105/images/b_spos.png) top left no-repeat;
            display: block;
            margin: 4px 0 0 81px;
            width: 97px;height: 120px;
            text-align: left !important;
        }
        * html #home_spos #logo { background-image: none; cursor:pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/4105/images/b_spos.png", sizingMethod="crop"); }
        
        #home_spos p {
            margin: -15px 30px 0 35px;
            text-align: left;
            line-height: 14px;
        }
        #home_spos a { line-height: 14px }

    #home_blog {
        width: 250px;
        text-align: left;
    }
    
        #html_blog {
             background: url(/4105/images/htmlversion/t_1_1.gif) top left no-repeat;
             width: 171px; height: 29px;
        }

        #html_blogue {
             background: url(/3084/images/htmlversion/t_1_1.gif) bottom left no-repeat;
             width: 180px; height: 32px;
        }

        #home_blog h2 {
            background: transparent;
            height: 15px;
            margin: 0; padding: 0;
            text-align: left;
        }

        #home_blog h2 a {
            background: top left no-repeat;
            display: block;
            height: 15px;
        }

        #home_blog h2 a:hover { background-position: bottom left; }

        #home_blog h2#blog{width: 24px;}
        #home_blog h2#podcast{width: 43px;}
        #home_blog h2#blogue{width: 38px;}
        #home_blog h2#balado {width: 38px;}
            #home_blog h2#blog a {background-image: url(/4105/images/t_blog.gif);}
            #home_blog h2#podcast a {background-image: url(/4105/images/t_podcast.gif);}
            #home_blog h2#blogue a {background-image: url(/3084/images/t_blogue.gif);}
            #home_blog h2#balado a {background-image: url(/3084/images/t_balado.gif);}
            
        #home_blog .date {
            color: #727272;
            font-size: 10px;
        }

        #blog_content { margin: 8px 20px 0 0; }
            #blog_content p, #blog_content a.noeffects { line-height: 12px; }

    #home_portfolio {
        /*background: url(/4105/images/background_home_right.gif) top right no-repeat;*/
        float: right;
        height: 250px;
        width: 210px;
    }
        #home_portfolio .container_pf { background: url(/4105/images/htmlversion/pf_back_home.gif) top left no-repeat; }

        #html_pf {
            background: url(/4105/images/htmlversion/t_1_2.gif) top left no-repeat; 
            width: 171px; height: 29px;    
        }

        #html_pf_fr {
            background: url(/3084/images/htmlversion/t_1_2.gif) top left no-repeat; 
            width: 171px; height: 29px;    
        }
        
        #home_portfolio .pf_text { margin-left: 2px; }
        #home_portfolio .pf_text h2, #home_portfolio .pf_text p { text-align:left; }

    #items .separator {
        background: url(/4105/images/home_separation.gif) bottom left no-repeat;
        float:left;
        width: 2px; height: 200px;
    }  

    #home_container_call    {
            background: url(/4105/images/bg_subsection.png) top left repeat-x;
            display: block;
            position: relative; top: -1px;
            width: 752px; height: 77px;
    }
        #home_container_call .bgsubsection {
            float:right;
            margin: 0;padding: 0;
            display: block;
            width: 252px;height: 77px;
        }
        #home_container_call #login { top: -18px;}


/*  -------------------------------------------------------------------
    Portfolio --------------------------------------------------------- */
    #wrapper { width: 441px; }

    .pf1, .pf2, .pf3 { padding-right: 12px; }
    .pf3 { padding-right: 0; }

    .container_pf {
        width: 150px;
        background: url(/4105/images/htmlversion/pf_back.gif) top left no-repeat;
    }

    .pf_thumb {
        z-index: 0;
        position: absolute;
    }

    .pf_text {
        width: 150px;
        z-index: 10;
        position: absolute;
        margin: 123px 0 0 0;
    }
        .pf_text h2 {
            margin: 0 6px 3px 0;
            padding:0;
            text-align: right;
            font-weight: normal;
            color: #333;
            font-size: 10px;
            line-height: 12px;
            background:none;
        }

        .pf_text p {
            margin-right: 6px;
            text-align: right;
            color: #999;
            font-size: 10px;
            line-height: 12px;
        }
        
        .pf_text h2 a, .pf_text h2 a:hover, .pf_text h2 a:visited, .pf_text h2 a:active {
            text-decoration: none;
            color: #999;
            font-size: 10px;
            line-height: 12px;
        }

        .pf_text p a, .pf_text p a:hover, .pf_text p a:visited, .pf_text p a:active {
            text-decoration: none;
            color: #333;
            font-size: 10px;
            line-height: 12px;
        }

    #pf_details h1 {
        margin: 0;
        font-size: 11px;
    }

    #pf_details h2 {
        margin: 0 0 15px 0;
        font-weight: normal;
        font-size: 11px;
        background:none;
    }

    .img_portfolio { border: 1px #999 solid; }
        .smallimg_portfolio {
            border: 1px #999 solid;
            margin-top: 4px;
        }

    .recent_work { width: 439px; }

        .column_half {
            width: 50%;
            float: left;
            margin-bottom: 35px;
        }
            .column_half object, .column_half embed { display: block; }

        #cat_tree ul {
            margin:0; padding:0px;
            list-style-type: none;
        }
            #cat_tree ul li {
                margin:0; padding:0px;
                list-style-image: none;
            }
            #cat_tree ul li object, #cat_tree ul li embed { display: block; }


/*  -------------------------------------------------------------------
    Testimonials ------------------------------------------------------ */
    .paging { float: right; }

    .testi_paging {
        clear: both;
        width: 100%;
        padding-bottom: 30px;
        text-align: right;
    }

    dl.testimonials dt {
        padding-top: 19px;
        width: 220px;
        float: left;
        text-align: right;
    }
        dl.testimonials dt img { margin-right: 25px; }

    dl.testimonials dd {
        padding-top: 15px;
        padding-bottom: 20px;
        float: left;
        margin:0;
        width: 474px;
        background: url(/4105/images/separation_testimonials.gif) bottom right no-repeat;
    }


/*  -------------------------------------------------------------------
    Team Section ------------------------------------------------------ */
    .role {    margin-top: -6px; }
    .role em { font-style: normal; }


/*  -------------------------------------------------------------------
    Site Map ---------------------------------------------------------- */
    a.sitemap h3 {
        margin:0;
        display: inline;
        text-decoration: none;
        font-weight: bold;
    }

    a.sitemap {
        text-decoration: none;
        font-weight: bold;
    }


/*  -------------------------------------------------------------------
    Jobs -------------------------------------------------------------- */
    .listing li { float:left; width:220px; }


/*  -------------------------------------------------------------------
    Here/ici ---------------------------------------------------------- */
    #hereWrapper .col1 { display:inline; margin-left:60px; width:295px; }
    #hereWrapper .col2 { display:inline; margin-right:65px; width:295px; }
    #hereWrapper a.map { margin-left:-4px; }
    
    #hereWrapper address {
        color:#000;
        font-size: 11px;
        margin:22px 0;
        text-align:left;
        width:auto;
    }
    
    #hereWrapper ul, #hereWrapper li { margin:0; padding:0; list-style:none; list-style-image:none; }
    #hereWrapper li { padding: 2px 0 2px 24px; }
        #hereWrapper li.adobe { background: url(/images/bg_adobeacrotbat.gif) no-repeat center left; }
        #hereWrapper li.google { background: url(/images/bg_googlemaps.gif) no-repeat bottom left; }


/*  -------------------------------------------------------------------
    Services HTML ----------------------------------------------------- */
    h2.articles {
        margin: 0; padding: 0;
        font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
    }


/*  -------------------------------------------------------------------
    Typography -------------------------------------------------------- */
   .services_font {
        font-size:13px;    line-height:16px;
        margin: 10px 0 13px 0;
        padding-bottom: 10px;
        background: url(/4105/images/htmlversion/pf_h2.gif) bottom left no-repeat;
    }

    h1, h2, h3, h4, h5 {
        font-weight: bold;
        color: #000;
    }

    h1 {
        font-size:13px;    line-height:14px;
        margin: 0 0 11px 0;
    }

    h2 {
        font-size:13px;    line-height:16px;
        margin: 35px 0 13px 0;
        padding-bottom: 10px;
        background: url(/4105/images/htmlversion/pf_h2.gif) bottom left no-repeat;
    }
        #content_4 h2 {
            margin: 35px 0 7px 0;
            padding: 0;
            background: none;
        }

    h3 {
        font-size:11px;    line-height:16px;
        margin: 0 0 2px 0;
    }

    h4, h5 { font-size:11px; line-height:16px; }

    .txtsmall {
        font-size: 9px;
        line-height: 12px;
    }

    .small {
        font-size: 6px;
        /*letter-spacing: 5px;*/
        color: #999;
    }

    .stitle { margin-top: 15px; }
    .black { color: #000; }

    .content_breeze {
        cursor: pointer;
        background-color: #4677C0;
    }

    .page_attachments.attachment_breeze {
        cursor: pointer;
        background-color: #4677C0;
        height: 100px;
    }

    .list_sm { margin-top:0; }
    .list_sm li { padding-top: 0; padding-bottom: 0; }


/*  -------------------------------------------------------------------
    Others ------------------------------------------------------------ */
    #top_print { display: none; }

    .hide { display: none; }

    .letstalk p { margin:0; }

    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

    .clearfix {display: inline-table;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;} 
    .clearfix {display: block;}
    /* End hide from IE-mac */


/*  -------------------------------------------------------------------
    Popup ------------------------------------------------------------- */
    #popup_container { margin: 28px; }


/*  -------------------------------------------------------------------
    Attachements ------------------------------------------------------ */
    #page_attachments { margin-top: 15px; }
    #page_attachments ul { margin-bottom: 0; }


/*  -------------------------------------------------------------------
    Flash Detect ------------------------------------------------------ */
    #flashversion {
        position: absolute;
        left: 0;
        top: 15px;
        z-index: 99;
        width: 100%;
        text-align: center;
        padding: 5px 50px 0 0;
    }

    #flashversion span {
            margin:0;
            padding: 1px 0;
            padding-left: 25px;
            font-size: 10px;
            background: url(/images/flashdetect_alert.gif) left top no-repeat;
    }