/* ------------------------------------------------------------------------------------ */ /* *************************** Modifications et ajouts ******************************** */ /* ------------------------------------------------------------------------------------ */ /* ---------------------------------Conteneurs generaux ------------------------------- */ /* ------------------------------------------------------------------------------------ */ /* ------------------ Note : recup et modif du fichier css screen --------------------- */ /* Image du header - ligne 200 */ /*#header { height: 179px; width: 1024px; background: url(../images/fond/header.jpg) left top no-repeat }*/ #header { height: 179px; width: 1024px; background: url(../images/fond/header-02.jpg) left top no-repeat }/**/ /*#header { height: 179px; width: 1024px; background: url(../images/fond/header-03.jpg) left top no-repeat } /* Tableau colonne gauche - ligne 208 -- */ td#col-left { vertical-align: top; width: 214px } /* Tableau colonne centrale - ligne 209 -- */ td#centre { vertical-align: top; width: 547px; text-align: left; padding: 55px 0 0 0; } /* Tableau colonne droite - ligne 210 -- */ td#col-right { vertical-align: top; width: 210px; padding: 50px 0 0 0; } /* Tableau -- > Div Colonne centrale - ligne 203 -- */ /*#content {}*/ #content {width: 575px; overflow:hiden; margin : 0 -13px 0 -13px;} /* H O M E */ /* centrage page index --- ligne 326 -- */ #home { padding: 0 0 0 15px; text-align: left } /*------------------------------------ Modification du fil d'ariane ----------------------------------- */ /* -------------------------- css originales lignes 379 à 384 ------------------------------------------*/ /* -------------------------------------- MENU GENERAL --------------------------------------------------*/ /*#menu-top ul { position: absolute; top: 145px; left: 0; width: 100% } #menu-top ul li { float: left; background: url(../images/fond/sep.gif) right top no-repeat; margin: 0; height: 21px; padding: 0 32px; text-align: center } #menu-top ul li.lastli { background: none } #menu-top ul li a { position: relative; top: 2px; left: 0; color: #106160; font: bold 12px arial; text-decoration: none; margin: 0 } #menu-top ul li a: hover { color: #ffffff }*/ /* Remplacées par : -----------------------------------------------> */ #menu-top ul { position: absolute; top: 145px; left: 0; width: 100% } #menu-top ul li { float: left; background: url(../../images/fond/sep.gif) right top no-repeat; margin: 0; height: 21px; padding: 0 32px; text-align: center } #menu-top ul li.lastli { background: none } #menu-top ul li a { position: relative; top: 2px; left: 0; color: #106160; font: bold 12px arial; text-decoration: none; margin: 0 } #menu-top ul li a:hover { color: #ffffff } /* ------------------------------------------------------------------------------------ */ /* ------------------------- Presentation générale dans l'index ----------------------- */ /* ------------------------------------------------------------------------------------ */ /* ------------------ Note : recup et modif du fichier css screen --------------------- */ /* Reformatage des titres ----> screen original ligne 9 à 14 ----- */ h2 { margin: 10px 0 0px 15px; font: normal 18px "Trebuchet MS"; color: #630001; height: 45px; padding: 0 0 0 45px; background: url(../../../images/fond/bg-path.jpg) left top no-repeat } h3 { margin: 15px 0 10px 0; font: normal 18px "Trebuchet MS"; color: #3f7ca9 } h4 { margin: 15px 0 10px 0; font: normal 16px "Trebuchet MS"; color: #3f7ca9 } h5 { margin: 15px 0 10px 0; font: normal 15px "Trebuchet MS"; color: #3f7ca9 } h6 { margin: 15px 0 10px 0; font: normal 14px "Trebuchet MS"; color: #3f7ca9 } /* --- Désactivation de l'alignement automatique a droite -- */ p { font: normal 11px/15px arial; margin: 10px 0; padding: 0; /*text-align: left;*/ color: #525252 } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px } ol li { /*list-style: none;*/ font: normal 11px/15px arial; margin: 10px 15px 10px 24px } /* modification de la ligne 140 dans screen.css : Alignement de la div de présentation du produit */ #detail_right { float: left; width: 403px; /*overflow: hidden;*/ /*margin: 15px 0 0 10px;*/ padding: 0; color : #525252; } /* modification de la ligne 129 screen css - transfert du padding-top du code source page product.php au code source CSS*/ #detail_left { float: left; width: 135px; margin-top:-80px; padding-top:80px; } /* ------------------------------------------------------------------------------------ */ /* ----- Presentation des prix dans les pages product et les pages category ----------- */ /* ------------------------------------------------------------------------------------ */ /* ---------- Css Ajoutées - non présentes dans le fichier css screen ----------------- */ /* --- Presentation du résumé de produit ds la page category.php /* --- Remplacement de la classe p.desc2 par la classe p.desc2category (screen.css et ie7.css )*/ /*p.desc2category { padding: 0 5px 0 10px; font: normal 10px arial; min-height: 37px ; text-align: center; } */ .desc2category { /*border: 1px solid #cccccc;*/ height : 65px; overflow:hidden; /*padding: 0 5px 0 10px; */ padding: 5px 0px 10px 0px; /*margin: 5px 10px 5px 10px; /*ie6/ie7 */ margin: 5px 15px 5px 15px;/*ok firefox*/ font: bold 10px arial; color: #525252; /*min-height: 37px ; */ text-align: center; } /* --- Présentation du prix dans la page category.php et product.php /* --- Remplacement de la classe p.prize par la classe p.prizecategory (screen.css et ie7.css )*/ p.prizecategory { padding: 10px 0 4px 15px; margin: 0 ; width: 110px; color: #c40c0c; font: bold 16px arial; text-align: center; } p.noprizecategory { margin: 5px 0 2px 15px; padding: 6px 0 0 0; width: 110px; color: #c40c0c; font: normal 10px arial; text-align: center; } p.PrixPubliccategory { margin: 5px 0 0 15px; padding: 0 0 0 0; width: 110px; color: #333333; font: normal 10px arial; text-align: center; text-decoration: line-through ; } p.LabelApartirdeprizecategory { margin: 5px 0 0 15px; padding: 0 0 0 0; width: 110px; color: #333333; font: normal 10px arial; text-align: center; } p.prizeApartirdecategory { margin: 0 0 2px 15px; padding: 0; width: 110px; text-align: center; color: #c40c0c; font: bold 14px arial;} .prizeproduct { margin: 5px 0 2px 12px; padding: 0; width: 110px; text-align: center; } .prizeproduct .label {color: #333333; font: bold 16px arial; } .prizeproduct .tarif {color: #c40c0c; font: bold 18px arial; } /* --- Presentation alternative du prix en cas de "nous consulter" dans la page category.php /* --- Ajout de la classe p.noprizecategory (screen.css et ie7.css )*/ /* p.noprizecategory { margin: 5px 0 2px 15px; padding: 6px 0 0 0; width: 110px; color: #c40c0c; font: normal 10px arial; text-align: center; } */ p.prizeconcurrence { margin: 5px 0 2px 12px; padding: 6px 0 0 0; width: 110px; text-align: center; } .prizeconcurrence .label {color: #333333; font: normal 10px arial; } .prizeconcurrence .tarif {color: #c40c0c; font: bold 12px arial; text-decoration: line-through ; } /* Boutons de détails - commander - demande de devis */ .linkx { margin: 0 0 0 15px; padding: 0; width: 110px; text-align: center;} /* ok firefox */ /* --- Affichage du montant de la reduction -- */ p.prizeproductreduct { margin: 5px 0 2px 12px; padding: 6px 0 0 0; width: 110px; text-align: center; } .prizeproductreduct .label {color: #006633; font: bold 11px arial; } .prizeproductreduct .tarif {color: #c40c0c; font: bold 12px arial; text-decoration: line-through ; } /* --- Page product.php --- recentrage des boutons sous le prix ----- */ p.buttonProduct { color: #c40c0c; text-align: center;} p.buttonProduct a { margin: 0 3px } /* ----- Page product : menu onglets détails ---- */ #ongletprod {overflow:hidden; border-bottom: 1px solid #ccc;} #ongletprod ul {float:left; margin:16px 16px 0 0; padding:0; list-style:none} #ongletprod li {float:left; margin-left: 3px; list-style-type:none } #ongletprod ul li {list-style-type:none ; margin: 10px 0 1px 0; } #ongletprod a, #actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url(../images/fond/coin-gauche.png) 0% -250px no-repeat} #ongletprod span, #actif span {float:left; padding:6px 10px 3px 0; background:url(../images/fond/coin-droit.png) 100% -250px no-repeat; color:#fff} #actif {background-position:0 0} #actif span {background-position:100% 0; color:#333} #ongletprod a:hover, #ongletprod a:focus {background-position:0 -500px} #ongletprod a:hover span, #ongletprod a:focus span {background-position:100% -500px} /**/ /* ----- Page product : box delais de livraison dans le premier onglet fixe ---- */ #Details-livraison { border: 1px solid #64CBC8; text-align: center; margin: 10px 0 10px 0; } /* ------------------------------------------------------------------------------------ */ /* ---------------présentation en Grille des categories et produis ------------------- */ /* ------------------------------------------------------------------------------------ */ /* ---------- Css Ajoutées - non présentes dans le fichier css screen ----------------- */ /* Tableaux dans category.php */ table.category { width: 540px; margin: 10px auto 0 auto; } /* ---- grille des produits -- */ td.top { vertical-align: top; width: 112px; height: 330px; } td.top h3 { background-color: #eeeeee; border: 1px solid #dddddd; width: 110px; height: 42px; text-align: center; margin: 0 auto 5px auto; } td.top h3 a { color: #686767; text-decoration: none; font: bold 11px arial; display: block; width: 106px; margin: 0 auto } /*td.top h3 a: hover { color: #4c4b4b }*/ td.top h3 a:hover{ color: #f05aff; } /* ---- grille des catégories -- */ td.top-categories { vertical-align: top; width: 112px; height: 300px; } td.top-categories h3 { background-color: #eeeeee; border: 1px solid #dddddd; width: 110px; height: 42px; text-align: center; text-align: middle; margin: 0 auto 5px auto } td.top-categories h3 a { color: #686767; text-decoration: none; font: bold 11px arial; display: block; width: 106px; margin: 0 auto } td.top-categories h3 a:hover{ color: #f05aff; } /* Fond des tableaux */ .catalogcategories { background: url(../images/fond/bg-tablo-cat.png) left top repeat-y } .catalogproducts { background: url(../images/fond/bg-tablo-prod.png) left top repeat-y } #catalogue { background: url(../images/fond/f-cata.jpg) left top no-repeat; width: 543px; margin: 15px 0 0 0 }*/ #catalogue h2 { margin: 0; padding: 0; width: 543px; height: 187px; } /* ------------------------------------------------------------------------------------ */ /* --------------------------------- Page internes ----------------------------------- */ /* ------------------------------------------------------------------------------------ */ /* ---------- Css Ajoutées - non présentes dans le fichier css screen ----------------- */ /* Original- lignes 170-171 */ /*.format { padding: 0 15px 20px 15px; text-align: left ; height:auto; width:530px;}*/ /*.format p { margin: 10px 0 10px 0; padding: 0 5px; width: 530px }*/ .format { padding: 0 15px 20px 15px; text-align: left ; height:auto; width:545px; overflow:hidden} .format p { margin: 10px 0 10px 0; padding: 0 5px; width: 545px; } /* Add titileterrible*/ .format-liv { padding: 0 15px 20px 15px; /*margin 0 10px 0 5px;*/ text-align: left ; height:auto; width:545px;} .format-liv p { margin: 10px 0 10px 0; padding: 0 5px } .format-liv h2 { width: 400px; border: 1px solid red } /* Add titileterrible*/ .format-article { padding: 0 15px 20px 15px; /*margin 0 10px 0 5px;*/ text-align: left ; height:auto; width:545px; overflow:hidden} .format-article p { margin: 10px 0 10px 0; padding: 0 5px } .format-article h2 { width: 400px; /*border: 1px solid red */} .format-article li { list-style-type: disc; } /* ------------------------------------------------------------------------------------ */ /* ------------------- Presentation des formulaires de devis en flash ---------------- */ /* ------------------------------------------------------------------------------------ */ /* ---------- Css Ajoutées - non présentes dans le fichier css screen ----------------- */ /* --- Div de présentation des modules en flash, activés par javascript dans estimation.php /* --- Ajout dans screen.css */ #flashmoduledevis { width: 542px; border: 1px solid #79cecb; padding-top: 10px; margin: 0 0 0 18px;} #postmodule{ margin: 0 0 0 18px;} /* ------------------------------------------------------------------------------------- */ /* --------- Modification de la box compte perso ---------- */ /* ------------------------------------------------------------------------------------- */ /* Compte perso ------- screen original ligne 222 */ /* #compteperso { position: absolute; top: 179px; right: 25px; background: url(../images/fond/f-compte.gif) left top no-repeat; width: 763px; height: 51px } #compteperso h3 { display: inline; float: left; margin: 15px 10px 0 7px } #compteperso label { color: #787878; font: normal 11px arial; margin: 0 5px 0 0; position: relative; top: -2px; left: 0 } #compteperso input.ch { width: 91px; margin: 0 5px 0 0; height: 18px } #compteperso input.validSearch { position: relative; top: 2px; left: 0 } #menu-login p.lien1 { position: relative; top: -10px; left: 372px; color: #afafaf; width: 300px } #menu-login p.lien1 a, p.lien2 a { color: #afafaf; text-decoration: underline; margin: 0 5px 0 5px } #menu-login p.lien1 a:hover, p.lien2 a:hover { color: #908e8e } #menu-login p.ccompte a { float: right; display: block; width: 156px; height: 44px; background: url(../images/fond/ccompte2.gif) left top no-repeat; text-indent: -5000px; position: relative; top: -6px; left: -22px } #bonjour { color: #106160; font: normal 13px arial; position: relative; top: 5px; left: 0; float: left } #bonjour span { color: #106160; font-weight: bold } p.lien2 { float: left; color: #afafaf; position: relative; top: 3px; left: 0 } p.lien2 a.deconnect img { position: relative; top: 3px; left: 0 } p#paraLog {} /**/ /* ------ Remplacé par ---------------> */ #compteperso { position: absolute; top: 179px; right: 25px; background: url(../images/fond/f-compte-02.jpg) left top no-repeat; width: 771px; height: 59px } #compteperso h3 { display: inline; float: left; margin: 15px 10px 0 7px } #compteperso label { color: #787878; font: normal 11px arial; margin: 0 5px 0 0; position: relative; top: -2px; left: 0 } #compteperso input.ch { width: 91px; margin: 0 5px 0 0; height: 18px } #compteperso input.validSearch { position: relative; top: 2px; left: 0 } #menu-login p.lien1 { position: relative; top: -10px; left: 372px; color: #afafaf; width: 300px } #menu-login p.lien1 a, p.lien2 a { color: #afafaf; text-decoration: underline; margin: 0 5px 0 5px } #menu-login p.lien1 a:hover, p.lien2 a:hover { color: #908e8e } #menu-login p.ccompte a { float: right; display: block; width: 156px; height: 44px; background: url(../../images/fond/ccompte2.gif) left top no-repeat; text-indent: -5000px; position: relative; top: -6px; left: -22px } #bonjour { color: #106160; font: normal 13px arial; position: relative; top: 5px; left: 0; float: left } #bonjour span { color: #106160; font-weight: bold } p.lien2 { float: left; color: #afafaf; position: relative; top: 3px; left: 0 } p.lien2 a.deconnect img { position: relative; top: 3px; left: 0 } p#paraLog {} /* ------------------------------------------------------------------------------------- */ /* --------- Modification de la sidebar gauche (présentation des catégories ) ---------- */ /* ------------------------------------------------------------------------------------- */ /* ------------------ Note : recup et modif du fichier css screen ---------------------- */ /* MENU GAUCHE 1 Catalogue dynamique */ #fondMenu_1_2 {} #menu-left li { margin: 0 0 10px 20px; padding: 0 15px 0 15px } #menu-left li a { color: #034443; font: bold 12px arial; text-decoration: none; margin: 0; padding: 0; } #menu-left li ul { margin: 3px 0 0 -34px } /* Add titileterrible */ #menu-left ul{ margin: 3px 0 0 15px } #menu-left li a:hover{ color: #f05aff; } #menu-active-top { background: url(../images/newboxes/grisblanc-v5-top-212-26.jpg) left top no-repeat ; width: 212px; height: 26px; padding:0 ; margin: 0 0 0 18px } #menu-active-mid { background: url(../images/newboxes/grisblanc-v5-middle-212-5.jpg) left top repeat-y; width: 212px; /*height: 5px*/; padding:0 ; margin: 0px 0 0 18px } #menu-active-bot { background: url(../images/newboxes/grisblanc-v5-bottom-212-29.jpg) left bottom no-repeat; width: 212px; height: 29px; padding: 0; margin: -10px 0 0 18px } #menu-active-mid h4 { text-align: center; font-weight: bold; font-size: 15px; margin: 0 0 10px 0; padding: 0 6px 10px 6px; background: url(../images/fonds-menus/bg-li-foire.gif) 20px bottom no-repeat } #Menu-Top { background: url(../images/newboxes/bleugris-v5-top-212-26.jpg) left top no-repeat ; width: 212px; height: 26px; padding:0 ; margin: 0 0 0 18px } #Menu-Mid { background: url(../images/newboxes/bleugris-v5-middle-212-5.jpg) left top repeat-y; width: 212px; /*height: 5px*/; padding:0 ; margin: 0px 0 0 18px } #Menu-Bot { background: url(../images/newboxes/bleugris-v5-bottom-212-29.jpg) left bottom no-repeat; width: 212px; height: 29px; padding: 0; margin: -10px 0 0 18px } #Menu-Mid h4 { text-align: center; font-weight: bold; font-size: 16px; margin: 0 6px 10px 6px; padding: 0 5px 10px 0; background: url(../images/fonds-menus/bg-li-foire.gif) 20px bottom no-repeat } #foire-Top { background: url(../images/newboxes/grisclair-v5-top-212-26.jpg) left top no-repeat ; width: 212px; height: 26px; padding:0 ; margin: 0 0 0 18px } #foire-Mid { background: url(../images/newboxes/grisclair-v5-middle-212-5.jpg) left top repeat-y; width: 212px; /*height: 5px*/; padding:0 ; margin: 0px 0 0 18px } #foire-Bot { background: url(../images/newboxes/grisclair-v5-bottom-212-29.jpg) left bottom no-repeat; width: 212px; height: 29px; padding: 0; margin: -10px 0 0 18px } h3#foire { margin: 0 0 10px 15px; padding: 0 } #menu-left3 { margin: 0; padding: 0 } #menu-left3 li { margin: 0 0 12px 22px; padding: 0 0 3px 0; background: url(../images/fonds-menus/bg-li-foire.gif) 0 bottom no-repeat } #menu-left3 li a { color: #787878; font: normal 12px arial; text-decoration: none; margin: 0; padding: 0 } #menu-left3 li a:hover{ color: #000000; } #foire-Mid h4 { text-align: center; font-weight: bold; font-size: 16px; margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(../images/fonds-menus/bg-li-foire.gif) 20px bottom no-repeat ); } /* ------------------------------------------------------------------------------------- */ /* -------------------------- Modification de la sidebar droite ----------------------- */ /* ------------------------------------------------------------------------------------- */ /* ligne originale screen css suivante desactivée */ /*#droite { margin-left:-13px; }*/ /* Remplacée par */ #droite { margin-left:-13px; } .Bloc-Panier-Droite-Top { background: url(../images/newboxes/boxesgauches-gris-v6-top-210-22.jpg) left top no-repeat ; width: 226px; height: 22px; padding: 0 0 0 0; margin: 0 0 0 10px; } .Bloc-Paiement-Droite-Top { background: url(../images/newboxes/boxesgauches-gris-v6-top-210-22.jpg) left top no-repeat ; width: 226px; height: 22px; padding: 0 0 0 0; margin: 0 0 0 10px; } .Bloc-Droite-Gris-Mid { background:url(../images/newboxes/boxesgauches-gris-v6-middle-210-5.jpg) left top repeat-y; width: 226px; padding: 0; margin: 0 0 0 10px; } .Bloc-Droite-Gris-Bot { background: url(../images/newboxes/boxesgauches-gris-v6-bottom-210-25.jpg) left bottom no-repeat; width: 226px; height: 25px; padding: 0; margin: 0 0 0 10px; } .Bloc-Droite-Gris-Mid .paniersimple { padding:0; color:#737373; margin:0 0 0 -15px; font-size:12px; font-weight:bold; line-height: 24px;} .Bloc-Droite-Gris-Mid .paniersimple a {text-decoration:none;} .Bloc-Droite-Gris-Mid .paniersimple a:hover {color:#F05Aff;} .Bloc-Droite-Gris-Mid .paniersimple img {margin:0} .Bloc-Droite-Gris-Mid .un { padding: 10px; color: #666666; font: bold 12px arial; position: relative; top: 0; left: 4px; text-align: center; margin: 0 0 0 -15px;} .Bloc-Droite-Gris-Mid .un a { text-decoration: none; } .Bloc-Droite-Gris-Mid .un img { margin: 6px 0 0 0; } .Bloc-Droite-Gris-Mid .deux { text-align: center; padding: 5px 0 0 0; margin: 0 0 0 -15px;} #BlocLivraison { position: relative; top: 0; margin: 0 0 0 10px; } #BlocLivraison a { text-indent: -5000px; display: block; width: 226px; height: 112px; background: url(../images/newboxes/v3-livraison.jpg) left top no-repeat; } #Bloc3FoisSansFrais { position: relative; top: 0; margin: 0 0 0 10px; } #Bloc3FoisSansFrais a { text-indent: -5000px; display: block; width: 226px; height: 80px; background: url(../images/newboxes/v3-paiement3fois.jpg) left top no-repeat; } #BlocPiecesDetachees { position: relative; top: 0; margin: 0 0 0 10px; } #BlocPiecesDetachees a { text-indent: -5000px; display: block; width: 226px; height: 80px; background: url(../images/newboxes/v3-piecesdetachees.jpg) left top no-repeat; } /* PUB ---- ligne 307 */ .advert468 { margin: 15px 0 20px 0; text-align: center } .advert125 { /*margin: 0 0 0 55px;*/ clear: both } .advert125 a { text-decoration: none } /* ---------------- Promotions (bas) ---------------------------- */ /* -------------------------------------------------------------- */ /* Screen-css (ligne 335 ) ----> #promotions { background: url(../images/fond/promo.jpg) left top no-repeat; width: 543px; height: 149px; margin: 6px 0 0 0; border: 1px solid #fff } -- Remplacée par : ------>*/ #promotions { background: url(../../images/fond/promo.jpg) left top no-repeat; width: 543px; height: 149px; margin: 6px 0 0 13px; border: 1px solid #fff }