* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #666;
}
img {
    border: none;
}
ul, li {
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 12px;
}
body {
    text-align: center;
    width: 100%;
    background: #dadbdc url(imgs/body.gif) repeat-x top left;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 12px;
    color: #666;
}
body.mceContentBody {
    width: 730px;
    background: #eee;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 12px;
    color: #666;
    text-align: left;
}
/* colors */
.blue { color: #0080b5; }
.agro { color: #e9a400; }
.chim { color: #0084ff; }
.pharma { color: #00bab1; }

/* IE */
    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    .clearfix { display: inline-block; }

    /* start commented backslash hack \*/
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
    /* stop commented backslash hack */

    /*--------+
    |  LISTS  |
----+         +-----------------------------------------------------*/

    ul.blue-bullets li,
    ul.agro-list li,
    ul.chim-list li,
    ul.pharma-list li,
    ul.grey-list li {
        padding: 2px 5px 2px 16px;
    }
    ul.blue-bullets li { background: url(imgs/blue_bullet.gif) no-repeat 3px 6px; }
    ul.agro-list li { background: url(imgs/agro_arrow.gif) no-repeat 0 6px; }
    ul.chim-list li { background: url(imgs/arrow_blue_small.gif) no-repeat 0 6px; }
    ul.pharma-list li { background: url(imgs/pharma_arrow.gif) no-repeat 0 6px; }
    ul.grey-list li { background: url(imgs/grey_arrow.gif) no-repeat 0 6px; }
    
    
/*---> special links */
    a.subscribe,
    a.lost-password {
        padding: 3px 0 3px 20px;
        background: url(imgs/user_add.png) no-repeat center left;
        color: #0080b5;
    }
    a.subscribe {
        background: url(imgs/user_add.png) no-repeat center left;
    }
    a.lost-password {
        background: url(imgs/help.png) no-repeat center left;
    }

/*---> various bg for specific pages */
    #events-list h3 {
        padding: 0 0 3px 16px;
        border-bottom: 1px dotted #ccc;
        background: url(imgs/grey_arrow.gif) no-repeat 0 5px;
    }
    /*
    #contact {
        float: left;
    }
    */
    #contact-coords {
        padding: 5px 10px 10px 10px;
        margin-right: 10px;
        background: #fff;
        border: 1px solid #ccc;
    }
    #contact-coords p {
        line-height: 18px;
    }
    #materials {
        overflow: hidden;
        background: url(imgs/powders_0.jpg) no-repeat bottom right;
    }
    * html #materials {
        zoom: 1;
    }

    /*-------------+
    |  REFERENCES  |
----+              +-----------------------------------------------------*/

    #references {
        overflow: hidden;
    }
    #references div {
        width: 230px;
        float: left;
        overflow: hidden;
        margin-left: 20px;
    }
    #references div.refs-agro {
        margin-left: 0;
    }
    * html #references div.refs-pharma,
    * html #references div.refs-chimie,
    * html #references div.refs-other {
        margin-left: 17px;
    }
    #references h3 {
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 14px;
        letter-spacing: 1px;
    }
/*--- fin des références -----------------------------------------------------*/

    /*-------------------+
    |  LIGNES COMPLETES  |
----+                    +-----------------------------------------------------*/

    .solutions-list {
        margin: 10px 0;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }
    .solution-head {
        background: #eee url(imgs/eee_light.gif) repeat-x top left;
        padding: 5px;
        color: #0080b5;
        border: 1px solid #ccc;
        border-bottom: none;
        cursor: pointer;
    }
    .solution-head .hide,
    .solution-head .show {
        background: #000;
        display: block;
        overflow: hidden;
        width: 16px;
        height: 16px;
        margin-right: 3px;
        float: left;
        background: url(imgs/toggle_solutions.gif) no-repeat top left;
    }
    .solution-head .hide {
        background-position: bottom left;
    }
    .solutions-list .over {
        background: #fff;
    }
    .solution-materials {
        display: none;
        border: 1px solid #ccc;
        border-bottom: none;
        background: #eee url(imgs/eee_dark.gif) repeat-x top left;
    }
    .solution-materials li {
        display: inline;
        padding: 0;
    }
    .solution-materials li a {
        display: block;
        float: left;
        border-right: 1px dotted #ccc;
        padding: 5px 7px 5px 20px;
        background: url(imgs/arrow_blue_small.gif) no-repeat 4px 8px;
    }
    .solution-materials li a:hover {
        color: #0080b5;
        background-color: #fff;
    }
/*--- fin des lignes complètes -----------------------------------------------------*/

    /*---------+
    |  HEADER  |
----+          +-----------------------------------------------------*/

#header_wrap {
    overflow:            hidden;
    width:               100%;
    text-align:          center;
}
#header {
    height:              140px;
    width:               970px;
    padding:             20px 10px 0 10px;
    margin:              0 auto;
    text-align:          left;
    overflow:            hidden;
    background:          url(imgs/header.jpg) no-repeat top left;
}
#header h1 a {
    display:             block;
    width:               300px;
    height:              120px;
    text-indent:         -2000px;
    overflow:            hidden;
    float:               left;
    background:          url(imgs/logo.gif) no-repeat top left;
}
#lang-fr #header h1 a {
    background: url(imgs/logo-fr.gif) no-repeat top left;
}
#lang-en #header h1 a {
    background: url(imgs/logo-en.gif) no-repeat top left;
}
#header .technos {
    height: 60px;
    width: 145px;
    float: left;
}
#header .technos a {
    height: 20px;
    display: block;
    width: 145px;
    margin-left: 30px;
    text-indent: -2000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(imgs/header-keywords.gif);
}
#lang-fr #header .technos a.transfert { background-position: 0 0; }
#lang-fr #header .technos a.tamis { background-position: 0 -20px; }
#lang-fr #header .technos a.dosage { background-position: 0 -40px; }

#lang-fr #header .technos a:hover.transfert { background-position: -145px 0; }
#lang-fr #header .technos a:hover.tamis { background-position: -145px -20px; }
#lang-fr #header .technos a:hover.dosage { background-position: -145px -40px; }

#lang-en #header .technos a.transfert { background-position: -290px 0; }
#lang-en #header .technos a.tamis { background-position: -290px -20px; }
#lang-en #header .technos a.dosage { background-position: -290px -40px; }

#lang-en #header .technos a:hover.transfert { background-position: -435px 0; }
#lang-en #header .technos a:hover.tamis { background-position: -435px -20px; }
#lang-en #header .technos a:hover.dosage { background-position: -435px -40px; }

#header p.description {
    display: none;
}
#header .lang-selector {
    float: right;
    width: 65px;
    height: 20px;
    overflow: hidden;
    margin: 110px 5px 0 0;
}
#header .lang-selector a {
    display: block;
    float: left;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(imgs/lang-selector.gif);
    line-height: 20px;
    text-indent: -5000px;
    overflow: hidden;
}
#header .lang-selector a.en {
    background-position: 0 -20px;
    margin-left: 5px;
}

/*--- end header -----------------------------------------------------*/    

    /*---------+
    |  FOOTER  |
----+          +-----------------------------------------------------*/

    #footer_wrap {
        width:               100%;
        overflow:            hidden;
        text-align:          center;
        color:               #eee;
    }
    #footer {
        height:              30px;
        line-height:         30px;
        width:               960px;
        overflow:            hidden;
        text-align:          left;
        margin:              0 auto;
        padding:         15px 15px 5px 15px;
        background:          url(imgs/footer.gif) no-repeat top left;
    }
/*--- end footer -----------------------------------------------------*/

    /*-----------+
    |  MAIN NAV  |
----+            +-----------------------------------------------------*/
    
    .top-bar-wrap {
        overflow:            hidden;
        height:              45px;
        width:               100%;
        text-align:          center;
    }
    .top-bar {
        height:              40px;
        margin:              0 auto;
        width:               970px;
        padding:             0 10px 5px 10px;
        text-align:          left;
        background:          url(imgs/top_bar.gif) no-repeat top left;
    }
    .top-bar ul li {
        float:               left;
        height:              35px;
    }
    .top-bar ul li a {
        display:             block;
        float:               left;
        height:              35px;
        overflow:            hidden;
    }
    .top-bar ul li a span {
        display:             block;
        float:               left;
        height:              27px;
        line-height:         27px;
        font-size:           14px;
        letter-spacing:      1px;
        color:               #0080b5;
        padding-top:         3px;
        padding-bottom:      5px;
        cursor: pointer;
    }
    .top-bar .left a {
        padding-right:       10px;
        background:          url(imgs/top_bar_a_left_end.gif) no-repeat top right;
    }
    .top-bar .left a span {
        padding-left:        10px;
        background:          url(imgs/top_bar_a_left_begin.gif) no-repeat top left;
    }
    .top-bar .left a:hover {
        background-position: bottom right;
    }
    .top-bar .left a:hover span {
        background-position: bottom left;
    }
    
    .top-bar .right a {
        padding-left: 10px;
        background: url(imgs/top_bar_a_right_begin.gif) no-repeat top left;
    }
    .top-bar .right a span {
        padding-right: 10px;
        background: url(imgs/top_bar_a_right_end.gif) no-repeat top right;
    }
    .top-bar .right a:hover {
        background-position: bottom left;
    }
    .top-bar .right a:hover span {
        background-position: bottom right;
    }
    
    .top-bar .active a {
        padding-left:        10px;
        background:          url(imgs/top_bar_active_left.gif) no-repeat top left;
    }
    .top-bar .active a span {
        padding-right:       10px;
        color:               #fff;
        background:          url(imgs/top_bar_active_right.gif) no-repeat top right;
    }

    /*---------+
    |  SEARCH  |
----+          +-----------------------------------------------------*/

    #search {
        overflow: hidden;
    }
    * html #search {
        zoom: 1;
    }
    #search .search-tf {
        width:               150px;
        overflow:            hidden;
        border:              none;
        height:              14px;
        padding:             3px 5px;
        color:               #666;
        float:               right;
        text-align:          left;
        background:          #fff url(imgs/search_tf.gif) no-repeat top left;
    }
    #search .search-tf.error {
        background-position: bottom left;
    }
    #search_submit {
        border:              none;
        width:               20px;
        height:              20px;
        overflow:            hidden;
        background:          url(imgs/search_submit.gif) no-repeat top left;
        border:              none;
        text-align:          left;
        float:               right;
        text-indent:         -2000px;
    }

    /*-------+
    |  MAIN  |
----+        +-----------------------------------------------------*/
    
    #main_wrap {
        width:               100%;
        overflow:            hidden;
        text-align:          center;
        background:          url(imgs/page.gif) repeat-y top center;
    }
    #main {
        width:               960px;
        overflow:            hidden;
        text-align:          left;
        margin:              0 auto;
        min-height:          400px;
    }
    #wide-column {
        width:               730px;
        padding:             5px 0 5px 5px;
        float:               left;
    }
    #wide-column h2 {
        margin-bottom: 10px;
        color: #0080b5;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-bottom: 3px;
        overflow: hidden;
        font-weight: normal;
        background: url(imgs/hr.gif) repeat-x bottom left;
        font-size: 16px;
    }
    
    #wide-column h2 a.admin-edit {
        display: block;
        float: left;
        font-size: 12px;
        margin-right: 10px;
        margin-bottom: 3px;
        color: #fff;
        text-transform: lowercase;
        padding: 0 3px;
        background: #59ab00 url(imgs/submit.gif) repeat-x top left;
        border: 1px solid #529e00;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    #wide-column h2 a.admin-edit span {
        color: #fff;
        display: block;
        padding: 3px 0 3px 20px;
        background: url(imgs/pencil_go.png) no-repeat center left;
    }
    #wide-column h3 {
        font-size:           14px;
        margin:              7px 0;
        letter-spacing:      1px;
        text-transform:      uppercase;
    }

    /*----------+
    |  SIDEBAR  |
----+           +-----------------------------------------------------*/

    #sidebar {
        width: 210px;
        padding: 0 5px;
        float: right;
    }
    #sidebar .module {
        width: 210px;
        overflow: hidden;
        position: relative;
        background: url(imgs/sidebar_module_mid.gif) repeat-y top right;
    }
    #sidebar .module-block {
        position: absolute;
        background: #00abf1;
        background: #eee;
        top: 29px;
        right: 5px;
        bottom: 10px;
        left: 5px;
        display: none;
    }
    #sidebar .innermodule {
        overflow: hidden;
        padding: 5px 15px 15px 15px;
        background: url(imgs/sidebar_module_bottom.gif) no-repeat bottom left;
    }
    #sidebar .module h3 {
        height: 24px;
        line-height: 24px;
        padding: 5px 12px 1px 12px;
        background: url(imgs/sidebar_module_h3.gif) no-repeat top left;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
    }
    
    /*---> downloads module */
        #sidebar #downloads h3 {
            background: url(imgs/sidebar_downloads_h3.gif) no-repeat top left;
        }
        #sidebar #downloads p.desc {
            padding-bottom: 5px;
            border-bottom: 1px dotted #bbb;
            overflow: hidden;
            margin-bottom: 5px;
        }
        #sidebar #downloads p.desc strong {
            color: #0080b5;
        }
        #sidebar #downloads p.subscribe-msg {
            line-height: 16px;
        }
        #sidebar #downloads ul li a {
            display: block;
            padding: 5px 0 5px 23px;
            background-position: 3px 3px;
            background-repeat: no-repeat;
            background-image: url(imgs/page_white_acrobat.png);
            border: 1px solid #eee;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        #sidebar #downloads ul li a:hover {
            background-color: #fff;
            border-color: #ddd;
        }
    
    /*---> login module */
        #login-module a.logout {
            display: block;
            padding: 3px 0 3px 22px;
            background-position: 3px 2px;
            background-repeat: no-repeat;
            background-image: url(imgs/disconnect.png);
            border: 1px solid #eee;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        #login-module a.logout:hover {
            background-color: #fff;
            border-color: #ddd;
        }
        #login-module a.subscribe,
        #login-module a.lost-password {
            display: block;
            margin-left: 20px;
        }
        #login-module p.log-errors {
            color: #e9a400;
            margin-bottom: 5px;
        }
        
        
    #tags-cloud {
        text-align: center;
    }
    #tags-cloud a {
        color: #0080b5;
    }
    ul#tags-list {
    }
    ul#tags-list li {
        padding: 2px 0 2px 20px;
        background: url(imgs/tag_blue.png) no-repeat center left;
    }
    ul.search-result li {
        padding: 2px 0 2px 20px;
        background: url(imgs/arrow_blue_small.gif) no-repeat center left;
    }

    /*--------+
    |  FORMS  |
----+         +-----------------------------------------------------*/

    .form-wrapper {
        overflow: hidden;
    }
    .form-row {
        overflow: hidden;
        margin-bottom: 5px;
    }
    .form-row br {
        clear: left;
    }
    form ul.errors {
        margin-top: 5px;
        color: #cd6832;
    }
    .form-row .description {
        margin-top: 5px;
        font-size: 10px;
    }
    .form-row .group-wrapper {
        overflow: hidden;
        float: left;
    }
    label.main {
        display: block;
        float: left;
        padding: 6px 5px;
    }
    label.radio {
        display: block;
        float: left;
        padding: 4px 5px;
    }
    input.radio, input.checkbox {
        float: left;
        margin-right: 5px;
    }
    input.text,
    textarea {
        border: 1px solid #bbb;
        padding: 5px;
        float: left;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #666;
    }
    input.text { background: #eee url('imgs/tf.gif') repeat-x top left; }
    textarea { background: #fff url('imgs/ta.gif') repeat-x top left; }
    input.submit {
        color: #fff;
        text-align: center;
        border: 1px solid #529e00;
        padding: 5px;
        float: left;
        background: #59ab00 url(imgs/submit.gif) repeat-x top left;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
    /*---> lost password form */
        #lost-password-form {
            overflow: hidden;
            margin-top: 10px;
        }
        #lost-password-form label.main {
            width: 68px;
            text-align: right;
        }
        #lost-password-form input.text {
            width: 208px;
        }
        #lost-password-form input.submit {
            width: 88px;
            margin-left: 5px;
        }
        #lost-password-form .maintain {
            float: left;
            width: 300px;
        }
        #lost-password-form ul.errors {
            clear: left;
            margin-left: 80px;
            padding-top: 5px;
        }
        
    /*---> login form */
        #login .form-row {}
        #login label.main {
            width: 20px;
            text-indent: -5000px;
            text-align: left;
            height: 24px;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #login .loginEmail-form-row label { background: url(imgs/email.png) no-repeat center left; }
        #login .loginPassword-form-row label { background: url(imgs/key.png) no-repeat center left; }
        #login input.text {
            width: 148px;
        }
        #login input.submit {
            margin-left: 20px;
            width: 140px;
            padding: 3px 0;
        }
        #login .form-row ul.errors {
            margin-left: 20px;
        }
        #login-module .log-error {
            color: #cd6832;
            margin: 3px 0 5px 20px;
        }
    
    /*---> subscribe form */
        #subscribe-form {
            padding: 10px;
        }
        #subscribe-form label.main {
            width: 80px;
            text-align: right;
        }
        #subscribe-form input.text,
        #subscribe-form input.submit {
            width: 168px;
        }
        #subscribe-form input.submit,
        #subscribe-form .description,
        #subscribe-form ul.errors {
            margin-left: 90px;
        }
        
    /*---> contact form */
        #contact-form .form-row {
            margin-bottom: 8px;
        }
        #contact-form label.main {
            width: 80px;
            text-align: right;
        }
        #contact-form input.text {
            width: 180px;
        }
        #contact-form input.submit {
            margin-left: 90px;
            width: 180px;
        }
        #contact-form textarea {
            width: 260px;
        }
        #contact-form ul.errors,
        #contact-form .appoint-form-row {
            margin-left: 90px;
        }
        
    /*----------+
    |  SUB NAV  |
----+           +-----------------------------------------------------*/
    
    ul.sub-nav {
        color:               #666;
    }
    ul.sub-nav li {
        padding:             3px 0;
    }
    ul.sub-nav li ul {
        margin-left:         20px;
    }
    ul.sub-nav li a {
        padding-left:        16px;
        color:               #666;
        text-transform:      uppercase;
        background:          url(imgs/arrow_blue_small.gif) no-repeat center left;
    }
    ul.sub-nav li li a {
        text-transform:      none;
    }
    ul.sub-nav li a:hover {
        color:               #0080b5;
    }


    /*----------------+
    |  SITE LOCATION  |
----+                 +-----------------------------------------------------*/

    .site-location {
        height:              24px;
        line-height:         24px;
        overflow:            hidden;
        background:          #e1e1e1 url(imgs/bread-crumbs.gif) no-repeat top left;
        padding-left:        5px;
        margin-bottom:       10px;
    }
    .site-location a {
        display:             block;
        float:               left;
        height:              24px;
        line-height:         24px;
        padding:             0 5px;
        margin-right:        5px;
        color:               #666;
    }
    .site-location a {
        background:          url(imgs/bread-crumbs-cut.gif) no-repeat top right;
        padding-right:       15px;
    }
    .site-location a:hover {
        color:               #0080b5;
    }

    /*----------+
    |  SITEMAP  |
----+           +-----------------------------------------------------*/`

    ul.sitemap ul {
        margin-left: 15px;
    }
    ul.sitemap a {
        font-size: 16px;
    }
    ul.sitemap li {
        padding: 10px 0;
        border-bottom: 3px solid #ccc;
    }
    ul.sitemap ul a {
        font-size: 14px;
    }
    ul.sitemap ul li {
        padding: 6px 0;
        border-top: 1px solid #ccc;
        border-bottom: none;
    }
    ul.sitemap ul ul a {
        font-size: 12px;
    }
    ul.sitemap ul ul li {
        padding: 3px 0;
        border-top: 1px dashed #ccc;
        border-bottom: none;
    }








.standalone-content h1,
.standalone-content h2,
.standalone-content h3,
.standalone-content h4,
.standalone-content h5,
.standalone-content h6 {
}
.standalone-content a {
    text-decoration:     none;
}
.standalone-content p {
    margin-bottom:       5px;
}
.standalone-content span.legend {
    display: inline-block;
    height: 16px;
    width: 18px;
    padding-top: 2px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: url(imgs/blue_circle.gif) no-repeat center center;
}
p.highlight {
    color: #0080b5;
    font-size: 14px;
}
.bottom-hr {
    padding-bottom: 10px;
    background: url(imgs/hr.gif) repeat-x bottom left;
}


/*  
    +--------------+
    | STRUCTURE    |
----+--------------+-----------------------------------------------------*/
    .standalone-content .wrap {

    }
    .standalone-content .cols-2,
    .standalone-content .cols-3,
    .standalone-content .cols-4 {
        width: 730px;
        overflow: hidden;
        margin-top: 10px;
    }
    .standalone-content .col {
        float: left;
    }
    .standalone-content .cols-2 .col {
        width: 360px;
        margin-left: 10px;
    }
    .standalone-content .cols-3 .col {
        width: 236px;
        margin-left: 11px;
    }
    .standalone-content .cols-4 .col {
        width: 175px;
        margin-left: 10px;
    }
    .standalone-content .cols-2 .col.first,
    .standalone-content .cols-3 .col.first,
    .standalone-content .cols-4 .col.first {
        margin-left: 0;
    }

/*  
    +----------+
    | LISTS    |
----+----------+-----------------------------------------------------*/

    .standalone-content ul,
    .standalone-content li {
        margin: 0;
        padding: 0;
        list-style-type:     none;
    }
    .standalone-content li {
        display:             block;
        padding:             3px 0 3px 16px;
        background:          url(imgs/arrow_blue_small.gif) no-repeat 0 6px;
    }
    .standalone-content ul.green-list-m li,
    .standalone-content ul.orange-list-m li {
        padding-left:        18px;
    }
    .standalone-content ul.green-list-m li {
        background:          url(imgs/arrow_green_m.gif) no-repeat 0 1px;
    }
    .standalone-content ul.orange-list-m li {
        background:          url(imgs/arrow_orange_m.gif) no-repeat 0 1px;
    }


    .standalone-content .orange { color: #ee9d00; }
    .standalone-content .green {  color: #5db400; }