/*#################################################################################################*/ /* */ /* SPIT */ /* CSS SCREEN - ACTi 2007 */ /* */ /*#################################################################################################*/ body{ text-align:center; margin:0px; background-image:url(images/bg.gif); background-position:top; background-repeat:repeat-x; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; } .myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; } form{ margin:0px; padding:0px; } img{ border:none; } a:link,a:visited{ text-decoration:none; color:#ff7701; } a:hover{ text-decoration:underline; } a:link,a:visited,a:hover,a:active{ outline:none; } #content ul{ list-style:none; } #content ul li{ padding:0px 0px 0px 10px; background:url(images/puce_triangle_orange.gif) no-repeat 0px 5px; } .navigation-rapide{ display:none; } /***************************************************************************************************/ /*********************************************** css overall ***************************************/ /***************************************************************************************************/ #container{ text-align:left; margin:0px auto 0px auto; width:1000px; } #metanav{ height:21px; text-align:right; } #metanav ul{ margin:0px; padding:2px 0px 0px 0px; list-style:none; } #metanav ul li{ margin:0px; display:inline; padding:3px 0px 0px 20px; } #metanav ul li a{ color:#fff; font-size:0.9em; } #metanav ul li a strong{ color:#ff7700; font-size:1.1em; } /*#recherche-rapide, #recherche-rapide-home{ float:right; width:210px; padding:60px 0px 0px 10px; }*/ /*#recherche-rapide h2, #recherche-rapide-home h2{ margin:0px; padding:0px; text-indent:-9998px; font-size:0.1em; border:none; }*/ #recherche-rapide input, #recherche-rapide-home input{ font-size:0.9em; border:solid 1px #999; } #recherche-rapide input.champ-recherche, #recherche-rapide-home input.champ-recherche{width:135px;} #champ-recherche{ width:152px; } #b-recherche{ padding:0px 5px 0px 5px; } /*#recherche-rapide-home a{ color:#4c4c4c; display:block; padding:5px 19px 0px 0px; text-align:right; } #recherche-rapide a{ color:#999; display:block; padding:2px 19px 0px 0px; text-align:right; }*/ #recherche-rapide-home h2,#recherche-rapide h2{border:none;margin:0;color:#fff;padding:3px;padding-left:685px;float:left;font-size:1.05em;} .formulaire_recherche{margin:0px 30px 0px 0px;background-color:#666666;padding:2px;} #recherche-rapide-home,#recherche-rapide{text-align:right;background:url(images/bg.gif) repeat-x bottom;clear:left;} #flash-home,#logo {padding:0;margin:0;text-align:left;float:left;} #flash-home p,#logo p{padding:50px 0px 0px 300px; } #contenu{ background:url(images/colonne-droite-bg.gif) repeat-y right; clear:both;} #colonne-gauche{ float:left; width:190px; } /******************************* menu ****************************************/ #menu ul{ margin:0px; padding:0px; list-style:none; } #menu ul li{ margin:0px; padding:0px; } #menu ul li a:link, #menu ul li a:visited{ border:solid 1px #f79a48; display:block; text-decoration:none; color:#000000; font-weight:bold; padding:3px 5px 3px 19px; margin:1px 0px 0px 0px; background-image:url(images/li-bg.gif); background-position:0px 0px; } #menu ul li a:hover{ color:#FFFFFF; border:solid 1px #ff7700; background-position:0px 40px; } #menu ul li strong, #menu ul li a.actif:link, #menu ul li a.actif:visited, #menu ul li a.actif:hover{ display:block; color:#FFFFFF; border:solid 1px #ff7700; background:url(images/li-bg.gif) 0px 40px; padding:2px 5px 2px 19px; margin:1px 0px 0px 0px; } #menu ul li ul{ margin:0px; padding:0px 0px 4px 0px; } #menu ul li ul li{ margin:0px; padding:1px 0px 1px 0px; border-top:solid 1px #c4c4b3; } #menu ul li ul li a:link, #menu ul li ul li a:visited{ border:none; display:block; text-decoration:none; color:#252425; font-weight:normal; padding:0px 0px 0px 19px; margin:0px 0px 0px 0px; background-image:none; } #menu ul li ul li a:hover{ color:#eb6d01; font-weight:bold; border:none; background:url(images/puce_triangle_orange.gif) 10px 5px no-repeat; } #menu ul li ul li strong, #menu ul li ul li a.actif:link, #menu ul li ul li a.actif:visited, #menu ul li ul li a.actif:hover{ display:block; color:#eb6d01; border:none; background:url(images/puce_triangle_orange.gif) 10px 5px no-repeat; padding:0px 0px 0px 19px; margin:0px 0px 0px 0px; } #menu ul li ul li ul li{ padding:1px 0px 1px 12px; } #menu ul li ul li ul li a:link, #menu ul li ul li ul li a:visited{ color:#666; } #menu ul li ul li ul li a:hover{ color:#eb6d01; } /**********************************************************************************************************/ /*****************************************************************************/ #h3-paslode, #h3-espace-revendeur, #h3-espace-utilisateur{ margin:10px 0px 0px 0px; padding:0px; } #h3-paslode a:link, #h3-paslode a:visited, #h3-espace-revendeur a:link, #h3-espace-revendeur a:visited, #h3-espace-utilisateur a:link, #h3-espace-utilisateur a:visited{ display:block; height:51px; background-position:top; } #h3-paslode a:hover, #h3-espace-revendeur a:hover, #h3-espace-utilisateur a:hover{ background-position:bottom; } #h3-paslode a span, #h3-espace-revendeur a span, #h3-espace-utilisateur a span{ display:none; } #h3-paslode a:link, #h3-paslode a:visited{ background-image:url(images/b_paslode.jpg); } #h3-espace-revendeur a:link, #h3-espace-revendeur a:visited{ background-image:url(images/b_espace_revendeur.jpg); } #h3-espace-utilisateur a:link, #h3-espace-utilisateur a:visited{ background-image:url(images/b_espace_utilisateur.jpg); } #spit-recrute{ border:solid 1px #c4c4b3; margin:10px 0px 0px 0px; } #spit-recrute h3{ margin:0px 0px 10px 0px; padding:0px; background:#ecece5 url(images/spit-recrute.gif) top left no-repeat; height:23px; font-size:1em; } #spit-recrute h3 span{ display:none; } #spit-recrute h3 a{ display:block; text-align:right; font-size:0.8em; font-weight:normal; color:#84847f; padding:6px 5px 0px 0px; } #spit-recrute ul{ margin:0px; padding:0px; list-style:none; } #spit-recrute ul li{ margin:0px; padding:0px 0px 0px 10px; } #spit-recrute ul li a{ display:block; background:url(images/puce_triangle_orange.gif) 0px 5px no-repeat; padding:0px 5px 10px 15px; color:#000; } /******************** bloc nom-deco ********************/ #bloc-menu-revendeur{ padding:5px; margin:10px 0px 0px 0px;} #bloc-nom-deco{ background:#FFFFFF; padding:5px 5px 8px 5px; border:solid 1px #999; margin:10px 0px 10px 0px;} #bloc-nom-deco a{ font-size:0.9em; margin:10px 0px 0px 0px; background:#CCCCCC; border:solid 1px #999999; color:#666666; padding:2px; text-decoration:none; } #bloc-nom-deco div{ margin:0px 0px 5px 0px; } #bloc-menu-revendeur{ margin:1px 0px 0px 0px; padding:0px; } #bloc-menu-revendeur ul{ margin:0px; padding:0px; list-style:none; } #bloc-menu-revendeur ul li{ } #bloc-menu-revendeur ul li a:link, #bloc-menu-revendeur ul li a:visited{ display:block; text-decoration:none; padding:2px 2px 2px 18px; border:solid 1px #f79a48; background:#FFFFFF url(images/puce-menu-distri.gif) left no-repeat; margin:0px 0px 2px 0px; color:#333333; } #bloc-menu-revendeur ul li a:hover{ background:#fee4cd url(images/puce-menu-distri.gif) left no-repeat; } #bloc-menu-revendeur ul li ul{ border:solid 1px #CCCCCC; background:#FFFFFF; padding:0px 0px 0px 0px; margin:-2px 0px 2px 0px; } #bloc-menu-revendeur ul li ul li{ border-bottom:none; } #bloc-menu-revendeur ul li a.actif:link, #bloc-menu-revendeur ul li a.actif:visited, #bloc-menu-revendeur ul li a.actif:hover{ font-weight:bold; background:#fee4cd url(images/puce-menu-distri.gif) left no-repeat; } #bloc-menu-revendeur ul li ul li a:link, #bloc-menu-revendeur ul li ul li a:visited{ display:block; text-decoration:none; padding:0px 0px 0px 15px; color:#666666; background:none; border:none; border-top:solid 1px #e5e5e5; } #bloc-menu-revendeur ul li ul li a:hover{ background:#f9f9f9; color:#333333; } #bloc-menu-revendeur ul li ul li a.actif:link, #bloc-menu-revendeur ul li ul li a.actif:visited, #bloc-menu-revendeur ul li ul li a.actif:hover{ font-weight:bold; background:url(images/puce_triangle_orange.gif) 5px 5px no-repeat; color:#333333; } #bloc-voirmonpanier{ margin:10px 0px 0px 0px; } #bloc-trouver-revendeur{ background:url(images/bloc-trouver-revendeur.gif) no-repeat top left; height:87px; margin:10px 0px 0px 0px; font-size:0.9em; width:200px; float:left; } #bloc-trouver-revendeur h2{ margin:0px; padding:0px; text-indent:-9998px; font-size:0.1em; border:none; } #bloc-trouver-revendeur form{ padding:22px 0px 0px 93px; margin:0px; } #bloc-trouver-revendeur label{ color:#eb6d01; } #bloc-trouver-revendeur input{ font-size:0.9em; border:solid 1px #999; margin:10px 0px 0px 0px; } #bloc-serviceclients, #bloc-consulter-catalogue, #bloc-logiciel-expert, #bloc-recommander{ margin:10px 0px 10px 0px; } #bloc-recommander{ background:url(images/bloc-recommander.gif) no-repeat top left; height:85px; width:200px; float:left; } #bloc-recommander h2{ margin:0px; padding:0px; text-indent:-9998px; font-size:0.1em; border:none; } #bloc-recommander input{ font-size:0.9em; border:solid 1px #999; margin:10px 0px 0px 0px; width: 105px; } #footer{ background-color:#f5f5f2; border:solid 1px #c4c4b3; font-size:0.8em; height:14px; background:url(images/footer.gif) left no-repeat; padding:5px 10px 0px 200px; margin:10px 0px 0px 0px; } #nb{ color:#ff7700; } #footer span{ display:none; } #footer ul{ margin:0px; padding:0px; list-style:none; float:right; } #footer ul li{ display:inline; padding:0px 0px 0px 10px; } #footer ul li a{ color:#6a6a63; } .lien-retour{float:left;} .lien-retour a{display:block;width:200px;height:70px;margin-left:15px;margin-top:20px;} /***************************************************************************************************/ /********************************************* css home only ***************************************/ /***************************************************************************************************/ #header-home{ background:url(images/header-home.jpg) no-repeat #666666; padding:0;} #colonne-droite-home{ float:right; width:199px; padding:0px 10px 10px 10px; } #content-home{ float:left; width:570px; margin:0px 0px 0px 10px; padding:10px 0px 0px 0px; } #actu-innovation-home{ float:right; width:183px; height:381px; padding:0px 0px 17px 0px; border:solid 1px #c4c4b3; } #gammes-produits-home, #services-spit-home{ float:left; width:372px; border:solid 1px #c4c4b3; } #services-spit-home{ margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; } #content-home h2{ background-position:top left; background-repeat:no-repeat; height:24px; margin:0px; padding:0px; font-size:0.1em; text-indent:-9998px; border:none; } #gammes-produits-home h2{ background-image:url(images/h2-gamme-produits-home.gif); border:none; } #services-spit-home h2{ background-image:url(images/h2-services-spit-home.gif); border:none; } #actu-innovation-home h2{ background-image:url(images/h2-actu-home.gif); border:none; } #actu-innovation-home h3{ margin:0px 0px 1px 0px; padding:7px; background-color:#ecece5; color:#eb6d01; font-size:1em; } #actu-innovation-home p{ padding:0px 10px 0px 10px; } #actu-innovation-home a{ display:block; padding:0px 10px 0px 10px; margin:0px 0px 0px 10px; color:#eb6d01; background:url(images/puce_triangle_gris.gif) no-repeat left; } /* slider styles [ begin ] */ #gammes-produits-home .fl { float: left; display: inline; } #gammes-produits-home.news_slider { position: relative; width: 372px; height:295px; overflow: hidden; } #gammes-produits-home.news_slider .prev, #gammes-produits-home.news_slider .next { position: absolute; top: 0px; display: none; } #gammes-produits-home.news_slider .next { right: 0; } #gammes-produits-home.news_slider .news_items { position: relative; width: 347px; left: 12px; overflow: hidden; } #gammes-produits-home.news_slider .news_items .view_all { /*padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;*/ display:none; } #gammes-produits-home.news_slider .news_items .container { position: relative; top: 0; left: 0; width: 349px; } #gammes-produits-home.news_slider .news_items .container .item { width:115px; margin: 0 1px 10px 0; text-align:center; } #gammes-produits-home.news_slider .news_items .container .item a{ display:block; width:115px; height:130px; text-decoration:none; color:#000000; } #gammes-produits-home.news_slider .news_items .container .item a span{ background-color:#ecece5; display:block; padding:7px 0px 7px 0px; } /* slider styles [ end ] */ #services-spit-home ul { margin:0px; padding:10px 0px 10px 10px; list-style:none; } #services-spit-home ul li{ border-bottom:solid 1px #c4c4b3; float:left; width:166px; margin:0px 15px 0px 0px; padding:0px; } #services-spit-home ul li a{ background:url(images/puce_triangle_orange.gif) left no-repeat; padding:0px 0px 0px 10px; color:#000000; text-decoration:none; font-size:0.9em; } /***************************************************************************************************/ /**************************************** css pages intérieures ************************************/ /***************************************************************************************************/ #header{ height:120px; background-image:url(images/header-home.jpg); } /*#logo{ width:136px; height:100px; margin:0px 0px 0px 54px; } #logo img{ visibility:hidden; } #logo a:link, #logo a:visited{ display:block; width:136px; height:100px; } #logo a:hover{ background-image:url(images/spit-logo-retour.gif); }*/ #logo_itw_accueil{ width:40px; height:40px; padding:50px 0px 0px 140px; } #logo_itw_accueil a{ display:block; width:40px; height:40px; text-decoration:none; } #content{ float:left; width:531px; margin:0px 0px 0px 30px; padding:20px 0px 0px 0px; overflow:hidden; } #fildariane{ color:#eb6d01; font-size:1em; } #fildariane a{ color:#eb6d01; } h1{ border-bottom:solid 1px #c4c4b3; color:#eb6d01; margin:18px 0px 0px 0px; padding:0px; font-size:1.5em; } h2{ border-bottom:solid 1px #eb6d01; color:#777; margin:18px 0px 10px 0px; padding:0px; font-size:1.2em; } #topetprint{ border-top:solid 1px #c4c4b3; margin:25px 0px 0px 0px; padding:23px 0px 25px 0px; background:url(images/topetprint.gif) no-repeat top left; clear:both; } #topetprint a{ color:#000000; font-size:0.8em; padding:0px 23px 0px 28px; } #colonne-droite{ float:right; width:199px; padding:8px 10px 10px 10px; } /******************************** Photothèque *****************************************/ .phototheque-recherche{ background:#ecece5 url(images/phototheque-recherche.gif) no-repeat top left; margin:1px 0px 0px 0px; padding:5px 0px 3px 35px; clear:both; height:15px; } .phototheque-recherche label{ float:left; width:250px; } .phototheque-recherche select, .phototheque-recherche input{ float:left; margin:-15px 0px 0px 150px; font-size:0.9em; width:250px; border:solid 1px #999999; } #valider{ border:solid 1px #999999; margin:15px 0px 0px 0px; } /********************************************** résultats ************/ h2.h2-phototheque{ margin:20px 0px 8px 0px; padding:5px 5px 5px 10px; color:#FFFFFF; font-size:1.2em; background:url(images/fd_strie_orange.gif) right repeat-y; border:none; } .phototheque-pager{ border:solid 1px #c4c4b3; text-align:right; margin:0px 0px 8px 0px; } .phototheque-pager ul{ margin:0px; padding:0px; list-style:none; } .phototheque-pager ul li{ margin:0px; padding:0px; display:inline; background:transparent; } .phototheque-pager-pages, .phototheque-pager-boutons{ float:right; } #content .phototheque-pager-pages li, #content .phototheque-pager-boutons li{ padding:0px; background:transparent; } .phototheque-pager-pages{ position:relative; top:5px; left:-20px; } .phototheque-pager-pages a, .phototheque-pager-pages strong{ color:#333333; padding:0px 4px 0px 4px; } .phototheque-pager-boutons li{ width:22px; height:22px; background-position:top left; } .phototheque-pager-boutons li span, .phototheque-pager-boutons li a{ width:22px; height:22px; overflow:hidden; display:block; float:left; border-left:solid 1px #c4c4b3; font-size:0em; color:#FFFFFF;} .debut span{ background-image:url(images/pager-debut-off.gif); } .prec span{ background-image:url(images/pager-prec-off.gif); } .suiv span{ background-image:url(images/pager-suiv-off.gif); } .fin span{ background-image:url(images/pager-fin-off.gif); } .debut a{ background-image:url(images/pager-debut-on.gif); } .prec a{ background-image:url(images/pager-prec-on.gif); } .suiv a{ background-image:url(images/pager-suiv-on.gif); } .fin a{ background-image:url(images/pager-fin-on.gif); } .pager-retour{ float:left; padding:4px 0px 0px 5px; } .pager-retour a{ color:#000000; } #phototheque-resultat{ padding:0px 0px 0px 1px; } .phototheque-mini{ float:left; width:106px; text-align:center; margin:0px 35px 10px 0px; } .retour{ margin:0px 0px 10px 0px; } .phototheque-mini span{ display:block; } .phototheque-mini a:link, .phototheque-mini a:visited, .phototheque-mini a:hover{ text-decoration:none; color:#000000; } /********************************************** détail photo ************/ #grande-photo{ background-color:#ecece5; padding:10px; margin:0px 0px 10px 0px;} #grande-photo img{ float:left; margin:0px 15px 0px 0px;} #consulter-fiche{ background-image:url(images/consulter-fiche.gif); width:165px; height:18px; float:right; font-size:0.9em; padding:6px 0px 0px 50px; } #consulter-fiche a:link, #consulter-fiche a:visited{ text-decoration:none; color:#000000; } #consulter-fiche a:hover{ color:#eb6d01; } h2.h2-telechargement{ background:url(images/h2-telechargement.gif) bottom left no-repeat; height:24px; margin:0px; padding:0px; font-size:0.1em; text-indent:-9998px; border:none; } .tab-telechargement{ background-color:#ecece5; margin:0px 0px 10px 0px; } .tab-telechargement table{ width:100%; } .tab-telechargement td, .tab-telechargement th{ border-bottom:solid 1px #FFFFFF; text-align:left; padding:2px 5px 2px 10px; } .tab-telechargement th{ border-top:solid 1px #ecb380; } .tab-telechargement a:link, .tab-telechargement a:visited{ text-decoration:none; color:#000000; } .tab-telechargement a:hover{ color:#eb6d01; } /******************************** Gammes de produits *****************************************/ #gammes-produits{ margin:0px 0px 10px 0px; } #gammes-produits ul{ margin:0px; padding:0px; list-style:none; } #gammes-produits ul li{ width:171px; height:195px; float:left; margin:10px 4px 5px 0px; text-align:center; overflow:hidden; border:solid 1px #c4c4b3; padding:0px; background:transparent; } #gammes-produits ul li a{ display:block; width:171px; height:171px; text-decoration:none; color:#000000; } #gammes-produits ul li a span{ background:url(images/gamme-produits.gif) no-repeat top left; border-bottom:solid 1px #fff; display:block; padding:6px 0px 5px 30px; margin:0px 0px 10px 0px; text-align:left; font-weight:bold; } #gammes-produits ul li a:hover span{ } /************************** Listing Sous-Gammes de produits **********************************/ #produits-intro{ background:#ecece5; float:left; width:235px; padding:10px; margin:10px 0px 0px 0px; } #produits-intro img{ float:left; margin:0px 10px 5px 0px; } #produits-sous-gammes, #produits-applications, #produits-gammes{ width:265px; float:right; } #produits-gammes h3{ background:url(images/h3-lesgammes.gif) no-repeat left; margin:5px 0px 0px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:25px; } #produits-sous-gammes h3{ background:url(images/h3-lessousgammes.gif) no-repeat left; margin:5px 0px 0px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:25px; } #produits-applications h3{ background:url(images/h3-lesapplications.gif) no-repeat left; margin:5px 0px 0px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:25px; } #produits-sous-gammes ul, #produits-gammes ul, #produits-applications ul{ margin:0px; padding:0px; list-style:none; border-top:solid 1px #c4c4b3; } #produits-sous-gammes ul li, #produits-gammes ul li, #produits-applications ul li{ margin:0px; padding:0px; border-bottom:solid 1px #c4c4b3; background:transparent; } #produits-sous-gammes ul li a, #produits-gammes ul li a, #produits-applications ul li a{ display:block; padding:2px 0px 2px 20px; color:#000000; font-weight:bold; text-decoration:none; background:url(images/puce_triangle_orange.gif) no-repeat 10px 6px; } #produits-sous-gammes ul li strong, #produits-gammes ul li strong, #produits-applications ul li strong{ display:block; padding:2px 0px 2px 20px; color:#ff7701; font-weight:bold; text-decoration:none; background: #ecece5 url(images/puce_triangle_orange.gif) no-repeat 10px 6px; } h2.h2-comparer{ margin:20px 0px 8px 0px; padding:11px 5px 3px 10px; color:#FFFFFF; font-size:1.4em;float:left;width:400px; background:url(images/h2-comparer_bandeau.gif) bottom no-repeat; border:none;} h2.h2-nouveaux{ margin:20px 0px 8px 0px; padding:11px 5px 3px 10px; color:#FFFFFF; font-size:1.4em;float:left;width:400px; background:url(images/h2-nouveaux-produits.gif) bottom no-repeat; border:none;} .contenu {clear:left;} .bouton-comparaison input {border:none;background: url(images/h2-comparer_txt.png) no-repeat; float:left;margin-top:21px;width: 116px;height: 33px;cursor: pointer;} .bouton-comparaison-new input {border:none;background: url(images/h2-nouveaux-produits-txt.gif) no-repeat; float:left;margin-top:20px;width: 116px;height: 34px;cursor: pointer;} .tab-sous-gammes{ margin:0px 0px 10px 0px;} .tab-sous-gammes-photo{ width:105px; border:solid 1px #c4c4b3; text-align:center; } .tab-sous-gammes-comparer{ float:right; color:#ecece5; background:url(images/comparer.gif) left no-repeat; width:90px; text-align:right; } .tab-sous-gammes-comparer span{ visibility:hidden; } .tab-sous-gammes th{ padding:8px 5px 4px 20px; background:#ecece5 url(images/puce-th.gif) 0px 3px no-repeat; } .tab-sous-gammes th a{ color:#000000; vertical-align:top; } .tab-sous-gammes-description{ border-bottom:solid 1px #c4c4b3; padding:3px 0px 10px 0px; } .tab-sous-gammes-info{ color:#8f8f85; border-bottom:solid 1px #c4c4b3; font-size:0.8em; padding:2px 0px 2px 0px; } .bouton-comparer{ background-color:#ecece5; text-align:right; padding:2px; } .bouton-comparer input{ border:solid 1px #666; font-size:0.9em; } /********************************* Fiche produit ***************************************/ #fiche-prod-titre{ border-top:solid 1px #c4c4b3; margin:15px 0px 10px 0px; padding:3px 0px 0px 0px; } #fiche-prod-titre h1{ background:no-repeat left; margin:0px 0px 3px 0px; border-bottom:none; color:#eb6d01; font-size:1.8em; float:left; } #fiche-prod-metiers{ float:right; } #fiche-prod-titre h2{ font-size:1em; border-top:solid 1px #c4c4b3; background-color:#ecece5; padding:5px; clear:both; margin:0px; border:none; } #fiche-prod-visuel{ float:left; width:240px; /*height:212px; overflow:hidden;*/ text-align:center; } #fiche-prod-liens-et-materiaux{ width:275px; float:right; background:url(images/fiche-prod-liens.gif) no-repeat top left;} #fiche-prod-liens-et-materiaux span img{ margin-right:2px; } #fiche-prod-liens{ margin:0px; padding:0px; list-style:none; } #content #fiche-prod-liens li{ width:54px; height:55px; float:left; margin:0px 1px 0px 0px; padding:0px; background:transparent; } #fiche-prod-liens a:link, #fiche-prod-liens a:visited{ display:block; height:55px; background-image:url(images/fiche-prod-liens-actif.gif); background-repeat:no-repeat; } #fiche-prod-liens a:hover{ } #fiche-prod-liens span{ font-size:0.1em; display:none; } #fiche-prod-liens-et-materiaux h3{ border-bottom:solid 1px #c4c4b3; } #fiche-vue-eclatee a{ background-position:0px 0px; } #fiche-video a{ background-position:-55px 0px; } #fiche-fiche-produit a{ background-position:-110px 0px; } #fiche-phototheque a{ background-position:-165px 0px; } #fiche-bibliotheque a{ background-position:-220px 0px; } #fiche-prod-avantages{ } #fiche-prod-avantages h3{ background-image:url(images/h3-avantages-produit.gif); height:25px; margin:20px 0px 0px 0px; font-size:0.1em; text-indent:-9998px; } #fiche-prod-avantages ul{ margin:0px; padding:2px 0px 0px 0px; list-style:none; } #fiche-prod-avantages ul li{ margin:0px; border-bottom:solid 1px #c4c4b3; background:url(images/puce_triangle_orange.gif) no-repeat left; padding:3px 0px 3px 10px; } #fiche-prod-avantages ul li.niveau2{background-position:30px 50%; padding-left:40px;} #h3-specifications{ margin:20px 0px 0px 0px; padding:0px; background:url(images/h3-specifications.gif) left no-repeat; height:22px; font-size:0.1em; text-indent:-9998px; } #h3-mode_pose{ margin:20px 0px 0px 0px; padding:0px; background:url(images/h3-modedepose.gif) left no-repeat; height:22px; font-size:0.1em; text-indent:-9998px; } #h3-charge_indicative{ margin:20px 0px 0px 0px; padding:0px; background:url(images/h3-chargeindicative.gif) left no-repeat; height:22px; font-size:0.1em; text-indent:-9998px; } .tab-specifications{ background-color:#ecece5; margin:0px 0px 10px 0px; border-top:solid 1px #ecb380;} .tab-specifications td, .tab-specifications th{ border-bottom:solid 1px #FFFFFF; text-align:left; padding:2px 5px 2px 10px; } #onglet-accessoires h4{ margin:10px 0px 5px 0px; padding:0px; font-size:1em; } .tab-accessoires, .tab-accessoires-ouvert{ background-color:#FFFFFF; margin:0px 0px 1px 0px; } .tab-accessoires a:link, .tab-accessoires a:visited, .tab-accessoires a:hover{ display:block; text-decoration:none; color:#000000; padding:5px; } .tab-accessoires a img, .tab-accessoires-ouvert a img{ float:right; } .tab-accessoires-ouvert a:link, .tab-accessoires-ouvert a:visited, .tab-accessoires-ouvert a:hover{ display:block; text-decoration:none; font-weight:bold; padding:5px 5px 5px 20px; color:#ff7700; background:url(images/fleche-orange.gif) no-repeat 8px 9px; } .tab-accessoires-visuel{ float:right; width:173px; padding:0px 15px 0px 0px; overflow:hidden; text-align:right; } .tab-accessoires-details{ margin:0px 0px 0px 10px; width:303px; } .tab-accessoires-details td{ padding:2px; } .tab-accessoires-details th{ text-align:left; color:#000000; border-left:solid 1px #ecb380; border-bottom:solid 1px #ecb380; border-top:solid 1px #ecb380; padding:2px 0px 2px 14px; background:#ffe4cc url(images/puce_triangle_orange.gif) 5px 6px no-repeat; } .tab-accessoires-details-td{ background-color:#ffe4cc; border-right:solid 1px #ecb380; border-top:solid 1px #ecb380; border-bottom:solid 1px #ecb380; } .tab-accessoires-details-panier{ border:solid 1px #c4c4b3; background:url(images/tab-accessoires-panier.gif) left no-repeat; } .tab-accessoires-details-panier a:link, .tab-accessoires-details-panier a:visited,.tab-accessoires-details-panier a:hover { color:#000000; padding:0px 0px 0px 25px; color:#ff7700; background-image:none; font-weight:normal; } #fiche-prod-conseil-pro{ background-color:#ecece5; border:solid 1px #c4c4b3; margin:20px 0px 0px 0px; } #fiche-prod-conseil-pro h3{ margin:0px 0px 5px 0px; padding:0px; height:25px; font-size:0.1em; text-indent:-9998px; background:#FFFFFF url(images/h3-conseildupro.gif) top left no-repeat; } #fiche-prod-conseil-pro img{ float:left; margin:0px 5px 5px 5px; } #colonne-droite-packs-produits{ border:solid 1px #999; background:#FFFFFF; margin:10px -10px 10px -10px; padding:0px 0px 2px 0px; } #colonne-droite-packs-produits h5{ font-size:1.2em; margin:1px; padding:5px 5px 5px 20px; background:#ff7700 url(images/puce_triangle_blanc.gif) no-repeat 10px 10px; color:#FFFFFF; } #colonne-droite-packs-produits table{ margin:5px 2px 0px 2px; font-size:0.9em; width:214px; } #colonne-droite-packs-produits th{ padding:2px 5px 2px 0px; color:#ababab; border-bottom:solid 1px #c4c4b3; text-align:left; } #colonne-droite-packs-produits td{ background:#ecece5; border-top:solid 1px #ffffff; padding:2px 5px 2px 5px; } .accessoires-liste{ overflow:auto; } .accessoires-liste td, .accessoires-liste th{ padding:2px 5px 2px 5px; } .accessoires-liste th, .accessoires-liste .contenus{ border-right:solid 1px #fff; border-bottom:solid 1px #fff; border-right:solid 1px #fff;} .accessoires-liste th { border-left:solid 1px #FFFFFF; } .accessoires-liste .premier-entete{ border-bottom:solid 1px #fff;} .accessoires-liste .entete-liste{ background:#FFFFFF; border-bottom:solid 1px #999; border-left:solid 1px #e5e5e5; font-size:0.8em; } /************************************* Connexion + pass perdu + inscription ************************************/ .utilisateur-connexion, .utilisateur-inscription{ border:solid 1px #999999; margin:20px 0px 0px 0px; padding:10px 10px 10px 10px; } .utilisateur-connexion legend, .utilisateur-inscription legend{ font-weight:bold; padding:0px 5px 0px 5px; color:#ff7701; } .utilisateur-connexion label{ display:block;margin:10px 0px 0px 0px; } .utilisateur-connexion .grandInput{ width:200px; } .utilisateur-connexion div{ display:block; clear:both; margin:0px 0px 10px 0px; } #connexion-deja-inscrit{ float:left; width:250px; height:190px; } #connexion-pas-encore-inscrit{ float:right; width:200px; background:#f9f9f9; height:190px; } #connexion-telechargement{ float:left; width:250px; height:170px; } /************************************* comparaison ************************************/ #table-comparaison-wrap{ overflow:auto; margin:20px 0px 0px 0px; } #table-comparaison td, #table-comparaison th{ padding:2px; } #table-comparaison th{ text-align:left; border-right:solid 1px #ecece5; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; } #table-comparaison ul{ margin:0px; padding:0px; list-style:none; } #table-comparaison ul li{ margin:0px; background:url(images/puce_triangle_orange.gif) no-repeat 0px 5px; padding:0px 0px 0px 10px; } .separation{ border-bottom:solid 1px #ecece5; padding:2px 4px 2px 4px; } .separ-right{ border-right:solid 1px #999; } .row1{ background-color:#ecece5; } .row1 td{ border-right:solid 1px #ccc; } .comparaison-titre{ background:#ececec; } /***************** inscription *******************/ .utilisateur-inscription table{ width:100%; } .utilisateur-inscription table td, .utilisateur-inscription table th{ padding:1px; text-align:left; font-weight:normal; } .utilisateur-inscription th{ width:190px; } .utilisateur-inscription label{ display:block; } .utilisateur-inscription .grandInput{ width:300px; } /************************************************ PANIER *******************************************/ #ajout-rapide-reference{ padding:8px 8px 8px 12px; width:166px; float:right; background:url(images/ajout-rapide.gif); height:78px; } #content a.retour-catalogue{ color:#333333; text-decoration:underline; background:url(images/retour-catalogue.gif) left no-repeat; padding:0px 0px 0px 15px; } #content a.recevoir-devis{ background:url(images/recevoir-devis.gif) top left no-repeat; width:181px; height:25px; color:#FFFFFF; display:block; font-weight:bold; float:right; padding:6px 0px 0px 8px; } #table-panier{ margin:15px 0px 10px 0px; clear:both; } #table-panier th{ background:#ececec; padding:2px; border-bottom:solid 1px #c4c4b3; } #table-panier td{ padding:2px; border-bottom:solid 1px #ececec; } #table-panier td strong{ } #table-panier td input{ font-size:0.9em; } .numero{ width:18px; background:#ececec; text-align:center; } .quantite{ width:50px; } .trash{ width:18px; text-align:right; } .panier_visuel{ width:75px; } .position_relative{ position:relative; } .infobulle{ position:absolute; z-index:100; background:url('images/infobulle.gif'); color:#000000; border:none; width:111px; height:44px; padding: 4px 4px 4px 10px; top:-10px; left:42px; } /******************************************* biblio technique ***************************************/ #biblio-label-general{ display:block; margin:0px 0px 10px 0px; } .bibliotheque-recherche{ background:#ecece5 url(images/phototheque-recherche.gif) no-repeat top left; margin:1px 0px 0px 0px; padding:5px 0px 3px 35px; clear:both; } .bibliotheque-recherche label{ float:left; } .bibliotheque-recherche select, .bibliotheque-recherche input{ margin:-15px 0px 0px 150px; font-size:0.9em; width:250px; border:solid 1px #999999; } .biblio-tech-checkbox{ clear:both; border-top:solid 1px #FFFFFF; padding:2px 0px 2px 0px; } .biblio-tech-checkbox input{ float:left; margin:0px 107px 0px 0px; font-size:1em; width:auto; border:none; } .biblio-tech-checkbox label{ float:left; width:220px; } /* slider styles [ begin ] */ #gammes-produits-biblio .fl, #gammes-produits-biblio2 .fl{ float: left; display: inline; } #gammes-produits-biblio.news_slider, #gammes-produits-biblio2.news_slider{ clear:both; position: relative; width: 455px; height:140px; overflow: hidden; background:#FFFFFF; margin:5px 0px 3px 0px; } #gammes-produits-biblio.news_slider .prev, #gammes-produits-biblio.news_slider .next, #gammes-produits-biblio2.news_slider .prev, #gammes-produits-biblio2.news_slider .next{ position: absolute; top: 0px; display: none; } #gammes-produits-biblio.news_slider .next, #gammes-produits-biblio2.news_slider .next{ right: 0; } #gammes-produits-biblio.news_slider .news_items, #gammes-produits-biblio2.news_slider .news_items{ position: relative; width: 347px; left: 22px; overflow: hidden; } #gammes-produits-biblio.news_slider .news_items .view_all, #gammes-produits-biblio2.news_slider .news_items .view_all{ display:none; } #gammes-produits-biblio.news_slider .news_items .container, #gammes-produits-biblio2.news_slider .news_items .container{ position: relative; top: 0; left: 0; } #gammes-produits-biblio.news_slider .news_items .container .item, #gammes-produits-biblio2.news_slider .news_items .container .item{ width:135px; margin: 8px 1px 10px 0px; text-align:center; border: 1px solid #fff; } #gammes-produits-biblio2.news_slider .news_items .container .item{ padding-top: 23px; /*23px d'image en moins par rapport à l'image de la gamme */ } #gammes-produits-biblio.news_slider .news_items .container .actif, #gammes-produits-biblio2.news_slider .news_items .container .actif{ border: 1px solid #F48128; } #gammes-produits-biblio.news_slider .news_items .container #article-vide, #gammes-produits-biblio2.news_slider .news_items .container #article-vide2{ display:none; } #gammes-produits-biblio.news_slider .news_items .container .item a, #gammes-produits-biblio2.news_slider .news_items .container .item a{ display:block; width:135px; height:121px; text-decoration:none; color:#000000; } #gammes-produits-biblio2.news_slider .news_items .container .item a{ height: 98px; } /* hauteur normale moins 23px d'image en moins par rapport à l'image de la gamme */ #gammes-produits-biblio.news_slider .news_items .container .item a span, #gammes-produits-biblio2.news_slider .news_items .container .item a span{ background-color:#ecece5; display:block; padding:7px 10px 7px 10px; } /* slider styles [ end ] */ /******************************************* Trouver SPIT ***************************************/ #carte-france{ padding:0px 5px 10px 0px; width:321px; margin:10px 0px 10px 0px; border-right:solid 1px #e5e5e5; background:#fff; } #criteres-points-vente{ width:197px; float:right; margin:10px 0px 0px 0px; background:#fff;} #criteres-points-vente input, #criteres-points-vente select{ font-size:1em; } /***************************************************************************************************/ /********************************************* styles divers ***************************************/ /***************************************************************************************************/ .remarque{ font-style:italic; color:#777777; } .bouton:link, .bouton:visited, .bouton:hover{ border: 1px double #999; border-left-color: #ccc; border-top-color: #ccc; background:#f0f3f3; text-decoration:none; font-weight:bold; padding:3px 5px 3px 5px; } .bigger{ font-size:1.2em; margin-top:5px; } .texteOrange{ color:#ff7701; } .image-actu{ float:left; margin:0px 20px 10px 0px; } #message_mask { background-color:#666666; height:100%; left:0px; position:fixed; top:0px; width:100%; display:none; z-index:1000; opacity: .75; filter:alpha(opacity=75); -moz-opacity : .75; } #message_box { border:2px solid #FF7700; background-color:#FFE4CC; position:fixed; color:#000000; width:150px; top:50%; left:50%; margin-left:-75px; margin-top:-15px; font-size:1.2em; padding: 10px 25px 10px 25px; z-index:1001; } /*********************************************************************/ .photo_panier{ max-width:70px; } /*********************************************************************/ .rh_offre_detail strong{ color:#333; } .rh_offre_detail h3{ font-size:1.2em; color:#EB6D01; margin:10px 0px 5px 0px; padding:0px; border-bottom:solid 1px #CCC; } .rh_offre_detail p{ text-align:justify; } .mentions{ font-size:0.8em; color:#999999; } /**************************************************************************/ #printvue{ border-top:solid 1px #c4c4b3; margin:25px 0px 0px 0px; padding:23px 0px 25px 0px; background:url(images/topetprint.gif) no-repeat 260px top ; clear:both; } #printvue a{ color:#000000; font-size:0.8em; padding:0px 23px 0px 28px; }