/* css home */ /* banner home */
#banner {
    width: 843px; /*847-4*/
    height: 325px; /*330-5*/
    padding: 5px 0 0 4px;
    margin: 0 -4px 0 -3px;
    background: url(/images/default/bgbanner.jpg) no-repeat;
}

#banner div {
    width: 839px;
    height: 320px;
}

#banner h1 {
    font-family: "Segoe UI", arial;
    font-size: 26px;
    color: #fff;
    font-weight: normal;
    margin: 0 0 0 41px;
    padding: 145px 0 0 0;
}


/* JWN - changes - HOME */

#banner div.btn-home1 {
    left:642px;
    top:300px;
    width:76px;
    height: 26px;
}

table.btn-home1 {
    position: absolute;
    left: 620px;
    top: 300px;
}

table.btn-home2 {
    position: absolute;
    left: 340px;
    top: 483px;
}

table.btn-home3 {
    position: absolute;
    left: 720px;
    top: 395px;
}

table.btn-home4 {
    position: absolute;
    left: 615px;
    top: 479px;
}

table td.btn-home-left {
    background: transparent url(/images/default/btn-home-left.png) no-repeat scroll 0 0;
    width: 10px;
    height: 26px;
}


table td.btn-home-right {
    background: transparent url(/images/default/btn-home-right.png) no-repeat scroll 0 0;
    height: 26px;
    width: 18px;
}

table td.btn-home-middle {
    background: transparent url(/images/default/btn-home-middle.png) repeat-x scroll 0 0;
    width: 1px;
    height: 26px;
}

#lien1,#lien2,#lien3,#lien4 {
    height: 22px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-family: "Segoe UI", arial;
    font-size: 13px;
}



/* lien line pipe */

#lien1 {
    top: 300px;
    left: 642px;
}

/* lien specialty tube */

#lien2 {
    top: 483px;
    left: 340px;
}

a#lien1, a#lien2, a#lien3, a#lien4 {
    line-height: 19px;
    padding-right: 5px;
    white-space:nowrap;
}

/*lien otg materials */

#lien3 {
    top: 395px;
    left: 726px;
}

#lien4 {
    top: 479px;
    left: 615px;
}

/* titres */
h1.title {
    margin: 20px 0 0 8px;
    padding: 0;
    color: #235b8a;
    font-size: 16px;
    font-family: Helvetica, arial;
    font-weight: normal;
}

h2.title {
    margin: 0 0 10px 8px;
    padding: 0;
    color: #31506d;
    font-size: 12px;
    font-weight: normal;
}

.right-col h3,.left-col h3 {
    color: #31506d;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

/* news */
.bloc-news {
    width: 100%;
}

.bloc-news .right {
    width: 319px;
}

.bloc-news p {
    margin: 0 0 10px 8px;
    padding: 0;
}

#catalog,#contact {
    position: absolute;
    top: 575px;
}

#catalog {
    left: 530px;
}

#catalog a,#contact a {
    display: block;
    float: left;
    height: 15px;
    padding: 2px 18px 0 6px;
    margin: -28px 0 0 2px;
    position: relative;
    background: url(/images/default/zoom-right.png) no-repeat top right;
    text-decoration: none;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

#contact {
    left: 710px;
}

#contact a {
    margin: 87px 0 0 1px;
    line-height: 12px;
}

#contact h4 {
    margin: 0;
    padding: 0;
    width: 150px;
    position: relative;
    margin: -128px 0 0 10px;
    color: #31506d;
    font-weight: normal;
    font-size: 12px;
}

/* FIXME: only for news */
#contenu-news {
    width: 840px !important;
}

/* MDS */

.component-area a.section-closed {
    text-decoration: none;
    background: url(/images/default/title_link.jpg) no-repeat;
}

.component-area a.section-closed,.component-area a.section-opened {
    margin: 0 0 5px 0;
    padding: 3px 0 0 10px;
    display: block;
    width: 661px;
    height: 17px;
    color: #31506d;
    font-size: 11px;
    text-decoration: none;
    background: url(/images/default/title_link.jpg) no-repeat;
    cursor: pointer;
}

.component-area a.section-opened {
    background: url(/images/default/title_link_hover.jpg) no-repeat;
    color: #587693;
}

table.mds-color-code {
    width: 450px;
}

table.mds-color-code td {
    text-align: center;
    vertical-align: middle;
}

table.chemical-comp-table th {
    text-transform: none !important;
}

table.manufacturing-table td {
    text-align: left;
}

/* Color Codes */

table.color-code-filter {
    width: 100%;
}

table.color-code-filter td {
    width: 20%
}

table.color-code-filter select {
    width: 105px;
}

div.color-code-container {
    height: 140px;
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
}

.code_caption {
    font-size: 14px;
    margin-top: 10px;
}

.code_caption a {
    color: #757575;   
}

.code_not_found {
    font-size: 18px;
    color: #C0C0C0;
    margin-top: 40px;   
}

/* Challenges */
.challenges_toolbar {
    width: 670px;
    height: 183px; /*183-5*/
    padding: 10px 0 0 0;
    background: url(/images/default/toolbar.jpg) no-repeat;
}

.component-area .challenges_toolbar h3 {
    float: left;
    background: url(/images/default/bgfleche.gif) no-repeat;
    width: 145px; /*155-10*/
    height: 26px; /*35-9*/
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 0 10px;
    padding: 9px 0 0 10px;
}

.challenges_toolbar .zone1 h3 {
    color: #054a88;
}

.challenges_toolbar .zone2 h3 {
    color: #524c7e;
}

.challenges_toolbar .zone3 h3 {
    color: #427526;
}

.component-area .challenges_toolbar ul {
    margin: 0;
    padding: 0px 0 0 0;
    float: left;
    width: 161px;
}

.challenges_toolbar .zone1 {
    height: 45px;
}

.challenges_toolbar .zone2 {
    margin: 11px 0 0 0;
    height: 45px;
}

.challenges_toolbar .zone3 {
    margin: 15px 0 0 0;
    height: 45px;
}

.challenges_toolbar ul li {
    list-style-type: none;
    background: none 0;
}
/* liens bleus */
.challenges_toolbar .zone1 a,.challenges_toolbar .zone2 a,.challenges_toolbar .zone3 a
    {
    float: left;
    display: block;
    overflow: hidden;
    width: 139px; /*155-16*/
    height: 15px; /*16-1*/
    margin: 0 0 6px 8px;
    padding: 1px 8px 0 8px;
    text-decoration: none;
    color: #fff;
}

.challenges_toolbar .zone1 a {
    background: url(/images/default/lien_zone1.jpg) no-repeat;
}

.challenges_toolbar .zone1 a:hover {
    background: url(/images/default/lien_zone1_hover.jpg) no-repeat;
}

.challenges_toolbar .zone2 a {
    background: url(/images/default/lien_zone2.jpg) no-repeat;
}

.challenges_toolbar .zone2 a:hover {
    background: url(/images/default/lien_zone2_hover.jpg) no-repeat;
}

.challenges_toolbar .zone3 a {
    background: url(/images/default/lien_zone3.jpg) no-repeat;
}

.challenges_toolbar .zone3 a:hover {
    background: url(/images/default/lien_zone3_hover.jpg) no-repeat;
}

/* connections */
p.intro,p.textemarquantproduit {
    color: #31506d;
    font-size: 12px;
    text-align: justify;
}

p.note {
    font-style: italic;
    font-size: 10px;
}

table.highlights {
    width: 479px;
    margin-top: 10px;
    margin-bottom: 20px;
}

td.highlights-top,td.highlights-bottom {
    height: 3px;
    font-size: 0px;
}

td.highlights-top {
    background: url(/images/default/encadre_top.jpg) no-repeat left bottom;
    margin-top: 10px;
}

td.highlights-bottom {
    background: url(/images/default/encadre_bottom.jpg) no-repeat left top;
    margin-bottom: 20px;
}

td.highlights-content {
    width: 451px;
    padding: 10px 14px 10px 14px;
    background: url(/images/default/encadre.jpg) repeat-y;
}
td.highlights-content a {
    color: #81AC64;
}
td.highlights-content h3 {
    margin: 0 0 10px 0;
    padding: 2px 5px 2px 5px;
    background-color: #fff;
    color: #31506d;
    font-size: 12px;
    font-weight: normal;
}

.component-area td.highlights-content ul {
    margin: 0;
}

td.highlights-content li {
    color: #31506d;
    font-size: 12px;
}

table.figure {
    width: 100%
}

table.figure td {
    text-align: center;
    font-style: italic;
}

table.summary-table {
    width: 100%;
    margin-top: 20px;
}

table.summary-table td {
    vertical-align: top;
}

a.pdf {
    text-decoration:none;
    color:#6d86a1;
    text-decoration:none;
    display:block;
    width:132px;
    height:15px;
    padding:1px 0 0 23px;
    margin:0 0 4px 0;
    background:url(/images/default/lien_pdf.jpg) no-repeat;
}
a.pdf:hover, a.pdf.active{
    color:#fff;
    background:url(/images/default/lien_pdf_hover.jpg) no-repeat;
}

/* box process*/
.box_process_top,.box_process_bottom {
    width: 663px;
    height: 10px;
}

.box_process_top {
    background: url(/images/default/tab_type1_top.jpg) no-repeat left bottom;
}

.box_process_bottom {
    background: url(/images/default/tab_type1_bottom.jpg) no-repeat left bottom;
}

.box_process_bottom td {
    line-height: 1px;
}

.box_process_content {
    width: 663px;
    background: url(/images/default/tab_type1_content.jpg) repeat-y;
}

.box_process_content td {
    vertical-align: top;
    padding: 10px 23px 0 17px;
}

.box_process_sep_joined {
    width: 663px;
    height: 24px;
    background: url(/images/default/tab_type1_milieu.jpg) no-repeat;
}

.box_process_sep_split {
    width: 663px;
    height: 45px;
    background: url(/images/default/tab_type2_milieu.jpg) no-repeat;
}

.box_process_content h2.title {
    margin-left: 0 !important;
    font-size: 16px;
}

.box_process_content p {
    color: #757575;
    margin: 5px 0 10px 0 !important;
    padding: 0 0 0;
}

.component-area .box_process_content h3 {
    font-size: 12px;
    color: #235b8a;
    font-weight: normal;
    margin: 5px 0 0 0;
}

.box_process_image {
    border: 1px solid #DFE1E3;
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    width: 333px;
    background-color: #ffffff;
}

.box_process_image table.box-item {
    width: 333px;
}

.box_process_image table.box-item td {
    vertical-align: bottom;
    padding: 0;
}

/* slideshow */

.slideshow-border {
    background: transparent url(/images/default/bg-border.gif) no-repeat scroll 0 0;
    height: 202px;
    padding: 4px;
    margin-left: 14px;
}

.slideshow {
    width: 300px; 
    height: 194px;
    position: relative;
}

.slideshow ul {
    position: absolute;
    width: 300px; 
    height: 194px;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slideshow li {
    display: block;
    position: absolute;
    top: 0;
    width: 300px;
    list-style: none outside none;
    background: none;
    padding: 0 !important;
    margin: 0 !important;
}

.slideshow li img {
    display: block;
    position: relative;
    bottom: 0;
}

.slideshow .caption {
    background: #fff;
    bottom: -24px;
    color: #000;
    height: 24px;
    line-height: 24px;
    left: 0;
    text-indent: 5px;
    position:absolute;
    z-index:89;
    width: 100%;
    text-align: center;
    font-weight: bold;
}


/* changes jwn */



/* table block custom cols */


table.block_custom_cols {
    width: 100%;
}

table.block_custom_cols td {
    vertical-align: top;
}

table.block_custom_cols td.col1 {
    padding-right: 10px;
}


/* link bg blue */


table.box-link {
    margin-top: 10px;
}

td.link-blue a {
    background: transparent url(/images/default/lien_zone1-sprite.jpg) no-repeat scroll left top;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 15px;
    padding: 1px 10px 0;
    margin: 0 0 5px 0;
    overflow: hidden;
    text-decoration: none;
    width: 140px;
}

td.link-blue a:hover {
    background: transparent url(/images/default/lien_zone1-sprite.jpg) no-repeat scroll left -16px;
}

td.line-zone4 a {
    background: transparent url(/images/default/lien_zone6.jpg) no-repeat scroll left 0;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 15px;
    padding: 1px 10px 0;
    margin: 0 0 5px 0;
    overflow: hidden;
    text-decoration: none;
    width: 367px;
}

td.line-zone4 a:hover {
    background: transparent url(/images/default/lien_zone6.jpg) no-repeat scroll left -16px;
}

div.component-area {
    margin-top: 3px;
}


.component-area h4 {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    margin: 8px 25px 10px 8px;
    
}
.component-area h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px 8px;
    padding: 0 20px 0 0;
    text-decoration: none;
}

.component-area ol li {
    list-style-type: decimal;
    background: none;
    line-height: 15px;
    padding: 0 0 4px 0px;
}

.component-area ol {
    margin-left: 40px;
    padding: 0;
}


/* table block 3cols */


table.block-3cols td.col1, table.block-3cols td.col2 {
    padding-right: 10px;
}

table.block-3cols td.col1, table.block-3cols td.col2, table.block-3cols td.col3 {
    width: 216px;
    vertical-align: top;
}
table.block-3cols {
    width: 670px;
}

table.block-3cols td h2.line-sep {
    background: url("/images/default/ombre_title4.jpg") no-repeat scroll center bottom transparent;
    margin: 0 0 7px 8px;
    padding: 0 0 11px;
    text-decoration: none !important;
}


/* table block 2cols */


table.block-2cols td {
    vertical-align: top;
    padding-right: 0px;
}
/*
table.block-2cols td.col1 {
    padding-right: 10px;
    width: 335px;
}

table.block-2cols {
    width: 670px;
    
}
*/

/* image border */

.img-border {
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 4px 10px -6px #AAAAAA;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

table.img-border td, div.img-border div {
    padding: 1px !important;
    width: auto;
}

.component-area div.outside {
    padding: 0 0 0 2px;
}

.component-area div.p-inside h2,.component-area div.p-inside h2.title2 {
    margin: 0 0 7px 0;
}

.right-col h2.line-sep,h2.line-sep {
    background: url("/images/default/ombre_title5.jpg") no-repeat scroll center bottom transparent;
    margin: 0 0 7px 8px;
    padding: 0 0 11px;
    text-decoration: none !important;
}

/*table.block_60_40_cols {
    width: 670px;
}

table.block_60_40_cols td{
    vertical-align: top;
}
table.block_60_40_cols td.col1 {    
    width: 411px;
    padding-right: 10px;
}

*/

/* popup */

#popup-windows p {
    margin: 0px 0 10px 0;
}
#popup-windows h3 {
    margin: 8px 0 4px 0;
}