/* CSS Document by HUGO SOUCY */ *{ margin:0; padding:0; } /*ÉLÉMENT PARTICULIERS aux PAGES et SECTIONS du SITE*/ /*Section ACCUEIL*/ #home #wrapper {background:transparent url(../images/bkg-section-ecology01.gif) no-repeat top left;} #home #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-ecology02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #home #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #home h2 {background:#fff url(../images/heading-products.png) no-repeat top left;width:560px;height:25px;} #home.en h2 {background:#fff url(../images/heading-products_en.png) no-repeat top left;} /*Section À PROPOS*/ #about #wrapper {background:transparent url(../images/bkg-section-about01.gif) no-repeat top left;} #about #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-about02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #about #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #about h2 {background:#fff url(../images/heading-about.png) no-repeat top left;width:560px;height:25px;} #about.en h2 {background:#fff url(../images/heading-about_en.png) no-repeat top left;} #about #signature {} /*Section PRODUITS*/ #products #wrapper {background:transparent url(../images/bkg-section-empty01.gif) no-repeat top left;} #products #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-empty02.png) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #products #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #products h2 {background:#fff url(../images/heading-products.png) no-repeat top left;width:560px;height:25px;} #products.en h2 {background:#fff url(../images/heading-products_en.png) no-repeat top left;} #products #productsIndex {position:relative;right:260px;top:30px;width:835px;height:273px;} #products #productsIndex a span {position:absolute;left:-9999em;} #products #tendanceCuir {background:url(../images/tendance-cuir-hover.jpg) no-repeat 0 0;float:left;width:428px;height:273px;} #products.en #tendanceCuir {background:url(../images/tendance-cuir-en-hover.jpg) no-repeat 0 0;float:left;width:428px;height:273px;} #products #tendanceTissus {background:url(../images/tendance-tissus-hover.jpg) no-repeat 0 0;float:left;width:407px;height:262px;} #products.en #tendanceTissus {background:url(../images/tendance-tissus-en-hover.jpg) no-repeat 0 0;float:left;width:407px;height:262px;} #products #tendanceCuir a {background:url(../images/tendance-cuir.jpg) no-repeat 0 0;display:block;width:428px;height:273px;} #products.en #tendanceCuir a {background:url(../images/tendance-cuir-en.jpg) no-repeat 0 0;display:block;width:428px;height:273px;} #products #tendanceTissus a {background:url(../images/tendance-tissus.jpg) no-repeat 0 0;display:block;width:407px;height:262px;} #products.en #tendanceTissus a {background:url(../images/tendance-tissus-en.jpg) no-repeat 0 0;display:block;width:407px;height:262px;} #products #tendanceCuir a:hover {background:none;} #products #tendanceTissus a:hover {background:none;} /*Section TROUVEZ UN DÉTAILLANTS*/ #retail #wrapper {background:transparent url(../images/bkg-section-retail01.gif) no-repeat top left;} #retail #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-retail02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #retail #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} /*#retail #content {background:transparent url(../images/bkg-content-retail.png) no-repeat 40px 0;color:#626262;line-height:1.3em;margin:0;padding-left:30px;position:relative;top:40px;right:45px;width:548px;height:381px;z-index:100;}*/ #retail h2 {background:#fff url(../images/heading-retail.png) no-repeat top left;width:560px;height:25px;} #retail.en h2 {background:#fff url(../images/heading-retail_en.png) no-repeat top left;} #elementGrid table {border:none;margin:10px 10px 0 0;width:170px;float:left;} #elementGrid table td.store {background:transparent;padding:5px;vertical-align:top;width:170px;} .store {} .store dl {} .store h3 {color:red; cursor:pointer;display:block;font-weight:normal;margin:0;text-decoration:none;} .store h3 .townFont {font-size:xx-small;font-weight:normal;color:#333;} .store h3 .crossBox {} .store h3 .crossBox img {width:9px;height:9px;} .store h3.crossBoxImgOff .crossBox .crossBoxOn {display:none;} .store h3.crossBoxImgOn .crossBox .crossBoxOff {display:none;} .store h4 {font-size:9px;font-weight:normal;color:#333;} .storeInfo {} #retail #boxChangePage #btnReturn {position:absolute;top:0;left:0;width:200px;} #retail #boxChangePage #btnReturn a:hover {background:#D32929;} #retail #boxChangePage #btnReturn ul {margin:0;padding:0;} #retail #boxChangePage #btnReturn ul li {display:inline;list-style:none;margin:0;padding:0;} #retail #boxChangePage #btnReturn a { background:#D32929 url(../images/bkg-menu-private.png) repeat-x 0 0; border:1px solid #ccc; color:#fff; line-height:3em; margin:0; padding:3px !important; padding:3px; text-decoration:none; text-align:center;} /*Section DESIGN*/ #design #wrapper {background:transparent url(../images/bkg-section-design01.gif) no-repeat top left;} #design #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-design02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #design #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #design h2 {background:#fff url(../images/heading-design.png) no-repeat top left;width:560px;height:25px;} #design.en h2 {background:#fff url(../images/heading-design_en.png) no-repeat top left;} #design #polaroids {} #design #polaroids img {position:relative;bottom:10px;right:60px;width:640px;height:322px;} #design #bkgContentDesign { background:url(../images/photos-polaroid.jpg) no-repeat 0 0; position:relative; left:225px; bottom:367px !important; bottom:371px; width:640px;height:322px;} .tool-tip {background:red;color:#fff;width: 139px;z-index: 13000;} .tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: #DB2429 /*url(image de gauche) top left*/;} .tool-text {background: #DB2429 /*url(image de droite) bottom right*/;border:2px solid #DB2429;font-size: 11px;padding: 4px 8px 8px;} .custom-tip {color: #000;width: 130px;z-index: 13000;} .custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;} .custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;} #flvMovie {position:absolute;top:98px;left:305px;width:202px;height:183px;z-index:12000;} #flvMovie object {width:202px;height:183px;} /*Section ÉCOLOGIE*/ #ecology #wrapper {background:transparent url(../images/bkg-section-ecology01.gif) no-repeat top left;} #ecology #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-ecology02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #ecology #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #ecology h2 {background:#fff url(../images/heading-ecology.png) no-repeat top left;width:560px;height:25px;} #ecology.en h2 {background:#fff url(../images/heading-ecology_en.png) no-repeat top left;} #ecology p.logos {padding: 0 0 0 0;} #ecology p.logos span {margin-left:30px} /*Section GARANTIE*/ #warranty #wrapper {background:transparent url(../images/bkg-section-warrantyt01.gif) no-repeat top left;} #warranty #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-warranty02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #warranty #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #warranty h2 {background:#fff url(../images/heading-warranty.png) no-repeat top left;width:560px;height:25px;} #warranty.en h2 {background:#fff url(../images/heading-warranty_en.png) no-repeat top left;} #warranty #boxChangePage #btnPdf {position:absolute;top:0;left:0;width:350px;} #warranty #boxChangePage #btnPdf ul {margin:0;} #warranty #boxChangePage #btnPdf ul li {display:inline; list-style:none;} #warranty #boxChangePage #btnPdf ul li span {position:relative;bottom:21px;left:5px;} /*Section CONTACT*/ #contact #wrapper {background:transparent url(../images/bkg-section-contact01.gif) no-repeat top left;} #contact #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-contact02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #contact #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #contact h2 {background:#fff url(../images/heading-contact.png) no-repeat top left;width:560px;height:25px;} #contact.en h2 {background:#fff url(../images/heading-contact_en.png) no-repeat top left;} #contact hr {background:#fff;border:none;border-bottom:1px solid #fff;clear:both;height:1px;} #contact #blocAdress img {float:left;margin: 0 30px 0 0;} #contact #blocAdress {margin: 30px 0 0 0;} #contact .eMail {position:relative;top:2px;} #contact #blocInfo { float:left; width:250px; margin: 25px 0 0 0 !important; margin: 5px 0 0 0;} #contact #blocEmploi { float:left; width:250px; margin: 25px 0 0 30px !important; margin: 5px 0 0 30px;} /*Page EMPLOIS*/ #jobs #wrapper {background:transparent url(../images/bkg-section-contact01.gif) no-repeat top left;} #jobs #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-contact02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #jobs #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #jobs h2 {background:#fff url(../images/heading-jobs.png) no-repeat top left;width:560px;height:25px;} #jobs.en h2 {background:#fff url(../images/heading-jobs_en.png) no-repeat top left;} /*Page de CRÉATION de COMPTE*/ #account {} #account #wrapper {background:transparent url(../images/bkg-section-ecology01.gif) no-repeat top left;} #account #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-ecology02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #account #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #account h2 {background:transparent url(../images/heading-account.png) no-repeat top left;width:560px;height:25px;} #account.en h2 {background:transparent url(../images/heading-account_en.png) no-repeat top left;} #account form input[type="text"], #account form select {width:160px;} #account fieldset {float:left;width:200px;} #account fieldset#blocAccount1 {border-right:1px dotted #ccc;margin-right:50px;} #account fieldset#blocAccount2 {margin-right:30px;} #account fieldset p span input {font-size:10px;margin:0 5px 0 0;} /*Page de CONNEXION et de recouvrement de MOT de PASSE*/ #login {} #login #wrapper {background:transparent url(../images/bkg-section-ecology01.gif) no-repeat top left;} #login #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-ecology02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #login #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #login h2 {background:transparent url(../images/heading-login.png) no-repeat top left;width:560px;height:25px;} body#login.en h2 {background:transparent url(../images/heading-login_en.png) no-repeat top left;}/*Ici j'ai ajouté body devant #login.en h2, sinon le bkg ne s'affichait pas*/ #login form input[type="text"] {} #login #lostPassWord {border-top:1px dotted #ccc;margin:10px 0 0 0;padding:10px 0 0 0;} /*Page du formulaire d'ENTREVUE INTERNET*/ #jobInterview {} #jobInterview #wrapper {background:transparent url(../images/bkg-section-contact01.gif) no-repeat top left;} #jobInterview #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-contact02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #jobInterview #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #jobInterview h2 {background:#fff url(../images/heading-interview.png) no-repeat top left;width:560px;height:25px;} #jobInterview.en h2 {background:#fff url(../images/heading-interview_en.png) no-repeat top left;} #jobInterview form label {} #jobInterview fieldset {float:left;width:240px;} #jobInterview fieldset#blocA {border-right:1px dotted #ccc;padding-right:15px;} #jobInterview fieldset#blocB {margin-left:25px;} /*Page d'erreur 404*/ #error404 {} #error404 #wrapper {background:transparent url(../images/bkg-section-warrantyt01.gif) no-repeat top left;} #error404 #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-warranty02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #error404 #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #error404 h2 {background:#fff url(../images/heading-404.png) no-repeat top left;width:560px;height:25px;} #error404.en h2 {background:#fff url(../images/heading-404_en.png) no-repeat top left;} /*Pages de SECTION PRIVÉE*/ #private-zone {} #private-zone #wrapper {background:transparent url(../images/bkg-section-warrantyt01.gif) no-repeat top left;} #private-zone #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-warranty02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #private-zone #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #private-zone h2 {background:transparent /*url(../images/heading-login.png) no-repeat top left*/;width:560px;height:25px;z-index:0;} #login.en h2 {background:transparent /*url(../images/heading-login_en.png) no-repeat top left*/;} #private-zone form input[type="text"] {border:1px solid #ccc;} #private-zone hr {background:#fff;border:none;border-bottom:1px dotted #ccc;height:1px;} #private-zone #lostPassWord {border-top:1px solid #ccc;margin:10px 0 0 0;padding:10px 0 0 0;} #private-zone form input[type="text"], #account form select {width:160px;} #private-zone fieldset {float:left;width:230px;} #private-zone fieldset#blocAccount1 {border-right:1px dotted #ccc;margin-right:50px;} #private-zone fieldset#blocAccount2 {margin-right:30px;} #private-zone fieldset#blocAccount3 {border-right:1px dotted #ccc;margin-right:50px;} #private-zone fieldset#blocAccount4 {margin-right:30px;} #private-zone fieldset p span input {font-size:10px;margin:0 5px 0 0;} #private-zone.priceList table {border:1px solid #ccc;border-collapse:collapse;margin:15px auto;text-align:center;width:80%;} #private-zone.priceList tbody td, #private-zone tbody th {background:#fff;border:1px solid #bbb;padding:2px;width:auto;} #private-zone.priceList thead td {background:#626262;color:#fff;font-weight:normal;text-transform:uppercase;} #private-zone.priceList tfoot {background:#e5e5e5 url(../images/pattern-table.png) repeat 0 0;font-weight:normal;} #private-zone.priceList tr.recouvrement th {background:#D32929;color:#fff;text-transform:uppercase;} #private-zone.priceList tr.grade th {background:#ccc;color:#f5f5f5;color:#626262;} #private-zone.priceList tbody {} #private-zone.priceList tbody th {background:#e5e5e5;} #private-zone a.btnPrint { background:#D32929 url(../images/bkg-menu-private.png) repeat-x 0 0; border:1px solid #ccc; color:#fff; line-height:3em; margin:0; padding:3px !important; padding:3px; text-decoration:none; text-align:center;} #private-zone a.btnPrint:hover {background:#D32929;} /**/ #consommateurUpload {display:none;} #mecanismFees {display:none;} #private-zone #boxChangePage #nextPrevBtn {position:absolute;top:0;left:0;width:350px;} #private-zone #boxChangePage #nextPrevBtn ul {margin:0;} #private-zone #boxChangePage #nextPrevBtn ul li {display:inline;list-style:none;} /*Pages de SECTION REPRESENTANTs*/ #rep-zone {} #rep-zone #wrapper {background:transparent url(../images/bkg-section-warrantyt01.gif) no-repeat top left;} #rep-zone #wrapper #wrapperMiddle {background:transparent url(../images/bkg-section-warranty02.jpg) no-repeat top left;position:relative;left:21px;width:279px;height:456px;} #rep-zone #wrapper #wrapperBottom {background:transparent url(../images/bkg-section-ecology03.gif) no-repeat top left;position:relative;left:21px;width:279px;height:8px;} #rep-zone h2 {background:transparent /*url(../images/heading-login.png) no-repeat top left*/;width:560px;height:25px;z-index:0;} #rep-zone form input[type="text"] {border:1px solid #ccc;} #rep-zone hr {background:#fff;border:none;border-bottom:1px dotted #ccc;height:1px;} #rep-zone #lostPassWord {border-top:1px solid #ccc;margin:10px 0 0 0;padding:10px 0 0 0;} #rep-zone form input[type="text"], #account form select {width:160px;} #rep-zone fieldset {float:left;width:230px;} #rep-zone fieldset#blocAccount1 {border-right:1px dotted #ccc;margin-right:50px;} #rep-zone fieldset#blocAccount2 {margin-right:30px;} #rep-zone fieldset p span input {font-size:10px;margin:0 5px 0 0;} #rep-zone.priceList table {border:1px solid #ccc;border-collapse:collapse;margin:15px auto;text-align:center;width:80%;} #rep-zone.priceList tbody td, #private-zone tbody th {background:#fff;border:1px solid #bbb;padding:2px;width:auto;} #rep-zone.priceList thead td {background:#626262;color:#fff;font-weight:normal;text-transform:uppercase;} #rep-zone.priceList tfoot {background:#e5e5e5 url(../images/pattern-table.png) repeat 0 0;font-weight:normal;} #rep-zone.priceList tr.recouvrement th {background:#D32929;color:#fff;text-transform:uppercase;} #rep-zone.priceList tr.grade th {background:#ccc;color:#f5f5f5;color:#626262;} #rep-zone.priceList tbody {} #rep-zone.priceList tbody th {background:#e5e5e5;} #rep-zone.priceList .table_header, #rep-zone.priceList .table_header td {border:0 solid #fff;} #rep-zone a.btnPrint { background:#D32929 url(../images/bkg-menu-private.png) repeat-x 0 0; border:1px solid #ccc; color:#fff; line-height:3em; margin:0; padding:3px !important; padding:3px; text-decoration:none; text-align:center;} #rep-zone a.btnPrint:hover {background:#D32929;} /**/ #menuPrivateZone {background:transparent;color:#fff;position:absolute;top:0;left:268px;width:600px;height:20px;z-index:1000;} #menuPrivateZone ul, #menuPrivateZone #nav ul {list-style:none;} #menuPrivateZone ul li {border:none;border-bottom:2px solid #ccc;border-right:1px solid #fff;float:left;text-align:center;} #menuPrivateZone ul li a {background:#D32929 url(../images/bkg-menu-private.png) repeat-x 0 0;color:#fff;display:block;padding:3px 10px;text-decoration:none;} #menuPrivateZone ul li a:hover {background:#D32929;} #menuPrivateZone ul li ul {background:#D32929;border:1px solid #AB2020;border-top:none;display:none;position: absolute;left:auto;width:12em;padding:0 5px 5px 10px;} #menuPrivateZone ul li ul li {background: #D32929;border:none;display:block;float:none;line-height:1.8em;margin:0;padding:0;text-align:left;z-index:1000;} #menuPrivateZone ul li ul li a {background:#D32929;display:block;margin:0;padding:0;width:100%;height:100%;z-index:1000;} #menuPrivateZone ul li ul li a:hover {background:#AB2020;} /**/