body#normBody { margin: 0; color: #333; font: 12px Arial ,/*"Trebuchet MS", */sans-serif; background: #fff; } img { border-style: none; } a { text-decoration: none; color: #000; } a:hover { text-decoration: underline; } input, textarea, select { font: 100% sans-serif; vertical-align: middle; } form, fieldset { margin: 0; padding: 0; border-style: none; } h4 { text-transform: uppercase; font-size: 12px; margin: 0; font-weight: bold;} h5 { font-size: 12px; margin: 0 0 0 0; font-weight: bold;} h6 { font-size: 12px; margin: 0 0 10px 0;font-weight: normal;} p { margin-top: 0; } .clear {clear:both} #temoinDoc { color: #808080 !important;font-style: italic; font-size: 18px} h2 {float:left} #print {float:right} .fondpage { background: url(/_inc/images/fond-page.gif) repeat-y; } #fondnewsletter { height: 65px; width: 690px; background: url(/_inc/images/fond-newsletter.jpg) no-repeat 0 0 ;display:block } #fondnewsletterTitre { color: #000000; font-size:14px} #fondnewsletter a { color: #FF0000; line-height:22px} /* ACTIF */ #temoin {padding:0; list-style:none;margin:0 0 12px 0;height:24px} #temoin ul {float:left; margin:0 0 0 20px; padding:0; list-style:none} #temoin li {float:left;text-align:center;height:24px;width:150px;dsplay:block;line-height:20px;margin:0 10px 0 0;background: url(/_inc/images/onglet.gif) 0 0 no-repeat;} #temoin li a {color:#FFFFFF;font-weight:bold;font-size:12px; } #temoin li#FACADES {float:left;text-decoration:none; background: url(/_inc/images/onglet.gif) -160px 0 no-repeat;height:24px;width:150px;} #temoin li#SOLS {float:left;text-decoration:none; background: url(/_inc/images/onglet.gif) -320px 0 no-repeat;height:24px;width:150px;} #temoin li#CARRELAGES {float:left;text-decoration:none; background: url(/_inc/images/onglet.gif) -480px 0 no-repeat;height:24px;width:150px;} #temoin li#MORTIERS {float:left;text-decoration:none; background: url(/_inc/images/onglet.gif) -640px 0 no-repeat;height:24px;width:150px;} /* ACTUALITES */ #Actualites {width:998px;} #Actualites .pad {padding:0 0 0 20px} #Actualites .block {float:left;width:460px;background: #f5f5f5;margin:0 20px 0 0} #Actualites .block .date {color:#999999;font-size:11px;background: #FFFFFF;padding:20px 0 0 0} #Actualites .block h3 {font-size: 16px;color:#00892e;padding:0 3px 3px 3px;margin:0;background: #FFFFFF} #Actualites .block .lg {border-top: 1px solid #00892e;border-bottom: 1px solid #00892e;width:460px;padding:10px 0 10px 0} #Actualites .block p {margin:0;padding:0 6px } #Actualites .block p a {text-decoration:underline} #Actualites .block p a:hover{text-decoration:none} .photoTxt {margin:0;padding:0 0 10px 0;clear:both} .photoTxt .photo {float:left;margin: 3px 10px 6px 0;color:#999999;font-size:10px;} .photoTxt .txt {text-align:justify;} .txtPhoto {margin:0;padding:0 0 10px 0;} .txtPhoto .photo {float:right;margin:3px 0 0.6em 16px;color:#999999;font-size:10px; font-weight:normal!important;} .txtPhoto .txt {text-align:justify;} .liste-fabricants { float:right;font-size:12px;margin:18px 10px 0 0;} .liste-fabricants a { color:#1a171b;font-weight:bold} .liste-fabricants a:hover { color:#FFF;font-weight:bold} .titleOrange { color: #e66414 !important; } a.blanc { color: #fff; text-decoration:none!important} a.blanc:hover { color: #fff; text-decoration:underline!important} .header-holder { height: 309px; width: 100%; background: url(/_inc/images/bg-header.gif) no-repeat; } #header { height: 284px; overflow: hidden; } .logo { float: left; width: 218px; margin: 50px 0 0 49px; display: inline; } #header .visual { float: right; display: inline; width: 600px; margin: 30px 50px 0 0; } #header .visual img { display: block; } .header-nav { height: 20px; padding: 0; margin: 0; list-style: none; font-size: 12px; line-height: 20px; } .header-nav li { float: right; width: 200px; text-align: center; } .header-nav a { color: #fff; } .menu { width: 100%; padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 27px; font-weight: bold; height: 27px; overflow: hidden; background: url(/_inc/images/bg-menu.gif) no-repeat; } .menu li { float: left; width: 250px; text-align: center; } .menu a { display: block; color: #fff; width: 250px; } .special-holder { width: 100%; overflow: hidden; padding: 0 0 5px; background: #c5c6c8; /* fond : cette valeur est la valeur par defaut (neutre). Elle sera ecrasee par le "Code couleur" plus bas */ } .gris-holder { width: 100%; overflow: hidden; padding: 0 0 5px; background: #000000; /* fond : cette valeur est la valeur par defaut (neutre). Elle sera ecrasee par le "Code couleur" plus bas */ } .search-form-v2 { float: right; background: #000; width: 300px; padding: 6px 18px 6px; margin: 12px 0 0; } .search-form-v2 label { display: block; font-size: 14px; font-weight: bold; color: #CACACA; } .search-form-v2 .form-input { width: 80px; overflow: hidden; } .search-form-v2 .txt { border: 1px solid #a9a9ab; width: 180px; padding: 0 3px 0; font: 15px/16px sans-serif; float: left; } .search-form-v2 .btn-go { float: right; } .search-form-v2 a.kryter { text-decoration: none;color: #CACACA;font-weight:normal } .search-form-v2 a.kryter:hover { text-decoration: none;color: #CACACA; } .special-v2 { float: left; width: 620px } .special-v2 h1 { font-size: 30px; margin: 4px 0 10px 21px; padding: 0; color: #fff;display:inline-block } .search-form { float: right; background: #c5c6c8; width: 214px; padding: 6px 18px 14px; margin: 12px 0 0; } .search-form label { display: block; font-size: 14px; font-weight: bold; color: #000; } .search-form .form-input { width: 100%; overflow: hidden; } .search-form .txt { border: 1px solid #a9a9ab; width: 180px; padding: 0 3px 0; font: 15px/16px sans-serif; float: left; } .search-form .btn-go { float: right; } .special { float: left; width: 716px } .special h1 { font-size: 30px; margin: 4px 0 10px 21px; padding: 0; color: #fff;display:inline-block } .special ul { height: 1%; overflow: hidden; margin: 4px 0 0 0; padding: 0; list-style: none; font-size: 12px; font-weight: bold; } .special ul li { float: left; margin: 0 0 0 24px; display: inline; } .special ul a { display: block; color: #1a171b; padding-bottom: 1px; } .special ul a.on, .special ul a:hover { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 0; text-decoration: none; } .column h2 { font-size: 17px; text-transform: uppercase; margin: 0 0 10px; } .column .article { width: 100%; margin: 0 0 16px; } .column a { text-decoration: underline; } .column a:hover { text-decoration: none; } /**.column .article .title .plus { float: right;font-size: 11px;color: #83b541;padding: 6px 21px 0 0;margin: 0 6px 0 0;background: url(../images/arrow2.gif) no-repeat top right;font-weight: bold; } **/ .txtleft {padding: 0 0 15px 15px; } .free { float: left; width: 100%; overflow: hidden; } .image { margin: 0 18px 17px 0; display: inline; float: right; } .imageDD { margin: 0 40px 17px 0; display: inline; float: right; } .image img { display: block; } .freeRIGHT { margin: 0 0 0 30px; float: right; } .textAll { padding: 0 15px 15px 15px;} .Zoomtext {padding: 0 0 15px 15px; } .ZoomImg {margin: 0 18px 17px 10px;float:right } .ZoomtextLien {padding: 4px 0 15px 18px;background: url(/_inc/images/zoom-lien-fond.gif) no-repeat 13px 0;font-style: italic;} .cadre-vert-fond {padding: 4px 0 15px 5px;background: url(/_inc/images/cadre-vert-fond.gif) no-repeat 0 0;font-style: italic;color: #79a222} .cadre-vert-fond a {color: #79a222} .text { width: 430px; padding: 0 0 15px 15px; display: inline; float: left; } .text2 { width: 316px; padding: 0 0 15px 15px; display: inline; float: left; } .free ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; } .free li { /*width: 100%; float: left;*/ margin: 0 0 8px; clear: left; } ul.liste { margin: 0; padding: 0; list-style-type: none; } ul.liste li { padding: 0 0 0 6px; background: url(/_inc/images/bullet3.gif) no-repeat 0 5px; } .zoom { width: 656px; background: #ccc url(/_inc/images/bg-zoom.gif) no-repeat 100% 100%; overflow: hidden; color: #fff; padding: 16px 0 0; } .free .imageRight { float: right; margin:0 0 0 20px;} .filet { width: 656px; background: url(/_inc/images/bg-filet-neutre.gif) repeat-y; overflow: hidden; } .filetTop { float: left; width: 656px; } .filetBtm { float: left; width: 656px; } .filetMarges { float: left; width: 656px; padding: 16px 0 0 0; } .download { float: right; margin: 0 0 14px 0; background: url(/_inc/images/bg-filet-neutre2.gif) repeat-y; } .download a { display: block; float: left; background: url(/_inc/images/bg-filet-neutre-top.gif) no-repeat; } .download a img { float: left; padding: 4px 0 4px 4px; } .download .bgEnd { display: block; float: left; background: url(/_inc/images/bg-filet-neutre-btm2.gif) no-repeat 100% 100%; } .download .label { display: block; float: left; width: 120px; padding: 4px; } .download, .download a, .download .bgEnd { width: 200px; overflow: hidden; } .download a, .download a * { cursor: pointer; } .actu { overflow: hidden; height: 1%; padding: 11px 6px 16px; } .actu h3 { background: url(/_inc/images/bg-info-neutre.gif) no-repeat left; height: 19px; line-height: 17px; padding: 0 0 0 10px; margin: 0 0 10px; font-size: 19px; font-weight: normal; color: #808080; } .actu ul { margin: 0; padding: 0 0 0 11px; list-style: none; width: 210px; overflow: hidden; } .actu ul li { width: 100%; float: left; } .actu ul strong { display: block; } .actu ul strong a { color: #000; font-size: 14px; font-weight: bold; text-decoration: underline; line-height: 16px; } .actu ul strong a:hover { text-decoration: none; } .actu ul p { margin: 0; font-size: 12px; color: #808080; } .actu ul .more { font-size: 12px; text-decoration: underline; } .actu ul .more:hover { text-decoration: none; } .ActuGauche { float:left;width:112px} .ActuDroite {float:left;width:126px;} .info { overflow: hidden; height: 1%; padding: 11px 6px 16px; } .info h3 { background: url(/_inc/images/bg-info-neutre.gif) no-repeat left; height: 19px; line-height: 17px; padding: 0 0 0 10px; margin: 0 0 10px; font-size: 19px; font-weight: normal; color: #808080; } .info ul { margin: 0; padding: 0 0 0 11px; list-style: none; width: 210px; overflow: hidden; } .info ul li { width: 100%; float: left; } .info ul strong { display: block; } .info ul strong a { color: #000; font-size: 14px; font-weight: bold; text-decoration: underline; line-height: 16px; } .info ul strong a:hover { text-decoration: none; } .info ul p { margin: 0; font-size: 12px; color: #808080; } .info ul .more { font-size: 12px; text-decoration: underline; } .info ul .more:hover { text-decoration: none; } .doc { width: 250px; background: url(/_inc/images/bg-doc.gif) repeat-y; } .doc .top { background: url(/_inc/images/bg-doc-top.gif) no-repeat; } .doc .btm { background: url(/_inc/images/bg-doc-btm.gif) no-repeat 0 100%; padding: 6px 19px 16px; } .doc h3 { height: 19px; line-height: 17px; position: relative; margin: 0 0 8px -12px; padding: 0 0 0 12px; background: url(/_inc/images/bg-info-neutre.gif) no-repeat; font-style: italic; color: #808080; font-size: 19px; } .doc p { margin: 0 0 10px; } .doc ul { margin: 0; padding: 0; list-style: none; } .doc ul a { color: #000; } #footer ul { height: 1%; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center; } #footer ul li { display: inline; background: url(/_inc/images/footer-split.gif) no-repeat left; padding: 0 26px 0 29px; vertical-align: middle; } #footer ul li:first-child { background: none; } #footer ul a { color: #000; vertical-align: middle; } #footer ul img { vertical-align: middle; } #referencement { border: solid 1px #8d8b8d;margin: 14px 0 0 0;width:100%;color:#999} #referencement .pad { padding:14px} #referencement ul {margin: 0;padding:0;list-style-type:none;} #referencement ul li.refer {float:left;width:190px;margin: 0;padding:0;} #referencement ul li.refer ul {margin: 0;padding:0;list-style-type:none;} #referencement ul li.refer ul li {margin: 0;padding:0} #referencement a { color: #999; } /* Skins */ #neutral strong a { color: #666; } #developpementDurable .special a.on { color: #99cc00;border-bottom: 1px solid #99cc00;} #developpementDurable .special a { color: #FFF;} #developpementDurable .menu { background-position: 0 0; } #developpementDurable .special-holder { background: #000 !important; } #developpementDurable p.titre { color: #00892e; font-weight: bold;margin:0} #developpementDurable strong a,#facadeEnduits h5, #developpementDurable .info ul .more, #developpementDurable .doc h3, #developpementDurable .download a { color: #00892e; } #developpementDurable .zoom { background-color: #4994b6; } #developpementDurable .info h3, #developpementDurable .doc h3 { background: url(/_inc/images/bg-info-developpement.gif) no-repeat; } #developpementDurable .doc { background: url(/_inc/images/bg-doc-developpement.gif) repeat-y; } #developpementDurable .doc .top { background: url(/_inc/images/bg-doc-developpement-top.gif) no-repeat; } #developpementDurable .doc .btm { background: url(/_inc/images/bg-doc-developpement-btm.gif) no-repeat 0 100%; } #developpementDurable .filet { background: url(/_inc/images/bg-filet-developpement.gif) repeat-y; } #developpementDurable .filet .filetTop { background: url(/_inc/images/bg-filet-developpement-top.gif) no-repeat 0 0; } #developpementDurable .filet .filetBtm { background: url(/_inc/images/bg-filet-developpement-btm.gif) no-repeat 0 100%; } #developpementDurable ul.liste li { background: url(/_inc/images/bullet-developpement.gif) no-repeat 0 5px; } #developpementDurable .download { background: url(/_inc/images/bg-filet-developpement.gif) repeat-y; } #developpementDurable .download a { background: url(/_inc/images/bg-filet-developpement-top.gif) no-repeat; } #developpementDurable .download .bgEnd { background: url(/_inc/images/bg-filet-developpement-btm2.gif) no-repeat 100% 100%; } #facadeEnduits .col01 { background:#4994b6;color: #FFFFFF; font-weight: bold;} #facadeEnduits .col02 { background:#cccccc;color: #99999;} #facadeEnduits .col03 { background:#cccccc;color: #99999;} #facadeEnduits .col04 { background:#cccccc;color: #99999;} #facadeEnduits .menu { background-position: 0 0; } #facadeEnduits .special-holder { background: #4994b6 !important; } #facadeEnduits p.titre { color: #4994b6; font-weight: bold;margin:0} #facadeEnduits strong a,#facadeEnduits h5, #facadeEnduits .info ul .more, #facadeEnduits .doc h3, #facadeEnduits .column h3, #facadeEnduits .download a { color: #4994b6; } #facadeEnduits .zoom { background-color: #4994b6; } #facadeEnduits .info h3, #facadeEnduits .doc h3 { background: url(/_inc/images/bg-info-facade.gif) no-repeat; } #facadeEnduits .doc { background: url(/_inc/images/bg-doc-facade.gif) repeat-y; } #facadeEnduits .doc .top { background: url(/_inc/images/bg-doc-facade-top.gif) no-repeat; } #facadeEnduits .doc .btm { background: url(/_inc/images/bg-doc-facade-btm.gif) no-repeat 0 100%; } #facadeEnduits .filet { background: url(/_inc/images/bg-filet-facade.gif) repeat-y; } #facadeEnduits .filet .filetTop { background: url(/_inc/images/bg-filet-facade-top.gif) no-repeat 0 0; } #facadeEnduits .filet .filetBtm { background: url(/_inc/images/bg-filet-facade-btm.gif) no-repeat 0 100%; } #facadeEnduits ul.liste li { background: url(/_inc/images/bullet-facade.gif) no-repeat 0 5px; } #facadeEnduits .download { background: url(/_inc/images/bg-filet-facade2.gif) repeat-y; } #facadeEnduits .download a { background: url(/_inc/images/bg-filet-facade-top.gif) no-repeat; } #facadeEnduits .download .bgEnd { background: url(/_inc/images/bg-filet-facade-btm2.gif) no-repeat 100% 100%; } #facadeEnduits .download2 { float: right; width:296px;display:block} #facadeEnduits .downloadFond { background: url(/_inc/images/downloadFond-facade.gif) top left no-repeat; width:296px;height:150px;display:block} #facadeEnduits .downloadLeft { float:left; width: 148px;padding:14px 0 0 0} #facadeEnduits .downloadLeft img { text-align:left;padding:0 0 0 34px} #facadeEnduits .downloadLeft .link { text-align:left;padding:0 0 0 20px} #facadeEnduits .downloadLeft a { color: #4994b6;font-style: italic;} #sols .col01 { background:#ff6600;color: #FFFFFF; font-weight: bold;} #sols .col02 { background:#cccccc;color: #99999;} #sols .col03 { background:#cccccc;color: #99999;} #sols .col04 { background:#cccccc;color: #99999;} #sols .menu { background-position: 0 -27px; } #sols .special-holder { background: #e66414 !important; } #sols .titre { color: #e66414; font-weight: bold;margin:0} #sols strong a,#sols h5,#sols h6, #sols .info ul .more, #sols .doc h3, #sols .column h3, #sols .download a { color: #e66414; } #sols .zoom { background-color: #e66414; } #sols .info h3, #sols .doc h3 { background: url(/_inc/images/bg-info-sols.gif) no-repeat; } #sols .doc { background: url(/_inc/images/bg-doc-sols.gif) repeat-y; } #sols .doc .top { background: url(/_inc/images/bg-doc-sols-top.gif) no-repeat; } #sols .doc .btm { background: url(/_inc/images/bg-doc-sols-btm.gif) no-repeat 0 100%; } #sols .filet { background: url(/_inc/images/bg-filet-sols.gif) repeat-y; } #sols .filet .filetTop { background: url(/_inc/images/bg-filet-sols-top.gif) no-repeat 0 0; } #sols .filet .filetBtm { background: url(/_inc/images/bg-filet-sols-btm.gif) no-repeat 0 100%; } #sols ul.liste li { background: url(/_inc/images/bullet-sols.gif) no-repeat 0 5px; } #sols .download { background: url(/_inc/images/bg-filet-sols2.gif) repeat-y; } #sols .download a { background: url(/_inc/images/bg-filet-sols-top.gif) no-repeat; } #sols .download .bgEnd { background: url(/_inc/images/bg-filet-sols-btm2.gif) no-repeat 100% 100%; } #carrelage .col01 { background:#dec32c;color: #FFFFFF; font-weight: bold;} #carrelage .col02 { background:#cccccc;color: #99999;} #carrelage .col03 { background:#cccccc;color: #99999;} #carrelage .col04 { background:#cccccc;color: #99999;} #carrelage .menu { background-position: 0 -54px; } #carrelage .special-holder { background: #dec32c !important; } #carrelage .titre { color: #dec32c; font-weight: bold;margin:0} #carrelage strong a,#carrelage h5, #carrelage .info ul .more, #carrelage .column h3, #carrelage .doc h3, #carrelage .download a { color: #dec32c; } #carrelage .zoom { background-color: #dec32c; } #carrelage .info h3, #carrelage .doc h3 { background: url(/_inc/images/bg-info-carrelage.gif) no-repeat; } #carrelage .doc { background: url(/_inc/images/bg-doc-carrelage.gif) repeat-y; } #carrelage .doc .top { background: url(/_inc/images/bg-doc-carrelage-top.gif) no-repeat; } #carrelage .doc .btm { background: url(/_inc/images/bg-doc-carrelage-btm.gif) no-repeat 0 100%; } #carrelage .filet { background: url(/_inc/images/bg-filet-carrelage.gif) repeat-y; } #carrelage .filet .filetTop { background: url(/_inc/images/bg-filet-carrelage-top.gif) no-repeat 0 0; } #carrelage .filet .filetBtm { background: url(/_inc/images/bg-filet-carrelage-btm.gif) no-repeat 0 100%; } #carrelage ul.liste li { background: url(/_inc/images/bullet-carrelage.gif) no-repeat 0 5px; } #carrelage .download { background: url(/_inc/images/bg-filet-carrelage2.gif) repeat-y; } #carrelage .download a { background: url(/_inc/images/bg-filet-carrelage-top.gif) no-repeat; } #carrelage .download .bgEnd { background: url(/_inc/images/bg-filet-carrelage-btm2.gif) no-repeat 100% 100%; } #carrelage .download2 { float: right; width:296px;display:block} #carrelage .downloadFond { background: url(/_inc/images/downloadFond-carrelage.gif) top left no-repeat; width:296px;height:150px;display:block} #carrelage .downloadLeft { float:left; width: 148px;padding:14px 0 0 0} #carrelage .downloadLeft img { text-align:left;padding:0 0 0 34px} #carrelage .downloadLeft .link { text-align:left;padding:0 0 0 20px} #carrelage .downloadLeft a { color: #dec32c;font-style: italic;} #mortiersSpeciaux .col01 { background:#79a222;color: #FFFFFF; font-weight: bold;} #mortiersSpeciaux .col02 { background:#cccccc;color: #99999;} #mortiersSpeciaux .col03 { background:#cccccc;color: #99999;} #mortiersSpeciaux .col04 { background:#cccccc;color: #99999;} #mortiersSpeciaux .menu { background-position: 0 -81px; } #mortiersSpeciaux .special-holder { background: #79a222 !important; } #mortiersSpeciaux .titre { color: #79a222; font-weight: bold;margin:0} #mortiersSpeciaux strong a,#mortiersSpeciaux h5, #mortiersSpeciaux .info ul .more, #mortiersSpeciaux .doc h3, #mortiersSpeciaux .column h3, #mortiersSpeciaux .download a { color: #79a222; } #mortiersSpeciaux .zoom { background-color: #79a222; } #mortiersSpeciaux .info h3, #mortiersSpeciaux .doc h3 { background: url(/_inc/images/bg-info-mortiers.gif) no-repeat; } #mortiersSpeciaux .doc { background: url(/_inc/images/bg-doc-mortiers.gif) repeat-y; } #mortiersSpeciaux .doc .top { background: url(/_inc/images/bg-doc-mortiers-top.gif) no-repeat; } #mortiersSpeciaux .doc .btm { background: url(/_inc/images/bg-doc-mortiers-btm.gif) no-repeat 0 100%; } #mortiersSpeciaux .filet { background: url(/_inc/images/bg-filet-mortiers.gif) repeat-y; } #mortiersSpeciaux .filet .filetTop { background: url(/_inc/images/bg-filet-mortiers-top.gif) no-repeat 0 0; } #mortiersSpeciaux .filet .filetBtm { background: url(/_inc/images/bg-filet-mortiers-btm.gif) no-repeat 0 100%; } #mortiersSpeciaux ul.liste li { background: url(/_inc/images/bullet-mortiers.gif) no-repeat 0 5px; } #mortiersSpeciaux .download { background: url(/_inc/images/bg-filet-mortiers2.gif) repeat-y; } #mortiersSpeciaux .download a { background: url(/_inc/images/bg-filet-mortiers-top.gif) no-repeat; } #mortiersSpeciaux .download .bgEnd { background: url(/_inc/images/bg-filet-mortiers-btm2.gif) no-repeat 100% 100%; } .sidebar a { text-decoration: underline; color: #808080!important; font-weight:bold} .sidebar a:hover { text-decoration: none; } a.sou { text-decoration: underline!important; } a.sou:hover { text-decoration: none; } a.kryter { text-decoration: none; } a.kryter:hover { text-decoration: none; } .txt11 { font-size:11px }