/* --------------------------------------------------------

    Global stylesheet

    Created by: Guillaume - guillaume@falzhobel.ca

    Filename: css/global.css

   -------------------------------------------------------- */



/* --------------------------------------------------------

    General

   -------------------------------------------------------- */



    * { margin: 0; padding: 0; } 



    body { background-color: #cec6c0; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px; text-align: center; }    

    

/* --------------------------------------------------------

    Native

   -------------------------------------------------------- */

       

    /* Headers */

    h2 { color: #ed7f00; font-size: 17px; margin-bottom: 10px; text-transform: uppercase; }

    h3 { color: #000; font-size: 12px; margin: 2px 0px 10px 0px; text-transform: uppercase; }

    h4 { color: #ed7f00; font-size: 14px; margin-bottom: 10px; }
	
	h5 { color: #ed7f00; font-size: 18px; margin-bottom: 10px; }

    

    /* Paragraphs */

    p { line-height: 1.3em; padding-bottom: 12px; }

    

    /* Links */

    a { color: #ed7f00; text-decoration: none; outline: none; -moz-outline-style: none; }

    a:hover { text-decoration: underline; }

    

    /* Forms */

    input, select, textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; }

    select, .radio, .checkbox { padding: 0px; }

    

    /* Lists */

    ul { list-style: none; }

    

    /* Images */ 

    img { border: 0px; outline: none; }

    

/* --------------------------------------------------------

    Classes

   -------------------------------------------------------- */

    

    /* Floats */

    .float_left { float: left; }

    .float_right { float: right; }

    

    /* Formatting */

    .tiny { font-size: 10px; }

    .smaller { font-size: 11px; }

    .bigger { font-size: 14px; }

    .large { font-size: 18px; }

    .bold { font-weight: bold; }

    .centered { text-align: center; margin: 0 auto; }

    .uppercase { text-transform: uppercase; }

    

    /* Colors */

    .orange { color: #ed7f00; }

    

    /* Content Box */

    .content_box { background-color: #fff; border: 3px solid #ebe8e6; padding: 10px; }

    .content_box_pad { padding: 20px 20px 0px 20px; }

    

    /* Content Seperators */

    .content_sep { border-bottom: 1px solid #cec6c0; }

    

    /* Hide and clearer */

    .hide, hr { display: none; }

    .clearer { width: 100%; overflow: hidden; }

    

    /* Lists */

    .bullet_list { padding: 0px 0px 10px 15px; }

    .bullet_list li { padding: 0px 0px 5px 0px; list-style-type: disc; }



/* --------------------------------------------------------

    Presentation

   -------------------------------------------------------- */

   

    #container { width: 852px; margin: 0 auto; text-align: left; }

    

/*  Header

   -------------------------------------------------------- */

   

    #header { background-color: #fff; border-top: 10px solid #ed7f00; margin-bottom: 5px; }

    #header_head { border-bottom: 1px solid #d9d4d1; width: 100%; overflow: hidden; }

    #header_head #logo { float: left; }

    #header_head #logo h1 { background: url("../images/header_logo.gif") no-repeat; text-decoration: none; width: 318px; height: 84px; }

    #header_head #logo h1 a:link, #header_head #logo h1 a:visited { display: block; width: 318px; height: 84px; text-decoration: none; outline: none; -moz-outline-style: none; }

    #header_head #moto { float: right; }

    

    #header_head #logo_flash { padding-bottom: 0px; }

    

/*  Nav

   -------------------------------------------------------- */

    

    #nav { background: url("../images/nav_bg.gif") repeat-x; border-left: 3px solid #fff; border-right: 3px solid #fff; height: 49px; }   

    #nav ul { float: right; height: 49px; }

    #nav ul li { float: left; line-height: 49px; }

    #nav ul li a { height: 49px; background: url("../images/nav.gif") no-repeat; display: block; text-decoration: none; outline: none; -moz-outline-style: none; }

    #nav ul li a span { display: none; }

    

    #nav ul li#nav_1 a { width: 95px; }

    #nav ul li#nav_2 a { width: 89px; background-position: -95px 0px; }

    #nav ul li#nav_3 a { width: 125px; background-position: -184px 0px; }

    #nav ul li#nav_4 a { width: 82px; background-position: -309px 0px; }

    #nav ul li#nav_5 a { width: 103px; background-position: -391px 0px; }

    #nav ul li#nav_6 a { width: 69px; background-position: -494px 0px; }

    

    #nav ul li#nav_1 a:hover { background-position: 0px -49px; }

    #nav ul li#nav_2 a:hover { background-position: -95px -49px; }

    #nav ul li#nav_3 a:hover { background-position: -184px -49px; }

    #nav ul li#nav_4 a:hover { background-position: -309px -49px; }

    #nav ul li#nav_5 a:hover { background-position: -391px -49px; }

    #nav ul li#nav_6 a:hover { background-position: -494px -49px; }

    

    #nav ul li#nav_1 a.nav_on { background-position: 0px -98px; }

    #nav ul li#nav_2 a.nav_on { background-position: -95px -98px; }

    #nav ul li#nav_3 a.nav_on { background-position: -184px -98px; }

    #nav ul li#nav_4 a.nav_on { background-position: -309px -98px; }

    #nav ul li#nav_5 a.nav_on { background-position: -391px -98px; }

    #nav ul li#nav_6 a.nav_on { background-position: -494px -98px; }

    

/*  Footer

   -------------------------------------------------------- */

    

    #footer { width: 100%; overflow: hidden; margin: 10px 0px; }

    #footer_left { background: url("../images/footer_left.gif") no-repeat; float: left; width: 229px; height: 88px; }

    #footer_left p { color: #fad9b3; font-size: 11px; line-height: 1.1em; padding: 38px 0px 0px 20px; }

    

    #footer_right { float: right; width: 621px; height: 88px; background-color: #ddd7d3; }

    #footer_right ul { float: left; width: 179px; padding: 10px 0px 0px 7px; }

    #footer_right ul li { font-size: 10px; padding-left: 7px; line-height: 1.1em; }

    #footer_right ul li a { color: #666; text-decoration: none; }

    #footer_right ul li.footer_nav_on { background: url("../images/footer_nav_on.gif") no-repeat center left; }

    #footer_right ul li.footer_nav_on a, #footer_right ul li a:hover { color: #000; }

    

    #footer_right p#footer_copy { float: left; color: #a19e9c; font-size: 10px; padding: 64px 0px 0px 0px; }

    

    #footer_right p#footer_prix { float: right; padding: 30px 10px 0px 0px; }

    

/* --------------------------------------------------------

    Section : Home

   -------------------------------------------------------- */

   

    #home_about_video { float: left; width: 250px; }

    #home_about_video p { padding-bottom: 0px; }

    #home_about_infos { margin-left: 272px; }

    #home_about_infos #newsticker { position: relative; background-color: #ebe8e6; padding: 5px 5px 5px 10px; }

    #home_about_infos #newsticker span.bold { float: left; width: 70px; }

    

    #newsticker_container { width: 460px; height: 12px; overflow: hidden; font-size: 10px; padding-top: 1px; position: relative; }

    #newsticker_container ul { position: relative; }

    #newsticker_container ul li { float: left; }

    #newsticker_container ul li span { padding: 0px 5px 0px 10px; }

    

    #home_expertise ul { width: 100%; overflow: hidden; }

    #home_expertise ul li { float: left; padding-right: 10px; }

    #home_expertise ul li.last { padding-right: 0px; }

    

    #home_actu_outils { background-color: #fff; border: 3px solid #ebe8e6; }

    #actu_outils_inner { background: url("../images/home_actu_outils_bg.gif") repeat-y; min-height: 200px; }

    

    #home_actu { float: left; width: 310px; padding: 10px; }

    #home_actu ul li { border-top: 1px solid #d9d4d1; padding: 7px 0px 9px 0px; }

    

    #home_outils { float: right; width: 507px; height: 222px; background: url("../images/home_outils_bg.gif") no-repeat; position: relative; }

    #home_outils h3 { position: absolute; top: 10px; left: 10px; z-index: 2; }

    

    #outils_carousel ul#outils_carousel_ctrl { position: absolute; top: 11px; left: 130px; z-index: 3; }

    #outils_carousel ul#outils_carousel_ctrl li { float: left; }

    #outils_carousel ul#outils_carousel_ctrl li a { text-decoration: underline; padding: 0px 4px; }

    #outils_carousel ul#outils_carousel_ctrl li.active a { color: #000; text-decoration: none; }

    

    #outils_carousel { width: 507px; height: 222px; overflow: hidden; position: relative; }

    #outils_carousel_inner { position: absolute; top: 0px; left: 0px;  }

    #outils_carousel_inner .outils_slide { width: 507px; height: 222px; position: absolute; top: 0px; }

    #outils_carousel_inner .outils_slide .outils_slides_btn { padding-top: 142px; }

    

/* --------------------------------------------------------

    Section : Expertise

   -------------------------------------------------------- */

   

    .expertise_on { background-color: #ebe8e6; float: left; width: 497px; margin-right: 10px; }

    .expertise_on .expertise_image { float: left; width: 215px; }

    .expertise_on .expertise_infos { margin-left: 215px; padding: 20px 20px 20px 0px; }

   

    .expertise_off { float: left; width: 98px; padding-right: 10px; }

    

/* --------------------------------------------------------

    Section : Outils d'Etudes

   -------------------------------------------------------- */

    

    .recueil { float: left; width: 350px; }

    

    .nouveaux_outils { padding: 15px 20px; background-color: #ebe8e6; }

    

    .outils { width: 100%; overflow: hidden; padding: 10px 0px; }

    .outils .outils_image { float: left; width: 230px; }

    .outils .outils_image img { border: 1px solid #ccc; }

    .outils .outils_infos { margin-left: 230px; }

    .outils .outils_infos p { padding-bottom: 0px; }

    

/* --------------------------------------------------------

    Section : References

   -------------------------------------------------------- */

    

    .references_box { margin-bottom: 20px; }

    .references_box .references_logos { padding-bottom: 20px; border-bottom: 1px solid #cec6c0; margin-bottom: 3px; }

    .references_box .references_logos a { text-decoration: none; outline: none; -moz-outline-style: none; }

    .references_box .references_over_wrapper { border-bottom: 1px solid #cec6c0; padding-bottom: 3px; }

    .references_box .references_over { padding: 10px 10px 5px 10px; background-color: #ebe8e6; }

    

/* --------------------------------------------------------

    Section : Valeurs

   -------------------------------------------------------- */

   

    #valeurs h2 { margin-bottom: 2px; }

    #valeurs p { padding-bottom: 25px; }

    

/* --------------------------------------------------------

    Section : Equipe

   -------------------------------------------------------- */

   

    .equipe_membre { width: 100%; overflow: hidden; padding-bottom: 20px; }

    .equipe_membre .membre_photo { float: left; width: 167px; }

    .equipe_membre .membre_infos { margin-left: 167px; padding-top: 5px; }