/* Styles generiques Extha */ /* Init */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ color:#000; } body {position:relative; background:#fff; line-height:normal; font-size:75%;} strong {font-weight:bold;} /* General */ .accessibility {position:absolute; left:-9999em; top:-9999em; width:0; height:0; overflow:hidden; font-size:0;} .clearFix:after {display:block; clear:both; visibility:hidden; height:0; content:" ";} /* fix context formating bug */ .clear {display:block; clear:both; visibility:hidden; width:100%; font-size:1%;} .lFloat {float:left;} .rFloat {float:right;} /* Structure */ #container {position:relative; margin:0 auto; width:1000px;} #entete {position:relative;} #corps {position:relative; background:url(../img/corps_fd.png) repeat-x #fff;} #pied {float:left; width:100%; min-height:27px; background:#d4d4d4; font-size:83%;} /* Header */ #entete #titre {border-bottom:10px solid #d4d4d4; width:100%; height:20px;} #entete #navigation {position:relative; float:left; width:100%; min-height:50px; background:#000; font-size:91%;} #entete #navigation ul {float:left; margin-top:16px;} #entete #navigation ul li {float:left; margin:0 10px;} #entete #navigation ul li a {display:block; padding:3px 10px; text-decoration:none; color:#fff;} #entete #navigation ul li a:hover {background:#d4d4d4; color:#461D12;/* text-decoration:underline;*/} #entete #bandeau {position:relative; clear:both; border-bottom:6px solid #461D12; height:132px; background:url(../img/visuel_entete_s.jpg) no-repeat;} .home #entete #bandeau {height:194px; background:url(../img/visuel_entete_l.jpg) no-repeat;} #entete #bandeau a#retourHome {display:block; position:absolute; left:30px; top:0px; width:125px; height:132px; background:url(../img/logo.png) no-repeat;} .home #entete #bandeau a#retourHome {height:194px;} #entete #bandeau ul {position:absolute; left:0px; bottom:0px;} #entete #bandeau ul li {float:left; margin:0 1em; padding:1.5em 0.3em; text-transform:uppercase; font-size:91%;} #entete #bandeau ul li a {text-decoration:none; color:#fff;} #entete #bandeau ul li:hover {background:url(../img/fd_nav_produits2.png) repeat;} /* Corps */ #corps #langues {float:right; clear:both; margin:7px 26px 12px 0; height:7px;} #corps #langues ul {float:left;} #corps #langues ul li {float:left; margin:0 2px;} #corps #langues ul li a {display:block; width:11px; height:7px; font-size:1%;} #corps #langues ul li.fr a {background:url(../img/flag_fr.png) no-repeat;} #corps #langues ul li.en a {background:url(../img/flag_en.png) no-repeat;} #corps #langues ul li.es a {background:url(../img/flag_es.png) no-repeat;} #corps #langues ul li.pt a {background:url(../img/flag_pt.png) no-repeat;} #corps #langues ul li.br a {background:url(../img/flag_br.png) no-repeat;} #corps .principal {clear:both; margin:0 40px; padding-bottom:11px;} #corps .principal.home {margin:0;} #corps .principal h2 {border-left:5px solid #461D12; background:url(../img/picto_h2.png) no-repeat 4px center; padding-left:44px; line-height:2.3em; font-size:200%; color:#461D12;} #corps .principal p.hr {clear:both; margin:6px 0 11px; height:3px; background:url(../img/hr_h2.png) no-repeat; font-size:1%;} #corps .principal #col25Prct p.hr {background-image:url(../img/hr_h2_170.png);} /*#corps h2#savoirPlus {position:absolute; left:-19px; top:0; width:18px; height:84px; border-left:0; background:url(../img/fr/picto_savoir_plus.png) no-repeat; padding-left:0;}*/ #corps h2#dernieresNews {position:absolute; left:-19px; top:0; width:18px; height:154px; border-left:0; background:url(../img/fr/picto_dernieres_news.png) no-repeat; padding-left:0;} #corps h2#focusProduit {position:absolute; left:-19px; top:0; width:18px; height:154px; border-left:0; background:url(../img/fr/picto_focus_produit.png) no-repeat; padding-left:0;} #corps .principal .wrapper h3 {background:url(../img/picto_h3.png) no-repeat left center; padding-left:25px; line-height:2.65em; font-size:91%; font-weight:bold; color:#461D12;} #corps .principal .wrapper h3.sep {margin-top:2em;} #corps .principal .wrapper h3.accordion {margin-bottom:0.2em; background-position:2px top; line-height:1.3em; font-size:117%;} #corps .principal .wrapper h4 {font-weight:bold; color:#000;} #corps .principal .wrapper ul.ul {margin:1em 0 0 25px;} #corps .principal .wrapper ul.ul li {margin-left:1em; list-style-type:disc;} #corps .principal .wrapper a.GoogleMaps {position:absolute; left:380px;} #corps .principal .wrapper .col30Ctnt {float:left; margin:0 25px 11px 0; width:275px;} #corps .principal .wrapper .col30Ctnt.lastBlk {margin-right:0!important;} #corps .principal .wrapper .col30Ctnt ul {margin-left:26px;} #corps .principal .wrapper .col30Ctnt ul li h4 {margin-top:1em;} #corps .principal .wrapper .col30Ctnt ul ul {margin:1em 0;} #corps .principal .wrapper .col30Ctnt ul ul li {margin-left:13px; list-style:square; font-size:83%;} #corps .principal .wrapper .col30Ctnt ul ul li a {text-decoration:none;} #corps .principal .wrapper .col30Ctnt ul ul li .focus {text-transform:uppercase;} #corps .principal .wrapper .col30Ctnt ul.collapse {margin-bottom:1.5em;} #corps .principal .wrapper .col30Ctnt .accordion {cursor:pointer;} #corps .principal .wrapper .col30Ctnt ul ul.light li.current a {font-weight:bold; color:#905746;} #corps .principal .wrapper .fiche {margin-bottom:11px; width:620px; background:url(../img/fd_fiche.png) repeat-x bottom #F7F7F7;} #corps .principal .wrapper .fiche .titleBlk {border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background:url(../img/fd_h3.png) repeat-x #424242; padding-left:23px;} #corps .principal .wrapper .fiche h3 {background-image:url(../img/picto_h3_fiche.png); color:#fff;} #corps .principal .wrapper .fiche .dataBlk {margin:5px 0; padding:15px 25px 25px 25px; color:#000;} #corps .principal .wrapper .fiche .dataBlk .dataCtnt {margin:0 25px 0 0; width:220px; text-align:justify; line-height:1.2em;} #corps .principal .wrapper .fiche .dataBlk .pxBlk {width:300px; text-align:center;} #corps .principal .wrapper .fiche .dataBlk .pxBlk ul#lstDocs li {text-align:left;} #corps .principal .wrapper .fiche ul {margin-left:25px; width:125px;} #corps .principal .wrapper a.picto {display:block; height:1.6em; background:url(../img/picto_default.png) no-repeat left top; padding:0.4em 0 0 25px; text-decoration:none; font-size:83%; color:#461D12;} #corps .principal .wrapper a:hover.picto {text-decoration:underline;} #corps .principal .wrapper .fiche ul li a:hover {text-decoration:underline;} #corps .principal .wrapper a.pictoPDF {background-image:url(../img/picto_pdf.png);} #corps .principal .wrapper a.pictoDOC, #corps .principal .wrapper a.pictoDOCX {background-image:url(../img/picto_doc.png);} #corps .principal .wrapper a.pictoTXT {background-image:url(../img/picto_txt.png);} #corps .principal .wrapper a.pictoGIF, #corps .principal .wrapper a.pictoJPG, #corps .principal .wrapper a.pictoJPEG, #corps .principal .wrapper a.pictoBMP, #corps .principal .wrapper a.pictoPNG {background-image:url(../img/picto_img.png);} #corps .principal .wrapper a.pictoXLS, #corps .principal .wrapper a.pictoXLSX {background-image:url(../img/picto_xls.png);} #corps .principal .wrapper a.pictoRAR, #corps .principal .wrapper a.pictoZIP {background-image:url(../img/picto_zip.png);} #corps .principal .wrapper a.pictoURL {background-image:url(../img/picto_url.png);} #corps .principal .wrapper .txtBlk {margin:0 0 11px 25px;} #corps .principal .wrapper .txtBlk p {margin:1em 0 0 25px;} #corps .principal .wrapper .txtBlk.coords p {margin-top:0;} #corps .principal .wrapper .dataBlk.thumbs {margin:5px 0 20px;} #corps .principal .wrapper .dataBlk.thumbs .pxBlk {text-align:center;} #corps .principal .wrapper .dataBlk.thumbs .dataCtnt {text-align:justify; line-height:1.2em; color:#A08B86;} #corps .principal .wrapper .dataBlk.thumbs .dataCtnt p {font-size:91%; color:#A08B86;} #corps .principal .wrapper .navCol {width:90px;} #corps .principal .wrapper .navCol li {background:url(../img/hr_90.png) no-repeat;} #corps .principal .wrapper .navCol li.firstIt {background:none;} #corps .principal .wrapper .navCol li a {display:block; padding-left:1em; text-decoration:none; line-height:2em; font-size:91%; color:#905746;} #corps .principal .wrapper .navCol li a:hover {text-decoration:underline;} #corps .principal .wrapper .txtCol {width:660px; padding-left:15px;} #corps .principal .wrapper .txtCol.small {width:570px;} #corps .principal .wrapper .txtCol.smallDouble {width:235px;} #corps .principal .wrapper .txtCol.xSmall {width:370px;} #corps .principal .wrapper .txtCol h4 {margin-top:2em;} #corps .principal .wrapper .txtCol blockquote {margin:2em; text-align:right; font-size:109%; font-weight:bold;} #corps .principal .wrapper .txtCol blockquote .focus {margin-bottom:0.5em; text-align:center; font-style:italic; font-weight:normal;} #corps .principal .wrapper .thumbsCol {margin-left:40px; width:165px; padding-top:35px;} #corps .principal .wrapper.homeProduits #presTxt {margin:0 0 11px 25px; width:220px; text-align:justify;} #corps .principal .wrapper.homeProduits #presIllus {margin:0 0 11px 25px; width:305px; text-align:center;} #corps .principal .wrapper.homeProduits #presNews {margin:0 0 11px 25px; width:320px;} #corps .principal .wrapper.homeProduits #presNews .newsLkBlk .newsLkIt {margin-bottom:1em; background:none; padding-top:0;} #corps .principal .wrapper.homeProduits #presNews .newsLkBlk .pxBlk {text-align:center;} #corps .principal .wrapper.homeProduits #presNews .dataBlk .pxBlk {width:auto; overflow:hidden;} #corps .principal .wrapper.homeProduits #presNews .dataBlk .dataCtnt {margin:0; width:auto;} /*#corps .principal.home {margin-top:10px;}*/ #corps .principal.home h2.home {border:0; line-height:1.5em; font-size:300%;} #corps .principal.home h2.produits {border:0; line-height:2.3em;} #corps .principal.home #col30Prct .newsLkIt {float:left; margin-bottom:6px; padding:0;} #corps .principal.home #col30Prct .newsLkIt .dataBlk {float:left; position:relative;} #corps .principal.home #col30Prct .newsLkIt .pxBlk {float:left; margin-right:8px; border-right:8px solid #461D12;} #corps .principal.home #col30Prct .newsLkIt.coul1 .pxBlk {border-color:#905746;} #corps .principal.home #col30Prct .newsLkIt.coul2 .pxBlk {border-color:#DFBBB1;} #corps .principal.home #col30Prct .newsLkIt.coul3 .pxBlk {border-color:#ECD1CA;} #corps .principal.home #col30Prct .newsLkIt .pxBlk img {display:block;} #corps .principal.home #col30Prct .newsLkIt .dataCtnt {width:182px; text-align:justify;} #corps .principal.home #col30Prct .newsLkIt .dataCtnt p {margin-bottom:1em; line-height:1.4em; font-size:91%;} #corps .principal.home #col20Prct .newsLkIt .dataBlk .pxBlk {overflow:hidden; text-align:center;} .home .info {margin-right:25px; width:185px; height:118px; background:url(../img/bloc_info.png) no-repeat; text-align:center; line-height:1.1em; font-size:91%;} .home .info .focus {display:block; margin-top:1em; text-transform:uppercase; font-size:123%; font-weight:bold; color:#461D12;} .home .more {width:185px; height:118px; background:url(../img/bloc_more.png) no-repeat;} .home a#exthaGroup {display:block; margin:43px auto 0; width:149px; height:30px; background:url(../img/fr/btn_acces_group.png) no-repeat;} .home a#exthaIberica {display:block; margin:42px auto 0; width:150px; height:32px; background:url(../img/fr/btn_acces_iberica.png) no-repeat;} #corps .principal #col75Prct {width:680px;} #corps .principal #col30Prct {position:relative; margin:10px 25px 0 0; width:315px;} #corps .principal #col40Prct {position:relative; width:395px;} #corps .principal #col25Prct {position:relative; margin:10px 0 0 60px; border-left:2px dotted #D5C3B0; width:168px; padding-left:10px;} #corps .principal #col20Prct {position:relative; margin-left:45px; border-left:2px dotted #D5C3B0; width:195px; padding-left:15px;} #corps .principal.home #col20Prct {margin-top:10px;} #corps .principal #col20Prct h3, #corps .principal #col30Prct h3, #corps .principal #col25Prct h3 {background:url(../img/picto_h3_col.png) no-repeat; padding-left:15px; text-transform:uppercase; line-height:1.5em; font-size:83%; font-weight:bold; color:#461D12;} #corps .principal #col30Prct .coul1 h3 {background-image:url(../img/picto_h3_col-1.png);} #corps .principal #col30Prct .coul2 h3 {background-image:url(../img/picto_h3_col-2.png);} #corps .principal #col30Prct .coul3 h3 {background-image:url(../img/picto_h3_col-3.png);} a.highlight {border-bottom:1px dotted #666666; text-decoration:none; font-style:italic; font-weight:bold;} #labelCraft {padding:0 0.5em;} .labelOn {background:#CCCCCC;} acronym {border-bottom:1px dotted #905746; padding:0 0.2em;} a.targBlank {background:url(../img/picto_external_link.png) no-repeat right center; padding-right:14px;} #corps .principal #pressRelease {width:600px;} #corps .principal #pressReview {width:300px; padding:0 10px 10px;} #corps .principal #pressReview .newsLkBlk {padding-bottom:11px;} #corps .principal .wrapper #pressReview.fiche h3 {background-image:url(../img/picto_h3.png); color:#461D12;} dl#chrono {margin-top:1.5em;} dl#chrono dt {display:block; float:left; clear:left; margin-bottom:1.5em; width:50px; font-weight:bold;} dl#chrono dd {display:block; float:left; clear:right; margin-bottom:1.5em; width:495px;} .dispo, .nonDispo, .avenir {display:block; width:17px; height:17px; background:url(../img/picto_nondispo.png) no-repeat;} .dispo {background-image:url(../img/picto_dispo.png);} .avenir {background-image:url(../img/picto_avenir.png);} span.legende {text-decoration:underline; font-weight:bold; color:#461D12;} dl.legende {margin:1em;} dl.legende dt {clear:left; float:left; padding:0 0.5em; line-height:1.6em;} dl.legende dd { line-height:1.6em; font-weight:bold; color:#461D12;} dl.mentions dt {margin-top:1em; text-transform:uppercase; font-weight:bold;} dl.mentions dd {margin-left:1.5em;} /*table#listeDocs {width:715px;}*/ table caption {display:none;} table colgroup .fr td {border-left:1px solid #461D12;} table colgroup#nomsProduits col {width:326px;} table colgroup#fiches1 col, table colgroup#fiches2 col, table colgroup#fiches3 col {width:31px;} table tr {line-height:2.4em;} table tr.odd {background:#D5C3B0;} table tr th, table tr td {text-align:center;} /*table tr.produit td {padding-top:1em;}*/ table tr td .dispo, table tr td .nonDispo, table tr td .avenir {margin:-1em auto auto;} table tr.titre td {padding-left:1em; text-align:left;} table tr.titre th, table tr.titre td {background:#461D12; text-transform:uppercase; color:#fff;} table tr.titre th.vide {background:none;} table tr td.nom {padding-left:1em; text-align:left;} table tr th.line, table tr td.line {border-left:1px solid #A08B86;} table tr th.section, table tr td.section {border-color:#461D12;} table tr th p {margin-top:-0.5em; height:3.5em; font-size:83%; font-weight:bold;} table tr th.br {background:url(../img/flag_br.png) no-repeat center 15px;} table tr th.en {background:url(../img/flag_en.png) no-repeat center 15px;} table tr th.es {background:url(../img/flag_es.png) no-repeat center 15px;} table tr th.fr {background:url(../img/flag_fr.png) no-repeat center 15px;} table tr th.pt {background:url(../img/flag_pt.png) no-repeat center 15px;} table tr td.nom p {line-height:1.8em;} .newsLkBlk .newsLkIt {margin-bottom:1em; background:url(../img/hr_200.png) no-repeat left top; padding-top:1em;} .home #col30Prct .newsLkBlk .newsLkIt {background:none;} #col25Prct .newsLkBlk .newsLkIt {margin-bottom:1em; background:none;} #col25Prct .newsLkBlk .pxBlk {text-align:center;} .newsLkBlk .newsLkIt.firstIt {margin-bottom:1em; background:none; padding-top:1em;} .newsLkBlk .newsLkIt h4 {margin-bottom:.4em; background:url(../img/puce_h4.png) no-repeat 2px 3px; padding-left:1em; text-align:left; font-size:91%; font-weight:bold;} .newsLkBlk .newsLkIt {text-align:justify;} #col25Prct .newsLkBlk .newsLkIt h4 {background:none; padding-left:0;} .home #col25Prct .newsLkBlk .newsLkIt h4 {background:url(../img/puce_h4.png) no-repeat 2px 3px; padding-left:1em;} #col25Prct .newsLkBlk .dataCtnt p {text-align:justify;} .newsLkBlk .newsLkIt .itemDate {font-size:91%; font-weight:bold; color:#905746;} .newsLkBlk .newsLkIt .itemSummary {text-align:left; font-size:91%; color:#666666;} .newsLkBlk .newsLkIt a.moreAbout {background:no-repeat 0 4px; padding-left:1em; text-decoration:none; font-size:83%; color:#905746;} .newsLkBlk .newsLkIt a.moreAbout.lire {background-image:url(../img/puce_lire.png);} .newsLkBlk .newsLkIt a.moreAbout.voir {background-image:url(../img/puce_voir.png);} .newsLkBlk .newsLkIt a:hover.lire {text-decoration:underline;} #col30Prct .newsLkBlk .newsLkIt a.moreAbout {position:absolute; bottom:-4px; left:120px;} a#accesArchivesXL {clear:both; display:block; width:575px; height:42px; background:url(../img/fr/btn_acces_archives_xl.png) no-repeat;} a#accesArchivesL {display:block; width:300px; height:42px; background:url(../img/fr/btn_acces_archives_l.png) no-repeat;} a#accesArchivesM {display:block; width:275px; height:42px; background:url(../img/fr/btn_acces_archives_m.png) no-repeat;} a#accesProduitsTous {display:block; margin:auto; width:284px; height:42px; background:url(../img/fr/btn_acces_produits_tous.png) no-repeat;} a#accesProduitsBatiment {display:block; margin:auto; width:302px; height:42px; background:url(../img/fr/btn_acces_produits_batiment.png) no-repeat;} a#accesProduitsTunnel {display:block; margin:auto; width:302px; height:42px; background:url(../img/fr/btn_acces_produits_tunnel.png) no-repeat;} a#accesProduitsRaffinerie {display:block; margin:auto; width:302px; height:42px; background:url(../img/fr/btn_acces_produits_raffinerie.png) no-repeat;} a#accesProduitsApplis {display:block; margin:auto; width:302px; height:42px; background:url(../img/fr/btn_acces_produits_appli.png) no-repeat;} ul.siteMap li {margin-left:50px; font-weight:normal;} ul.siteMap li a {text-decoration:none;} ul.siteMap li a:hover {text-decoration:underline;} ul.siteMap li.niv1 {font-weight:bold;} ul.siteMap li.niv3 {font-style:italic;} /* Footer */ #pied ul {float:left; margin-top:9px;} #pied ul li {float:left; border-right:1px solid #666666; padding:0 10px; line-height:0.8em;} #pied ul li.lastItem {border:0;} #pied ul li a {display:block; text-decoration:none; color:#666666;} #pied ul li a:hover {text-decoration:underline;}