/* style pour tous les liens du site par defaut */ /* .a:hover { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none } .a:active { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none } .a:link { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; } .a:visited { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; } */ /* style pour le nom du GAPI*/ .gapinom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCC00; text-decoration: none; font-weight: bold; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; } /* style pour le nom du module*/ .gapimodule { color: #000; font-size: 22px; font-family: Arial; padding-bottom: 3px; border-bottom: 2px dotted #000 } /* style pour module standards - page liste*/ .gapilistetable { margin-top: 10px; width: 730px } .gapilistetd { padding-left: 14px } .gapithememarge { } .gapithemetable { margin-top: 25px } .gapithemepuce { } .gapithemetd { } .gapitheme { font-size: 16px; font-family: Arial; font-weight: bold; background-image: url("images/suivant.jpg"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 13px } a.gapitheme:hover { font-size: 12px; font-family: Arial } .gapititremarge { } .gapititretable { } .gapititrepuce { } .gapititretd { padding-top: 5px } .gapititre { color: #000000; font-size: 13px; font-family: Arial; font-weight: bold; background-repeat: no-repeat; display: block } a.gapititre:visited { color: #000000; font-size: 13px; font-family: Arial; font-weight: bold; background-repeat: no-repeat; display: block; text-decoration: underline; } .revendeurs .gapititretd { padding-top: 10px } .revendeurs .gapititre { color: #666; font-size: 14px; font-family: Arial; font-weight: bold; background-image: url("images/suivant.jpg"); background-repeat: no-repeat; background-position: 0 3px; display: block; margin-left: 0; padding-left: 13px } .revendeurs a.gapititre:hover, .revendeurs a.gapititre:active,.revendeurs a.gapititre:visited { color: #666; font-size: 14px; font-family: Arial; font-weight: bold } .catalogue .gapitextemarge { padding-top: 25px; padding-bottom: 110px } .gapiresume { color: #000000; font-size: 11px; font-family: Arial } .gapibarreh {background-color: #666666;height: 1px;} .gapibarrev {border-right-width: 1px;border-right-style: solid;border-right-color: #666666;padding-left: 25px;} /* style pour module standards - page detail*/ .gapitextemarge { margin-bottom: 15px } .gapitextetable { } .gapitextetd { } .gapitexte { color: #000000; font-size: 12px; font-family: Arial } a.gapitexte:hover { color: #000000; font-size: 12px; font-family: Arial; text-decoration: underline } a.gapitexte:visited { color: #000000; font-size: 12px; font-family: Arial; font-weight: normal; background-repeat: no-repeat; display: block; } .gapioutiltable { } .gapioutiltexte { color: #000000; font-size: 11px; font-family: Arial } .a.gapioutiltexte:hover {color: #990000;text-decoration: underline;} .gapidate { color: #990000; font-size: 10px; font-family: Arial; font-style: italic; text-align: right } .gapiimprimer { color: #000000; font-size: 11px; font-family: Arial } .gapiretour { color: #000000; font-size: 11px; font-family: Arial } a.gapiretour { color: #000000; font-size: 11px; font-family: Arial } a.gapiretour:visited { color: #000000; font-size: 11px; font-family: Arial } /*style pour module bd page moteur*/ .bdMoteurTableau {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #330066;} .bdMoteurTexte {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-weight: normal;color: #000066;padding: 3px;} .bdMoteurTitre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;padding: 3px;color: #333333;} /*style pour module bd page liste */ .bdMenuTableau { width: 745px; height: 10px; border: 0 } .bdMenuTD { } .bdMenuTexte { color: #333; font-size: 12px; font-family: Arial; font-weight: normal } a.bdMenuTexte:link, a.bdMenuTexte:hover,a.bdMenuTexte:visited { color: #333; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: underline } .bdListeEnteteTD { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; background-color: #e1a722; text-align: center; padding: 3px } a.bdListeEnteteA { background-color: #E1A722; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; text-align: center; padding: 3px; } .bdListeTexte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding: 3px;color: #000066;} a.bdListeTexte:link,a.bdListeTexte:hover,a.bdListeTexte:visited { color: #000066; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: underline; padding: 3px } .bdligneimpaireTD { background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .bdlignepaireTD { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } /*style pour module bd page detail*/ .bdDetailEnteteTD {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #000000;text-align: left;padding: 3px;background-color: #EEEEEE;} .bdDetailTableau {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #330066;} .bdDetailTexte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding: 3px;color: #000066;} .bdDetailTitre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;padding: 3px;color: #333333;} /*style pour module bd page formulaire*/ .bdFormulaireTableau {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #330066;} .bdFormulaireTexte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} .bdFormulaireTitre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #333333;} .bdligneA {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding: 3px;color: #000066;} .bdligneenteteA {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #FFFFFF;background-color: #330066;} .bdligneenteteTD {background-color: #999933;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #FFFFFF;text-align: center;padding: 3px;} .bdtableau {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFCC00} .bdtitre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;padding: 3px;color: #333333;} /* style pour module FAQ*/ .faqnumero {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #333333;background-color: #CCCCCC;border: 1px solid #333333;text-align: center;vertical-align: middle;margin-right: 10px;padding: 2px;} /* style pour module formulaire*/ .formtheme {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000066;} .formthemetable {width: 100%;} .formthemetd {background-color: #CCCCCC;padding-left: 10px;} .formtitre { color: #333; font-size: 12px; font-family: Arial; font-weight: bold } .formtitretable {background-color: #FFFFCC;width: 100%;} .formtitretd {background-color: #FF6600;padding-left: 10px;} .gapiselect {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FF0000;} .gapibouton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #E8E8E8; color: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .gapiarea { /* clip: rect( ); */ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; margin-bottom: 1px; border: 1px solid #999999; } .gapiformmargetable { margin-top: 2px } .gapiformtable td {background: #FFF; height: 1px;} .gapiformtable .gapiformtitretd { text-align: left; padding-right: 5px } .gapiformtable .gapiformtextetd { } /* .gapiformtable .gapithemetd { margin-bottom: -15px; padding-bottom: -15px } */ .gapiformtable .gapiformhr {} /* style a verifier */ .galerietitretd {background-color: #FF6600;text-align: center;} .galerievignette {border: 1px solid #FF0000;margin-bottom: 10px;margin-top: 5px;} .gapiwebdings {font-family: Webdings;font-size: 16px;} .gapimenuh1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; font-weight: bold; text-align: center; } .gapimenuh1td { padding-right: 10px; padding-left: 10px; color: #FFFFFF; border: 1px solid #FFFFFF; } .gapimenuh1tr { } .gapimenuh1table { width: auto; margin: 1px; padding: 1px; } a.gapimenuh1:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFCC00; font-weight: bold; text-align: center; } .gapissmenudiv { z-index: 99 } .gapioutilbarrebas {visibility: hidden;display: none} /*charte */ body { background-color: #2e2e30; margin: 0; padding: 0 } #header { background-image: url("images/entete-bg2.jpg"); background-repeat: repeat-x; height: 155px } #haut { background-color: #fff; background-image: url("images/gauche-bg.jpg"); background-repeat: repeat-y; background-position: -1px 0; height: 40px } /*h 50px */ #page { width: 100% } #conteneur { background-color: #fff; background-image: url("images/gauche-bg.jpg"); background-repeat: repeat-y; background-position: -1px 0; margin-right: auto; margin-left: auto; width: 980px; height: 100% } #centre { background-color: #fff; margin-right: 0; margin-left: 225px; min-height: 650px } #gauche { width: 200px; float: left } #droite { display: none; position: absolute; right:0; width: 0px; } #pied { font-size: 0; } #pied-contact { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; padding-left: 450px } /* IE HACK */ * html body #centre { height:670px } #centre a:link, #centre a:hover, #centre a:active, #centre a:visited { color: #333; font-size: 12px; font-family: Arial; font-weight: bold } #logo { background-image: url("images/entete-logobaf.jpg"); width: 211px; height: 155px; float: left } .image-entete {text-indent: -2000px} #slogan { color: #cccccd; font-size: 16px; font-family: Arial; font-weight: bold; line-height: 25px; background-image: url("images/entete-bg.jpg"); background-repeat: repeat-x; text-transform: uppercase; letter-spacing: -1px; display: block; padding-top: 28px; padding-left: 10px; width: 140px; height: 127px; float: left } #entete-produits { width: 610px; height: 155px; float: right } #entete-produits-header { background-image: url("images/header-espace-pro.jpg"); background-repeat: no-repeat; top: 0; left: 385px; width: 615px; height: 155px; float: left } #entete-produits-photo { background-image: none; background-repeat: no-repeat; width: 405px; height: 155px; float: left } #entete-logo-connect { width: 200px; height: 155px; float: left } #gallery { margin: 0; padding: 0; position: relative; width: 200px; height: 155px } #gallery li { display: block; } /*menu haut*/ #menu-conteneur { display: block; margin: 0; width: 1010px } #entreprise { float: left } #accueil { padding-left: 10px; width: 86px; float: left } #connectique{float:left;} #meubles { float: left } #fixation{float:left;} #bagagerie{float:left;} #entretien{float:left;} #accessoires{float:left;} /* #nouveautes{float:left;} */ .menu-haut-sombre { color: #e2a623; font-size: 12px; font-family: Arial; font-weight: bold; background-image: url("images/menu-haut-sombre-bg.jpg"); background-repeat: repeat-x; cursor: pointer; height: 34px } .menu-haut-sombre-sep { padding-top: 5px; padding-right: 20px; padding-left: 20px; width: 75px; height: 21px; border-right: 1px solid #babdc4 } .menu-haut-clair { color: #58595b; font-size: 12px; font-family: Arial; font-weight: bold; background-image: url("images/menu-haut-clair-bg.jpg"); background-repeat: repeat-x; height: 34px } .menu-haut-clair-sep { cursor: pointer; padding: 5px 15px; border-right: 1px solid #747577 } .menu-haut-clair-nosep { padding: 5px 20px } #menu-haut-clair-gauche { background-image: url("images/menu-haut-clair-gauche.jpg"); width: 14px; height: 34px; float: left } #menu-haut-clair-droite { background-image: url("images/menu-haut-clair-droite.jpg"); width: 20px; height: 34px; float: left } #icone-home { background-image: url("images/icone-home.jpg"); background-repeat: no-repeat; background-position: 0 2px; padding-top: 3px; padding-left: 25px; width: 51px; height: 17px; float: left } #icone-home a:link,#icone-home a:hover,#icone-home a:visited,#icone-home a:active { color: #e2a623; font-size: 13px; font-family: Arial; font-weight: normal; text-decoration: none } #verticale-menu-haut { background-color: #babdc4; width: 1px; height: 26px; float: left } #nouveautes { background-image: url("images/entete-new-bg.jpg"); background-repeat: no-repeat; background-position: 0 0; padding-left: 10px; position: relative; top: 0; left: 800px; width: 158px; height: 40px } #nouveautes a:link,#nouveautes a:active,#nouveautes a:visited,#nouveautes a:hover { color: #fff; font-size: 18px; font-family: Arial; font-weight: bold; text-decoration: none; position: relative; top: -25px } #search { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; padding-left: 17px } #search a:link,a:visited,a:active { color: #fff; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none } #search a:hover { text-decoration: underline } #search form { margin: 0; padding: 0 } #search-input { background-image: url("images/search-input.jpg"); background-repeat: no-repeat; width: 155px; height: 26px; float: left } #search .search-input { color: #fff; font-size: 14px; font-family: Arial; background-color: #a4a4a4; margin-top: 1px; margin-left: 5px; padding-top: 2px; width: 145px; height: 18px; border: solid 0 } #search .search-image { margin: 0; padding: 0; position: relative; left: -3px; height: 25px } #menu-marques { margin-top: 30px } #menu-marques-titre { color: #fff; font-size: 18px; font-family: Arial; background-image: url("images/menu-marque-bg.jpg"); background-repeat: no-repeat; text-transform: uppercase; padding-top: 5px; padding-left: 20px; width: 193px; height: 31px } #menu-marques-content { margin-top: 10px } #menu-marques .gapimenutable { margin: 0px; padding: 5px; } #menu-marques .gapimenutd { padding-bottom: 0; padding-left: 20px } #menu-marques a.gapimenu:link,#menu-marques a.gapimenu:visited,#menu-marques a.gapimenu:active { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-image: url("images/puce-menu-marque.jpg"); background-repeat: no-repeat; background-position: 0 1px; text-transform: uppercase; margin: 0; padding: 0 0 1px 20px; width: 225px } a.gapimenu { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-image: url("images/puce-menu-marque.jpg"); background-repeat: no-repeat; background-position: 0 1px; text-transform: uppercase; margin: 0; padding: 0 0 1px 20px; width: 225px } #menu-marques a.gapimenu:hover { text-decoration: underline } #bas-gauche { margin-top: 30px; padding-left: 20px } #nouscontacter,#espacepro, #showroom { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; background-image: url("images/bouton-bas-gauche.jpg"); background-repeat: no-repeat; margin-top: 5px; padding-top: 5px; padding-left: 25px; position: relative; width: 177px; height: 25px } a.bouton-bas-gauche:link,a.bouton-bas-gauche:visited,a.bouton-bas-gauche:active { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-decoration: none; background-image: none; padding-left: 0 } a.bouton-bas-gauche:hover { text-decoration: underline } #mentionslegales { margin-right: 40px; float: left } .lien-bas-gauche { } a.lien-bas-gauche:link,a.lien-bas-gauche:visited,a.lien-bas-gauche:active { color: #8f9197; font-size: 10px; font-family: Arial; text-decoration: none; background-image: none; text-transform: none; padding-left: 0 } a.lien-bas-gauche:hover { text-decoration: underline } .smenu { position: absolute; z-index: 100; top: 182px; width: 100px; height: 10px } /*menu vertical DHTML*/ #gapimenu1 { background-color: #6d6e71; visibility: hidden; display: block; position: absolute; z-index: 99; top: 181px; width: 120px } #gapimenudiv {} #gapimenudiv .gapimenutd { text-indent: 10px; margin: 0; padding: 0px 0 0; } #gapimenudiv .gapimenutable { margin: 0; padding: 0; width: 120px; } #menu-entreprise .gapimenuthemediv { background-image: url("images/menu-haut-sombre-bg.jpg"); background-repeat: repeat-x; width: 105px } #gapimenudiv a.gapimenu:link, #gapimenudiv a.gapimenu:visited, #gapimenudiv a.gapimenu:active { color: #fff; font-size: 13px; font-family: Arial; font-weight: normal; text-decoration: none; background: transparent; text-transform: none; display: block; padding: 2px 0 10px; height: 20px } #gapimenudiv a.gapimenu:hover { background-color: #e2a623; text-transform: none; display: block; height: 20px } #gapimenudiv a.gapimenu {width: 120px; } #gapimenuconteneur {} #gapitableaudiv { padding-bottom: 10px } #gapitableau { } a.gapimenutheme:link,a.gapimenutheme:visited,a.gapimenutheme:active { color: #e2a623; font-size: 13px; font-family: Arial; font-weight: normal; text-decoration: none; text-transform: none; display: block; padding: 3px 0 0; width: 90px; height: 23px; border-right: 1px solid #fff } a.gapimenutheme:hover { display: block } .gapimenuthemetd { text-indent: 10px; display: block; padding-left: 1px } .gapimenutd { padding-top: 5px; padding-bottom: 5px; } /*menu haut gauche */ #menu-entre-home { width: 210px; float: left } #menu-entreprise { width: 105px } #menu-home { width: 105px; float: right } /*menu haut */ #menu-haut { padding-left: 1px } #nav2 { list-style: none; margin: 0; padding: 0; position: absolute; top: 175px; width: 990px } #nav { list-style: none; margin: 0; padding: 0; top: 155px; left: 212px; width: 560px; float: left } #nav ul { font-weight: bold; line-height: 1; list-style: none; margin: 0 0 1em; padding: 0; float: left; } #nav li.menu-haut-blanc, #nav li.menu-haut-blanc-with-border { background-image: url("images/menu-haut-clair-bg.jpg"); background-repeat: repeat-x; height: 34px; } #nav li.menu-haut-droite { background-image: url("images/menu-haut-clair-droite.jpg"); background-repeat: no-repeat; width: 20px; height: 34px } #nav li.menu-haut-blanc-with-border a { border-right: 1px solid #747577; } #nav li.menu-haut-blanc-with-border /* a:last-child */ { border:none; } #nav li.menu-haut-blanc-with-border ul li a{ border:none; } #nav a { color: #58595b; font-size: 13px; font-family: Arial; text-decoration: none; display: block; padding: 0.25em 5px 0.5em; width: 10em; w\idth: auto; } /*marge sur les themes*/ /* #nav a.daddy { background: url(rightarrow2.gif) center right no-repeat; } */ #nav li { padding: 0; width: auto; float: left } #nav li ul { font-weight: normal; margin: 0; position: absolute; left: -999em; width: 120px; height: auto; w\idth: 120px } #nav li li { background-color: #6d6e71; /*padding-right: 1em; */ padding-right: 0px; width: 120px; } /*largeur sous menu */ #nav li ul a { color: #fff; width: 13em; /*sert à rien*/ height: 25px; w\idth: 9em } #nav li ul ul { /*margin: -1.75em 0 0 115em;*/ margin: -34px 0 0 120px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover { background: url("images/menu-haut-clair-bg.jpg") } #nav li li:hover { background: #e2a623 } #nav li li.sfhover { background: #e2a623 } #menu-haut-noir { color: #e2a623; font-size: 12px; font-family: Arial; font-weight: bold; background-image: url("images/menu-haut-sombre-bg.jpg"); background-repeat: repeat-x; cursor: pointer; width: 210px; height: 34px; float: left } #nav li.menu-haut-noir,#nav li.menu-haut-noir-with-border { background-image: url("images/menu-haut-sombre-bg.jpg"); background-repeat: repeat-x; cursor: pointer; width: 106px; height: 34px } #nav li.menu-haut-noir-with-border a { color: #e2a623; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-top: 5px; padding-left: 15px; width: 90px; height: 21px; border-right: 1px solid #ccc } #nav li.menu-haut-noir a { color: #e2a623; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-top: 5px; padding-left: 15px; width: 90px; height: 21px } #nav li.menu-haut-inter { background-image: url("images/menu-haut-clair-gauche.jpg"); background-repeat: no-repeat; width: 14px; height: 34px } /* #nav li.menu-haut-blanc-with-border a { color: #58595b; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-top: 5px; padding-left: 5px; width: auto; height: 21px; border-right: 1px solid #747577 } #nav li.menu-haut-blanc-with-border ul a { color: #58595b; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-right: 5px; padding-left: 5px; min-height: 20px; border-color: } #nav li.menu-haut-blanc-with-border a:hover { } #nav li.menu-haut-blanc a { color: #58595b; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-top: 5px; padding-left: 5px; width: auto; height: 21px } #nav li.menu-haut-blanc ul a { color: #58595b; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; margin: 0; padding-right: 5px; padding-left: 5px; min-height: 20px; border: none } #nav li.menu-haut-blanc a:hover { } #nav li.menu-haut-blanc-with-border ul li a,#nav li.menu-haut-blanc ul li a { color: #fff; height: 30px } #nav li.menu-haut-blanc-with-border ul li a:hover,#nav li.menu-haut-blanc ul li a:hover {background-image: none} */ /* page produit */ /*detail */ #fildariane { color: #999; font-size: 12px; font-family: Arial; text-align: left; padding-bottom: 15px; width: 630px } #fildariane a:link,#fildariane a:active,#fildariane a:visited { color: #999; text-decoration: none } #fildariane a:hover { text-decoration: underline } #fildariane span { color: #f5a700; font-weight: bold; font-size: 12px; font-family: Arial; } #fildariane h3 { font-weight: normal; margin: 0px; padding: 0px; } #fildariane .detail-retour { color: #f5a700; font-size: 12px; font-family: Arial; background-image: url("images/precedent.jpg"); background-repeat: no-repeat; background-position: 0 3px; padding-left: 13px; float: right } #icone { padding-right: 10px; float: left } #logo100 { padding-right: 75px; float: right } #cartouche-designation { height: 90px } #designation span { color: #000; font-size: 22px; font-family: Arial; padding-bottom: 3px; border-bottom: 2px dotted #000 } #sdesignation { color: #000; font-size: 16px; font-family: Arial; padding-top: 7px; padding-bottom: 4px } #designation h1 { font-size: 22px; margin: 0px; padding: 0px; font-weight: normal; } #sdesignation h2 { font-size: 16px; font-weight: normal; margin: 0px; padding: 0px; } #ref { color: #000; font-size: 12px; font-family: Arial; float: left } #tab_produit { margin-top: 25px; margin-left: 0 } #photos-plus { width: 800px; height: auto; border: solid 1px #9f0 } #cartouche-photos_td { vertical-align: top } #cartouche-photos { height: auto; float: left } #photo1 { float: left } #mini-photos { float: right } #photo2 { } #photo3 { } #photo4 { } #plusproduits_td { vertical-align: top } #plusproduits { margin-right: 15px; margin-left: 25px; float: left } #plusproduits2 { display: block; margin-left: 25px; padding-top: 25px; clear: both } #plusproduits-entete { font-size: 0; background-image: url("images/plusproduits-entete.jpg"); background-repeat: no-repeat; display: block; width: 242px; height: 9px } #plusproduits-contenu { background-image: url("images/plusproduits-contenu.jpg"); background-repeat: repeat-y; width: 242px } #plusproduits-contenu-texte { color: #494a4c; font-size: 12px; font-family: Arial; padding: 5px 10px } #plusproduits-contenu-texte h3 { color: #4b4c4f; font-size: 22px; font-family: Arial; text-decoration: underline; background-image: url("images/plus-icone.jpg"); background-repeat: no-repeat; word-spacing: 6px; letter-spacing: 3px; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding-left: 35px; height: 26px } #plusproduits-contenu-texte h4 { color: #4b4c4f; font-size: 17px; font-family: Arial; text-decoration: underline; background-image: url("images/plus-icone.jpg"); background-repeat: no-repeat; word-spacing: 4px; letter-spacing: 1px; margin-top: 0; margin-right: 0; margin-bottom: 10px; padding-left: 35px; height: 26px } #plusproduits-footer { background-image: url("images/plusproduits-footer.jpg"); background-repeat: no-repeat; width: 242px; height: 9px } #fiche-description { width: 800px } #onglet { font-size: 13px; font-family: Arial; font-weight: bold; background-image: url("images/onglet-vert.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 5px; width: 325px; height: 27px; border-bottom: 2px dotted #000 } #onglet span { position: relative; top: 6px } #desc-texte { color: #000; font-size: 14px; font-family: Arial; height: auto } #description_td { padding-right: 15px; vertical-align: top } #description { width: 325px } #caracteristiques_td { vertical-align: top } #caracteristiques { width: 325px } #pdf-acheter { height: 41px } #pdf { background-image: url("images/tele-fiche.jpg"); background-repeat: no-repeat; margin-left: 5px; width: 111px; height: 41px; float: left } #pdf a:active, #pdf a:link, #pdf a:hover, #pdf a:visited { color: #333; font-size: 10px; font-family: Arial; text-decoration: underline; display: block; margin-left: 40px; padding-top: 8px; width: 40px } #pdf-alone { background-image: url("images/tele-fiche.jpg"); background-repeat: no-repeat; margin-left: 5px; width: 111px; height: 41px; } #pdf-alone a:active, #pdf-alone a:link, #pdf-alone a:hover, #pdf-alone a:visited { color: #333; font-size: 10px; font-family: Arial; text-decoration: underline; display: block; margin-left: 40px; padding-top: 8px; width: 40px } #acheter { background-image: url("images/ouacheter.jpg"); background-repeat: no-repeat; margin-right: 5px; width: 85px; height: 41px; float: right } #acheter a:active, #acheter a:link,#acheter a:hover,#acheter a:visited { color: #333; font-size: 12px; font-family: Arial; text-decoration: underline; display: block; margin-left: 10px; padding-top: 12px } #acheter-alone { background-image: url("images/ouacheter.jpg"); background-repeat: no-repeat; margin-top: 20px; margin-right: 5px; width: 85px; height: 41px } #acheter-alone a:active, #acheter-alone a:link,#acheter-alone a:hover,#acheter-alone a:visited { color: #333; font-size: 12px; font-family: Arial; text-decoration: underline; display: block; margin-left: 10px; padding-top: 12px } #liste-produit-marge { margin: 3px; float: left } #liste-produit { background-image: url("images/liste-produit.jpg"); background-repeat: no-repeat; padding: 5px; width: 231px; height: 155px } #liste-container { width: 750px;} /*height: 235px 21/06/2010*/ /* a#produit-link { color: #fff; font-size: 0; display: block; position: absolute; z-index: 0; width: 225px; height: 150px } */ #liste-designation { padding-right: 10px } #liste-designation a:link,#liste-designation a:active,#liste-designation a:hover,#liste-designation a:visited { color: #4d4d50; font-size: 16px; font-family: Arial; font-weight: bold; text-decoration: none } #liste-photo {display: block; height: 100px;width: 100px; float: left; } #liste-photo img {} #liste-photo-td {vertical-align: middle; height: 100px;} #liste-photo-table {padding: 0; margin: 0} #liste-infos { padding-top: 5px; padding-right: 25px; float: right } #liste-ref { color: #a3a4a5; font-size: 12px; font-family: Arial; text-transform: uppercase; display: block } a.liste-ref-texte:link,a.liste-ref-texte:hover,a.liste-ref-texte:active,a.liste-ref-texte:visited { color: #4d4d50; font-family: Arial; font-weight: bold; text-decoration: none } #liste-tarif { color: #a3a4a5; font-size: 12px; font-family: Arial; text-transform: uppercase; display: block; padding-top: 12px } .liste-tarif-texte { color: #4d4d50; font-family: Arial; font-weight: bold; text-decoration: none } #liste-pdf { color: #a3a4a5; font-size: 12px; font-family: Arial; text-transform: uppercase; display: block; padding-top: 12px } #photo-ref { display: block } #savoirplus { display: block; margin-top: 10px; margin-right: 10px } a.savoirplus-texte:link,a.savoirplus-texte:hover,a.savoirplus-texte:active,a.savoirplus-texte:visited { color: #999; font-size: 16px; font-family: Arial; text-decoration: underline; background-image: url("images/savoirplus.jpg"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 18px } /* nav bouton prec suivant*/ #navsuiv .bdMenuTexte { color: #666; font-size: 12px; font-family: Arial; background-image: url("images/suivant.jpg"); background-repeat: no-repeat; background-position: 82px 3px; padding-right: 15px } #navprec .bdMenuTexte { color: #666; font-size: 12px; font-family: Arial; background-image: url("images/precedent.jpg"); background-repeat: no-repeat; background-position: 0 3px; padding-left: 13px } /*produit 1 sur accueil */ #produit-marge { margin-top: 10px; margin-bottom: 20px; padding-left: 10px } #produit-accueil-haut { font-size: 0; background-image: url("images/produit-accueil-haut-715px.jpg"); background-repeat: no-repeat; margin: 0; padding: 0; width: 715px; height: 10px } #produit-accueil-bas { background-image: url("images/produit-accueil-bas-715px.jpg"); background-repeat: no-repeat; display: block; width: 715px; height: 10px } #produit-accueil-content { background-image: url("images/produit-accueil-content-715px.jpg"); background-repeat: repeat-y; padding-right: 10px; padding-left: 10px; width: 715px } #accueil-designation { padding-right: 10px; width: 280px; float: left } #accueil-designation a:link,#accueil-designation a:active,#accueil-designation a:hover,#accueil-designation a:visited { color: #4d4d50; font-size: 20px; font-family: Arial; font-weight: bold; text-decoration: none } #accueil-photo { } #desc-ref { margin-right: 35px; margin-left: 15px; padding-top: 5px; border-top: 2px dotted #ccc } .desc-ref-table { width: 100% } .desc-ref-td { width: 33% } #desc-accueil { color: #000; font-size: 10px; font-family: Arial } #accueil-ref { color: #a3a4a5; font-size: 12px; font-family: Arial; text-transform: uppercase; width: 60px } /*menu marques */ #div_marques { display: block; margin-top: 15px; height: 270px } #div_marques-list { margin-left: 20px } #marques { } #marques, #marques ul { list-style: none; margin: 0; padding: 0; float: left } #marques li { line-height: 1.25em; margin-bottom: -1px; position: relative; float: left } #marques li ul { margin-top: -28px; margin-left: 144px; position: absolute; left: -999em } /* #marques li a:link,#marques li a:visited,#marques li a:active { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-image: url("images/puce-menu-marque.jpg"); background-repeat: no-repeat; background-position: 0 1px; text-transform: uppercase; margin: 0; padding: 0 0 1px 20px; } */ #marques li ul ul { /* third-and-above-level lists */ left: -999em; } #marques li a { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-color: #4a494f; background-image: url("images/puce-menu-marque.jpg"); background-repeat: no-repeat; background-position: 0 5px; display: block; padding: 0 0.5em 2px 1.5em; width: 120px; w\idth: 120px } #marques li a:hover { color: white; background-color: #404040 } #marques li:hover ul ul, #marques li:hover ul ul ul, #marques li.sfhover ul ul, #marques li.sfhover ul ul ul { left: -999em; } #marques li:hover ul, #marques li li:hover ul, #marques li li li:hover ul, #marques li.sfhover ul, #marques li li.sfhover ul, #marques li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } div.autocomplete { margin: 0; padding: 0; width: 0; height: 0; } div.autocomplete ul { list-style-type: none; margin: 0; padding: 0; overflow: auto } div.autocomplete ul li.selected { background-color: #e2a623 } div.autocomplete ul li { background-color: #6d6e71; cursor: pointer; list-style-type: none; display: block; margin: 0; padding: 2px } #enstock { color: #3c3; font-size: 12px; font-family: Arial; font-weight: bold; float: right } #pasenstock { color: #f30; font-size: 12px; font-family: Arial; font-weight: bold; float: right } #stockinconnu {} #form-designation { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; margin-right: 5px; margin-left: 5px; float: left } .commande-td { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; margin-right: 5px; margin-left: 5px } .commande-td-centre { color: #000; font-size: 12px; font-family: Arial; font-weight: bold; text-align: center; margin-right: 5px; margin-left: 5px } .commande-td-entete { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; background-color: #e2a623; padding: 3px } #tab { margin: 0; padding: 0 } #bondecommande { padding-top: 25px } .commande-sup { padding-right: 5px; padding-left: 5px } .commande-sup a:link,.commande-sup a:active,.commande-sup a:visited { color: #e2a623; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none } .commande-sup a:hover { color: #f30; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: underline } .commande-add { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; background-color: #0c0; border: solid 1px #060 } .commandeaddtd { padding-top: 25px; padding-right: 5px; padding-left: 5px } .commandeaddtd-centre { padding-top: 25px; text-align: center } #errors { color: #f30; font-size: 12px; font-family: Arial; font-weight: bold } #addcommande a:link,#addcommande a:visited,#addcommande a:active { color: #999; font-size: 12px; font-family: Arial; background-image: url("images/precedent.jpg"); background-repeat: no-repeat; background-position: 0 3px; display: block; margin-left: 15px; padding-left: 13px; float: left } #commande-instructions { color: #333; font-size: 12px; font-family: Arial } #login-bienvenue{} #login-titre { color: #666; font-size: 14px; font-family: Arial; font-weight: bold } #login-champ { padding-bottom: 15px } #login-champ .gapiarea { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; background-color: #999 } #login-memo { padding-bottom: 15px; width: 700px; } #login-memo .formtitre { color: #666; font-size: 14px; font-family: Arial } #login-valider .gapiarea { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; background-color: #666 } #login-form { } #login-div { background-image: url("../images/bienvenue.jpg"); background-repeat: no-repeat; margin-top: 0px; margin-left: 20px; padding-top: 80px; padding-left: 50px; padding-bottom: 10px; width: 482px; height: auto; } #login-div2 { margin-top: 5px; margin-left: 20px; padding-top: 5px; padding-left: 10px; padding-bottom: 10px; width: auto; height: auto; } .bdListeTableau { color: #333; font-size: 12px; font-family: Arial; font-weight: normal } .bdListeTableau a:hover { color: #ffffff; font-size: 12px; font-family: Arial; } .bdlignetheme { color: #ffffff; font-size: 12px; font-family: Arial; background-color: #4a494e } .bdlignetheme span { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; } .bdlignetheme a:hover span { color: #000; font-size: 12px; font-family: Arial; font-weight: normal;} .bdlignetheme h1 { margin: 0px; padding: 0px; font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; text-decoration: none; } .bdlignetheme h2 { margin: 0px; padding: 0px; font-size: 12px; font-family: Arial; color: #ffffff; font-weight: normal; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; text-decoration: none; } #msgconteneur { margin-top: 25px; width: 520px; border: solid 2px #e1a722 } #note { color: #fff; font-size: 16px; font-family: Arial; font-weight: bold; background-color: #e1a722; padding-left: 5px } #msghome { font-size: 12px; font-family: Arial; padding: 10px } .passoulignne { text-decoration: none; } #gapirubpub_9319_18329 .gapiresumediv {text-align: center}