#headerBtn { padding-top:24px;} #print #header { background:none; height: 64px;} /* ############################# C O M M U N ################################ */ body {margin:0; padding:0;} body, html {height: 100%; margin: 0;padding: 0;} h1 { margin:0; padding:10px; font-size:2.2em; font-weight:normal; color:#ccc} h2 { margin:0; padding:4px; font-size:1.4em; color:#999 } h3 { margin:0; padding:4px 8px; font-size:1.2em; color:#666 } h4 { margin:0; padding:4px 12px; font-size:1.0em; color:#000 } a { text-decoration:none; color:#0989d6} a:hover { color:#003296} td,th { vertical-align:top} p.btnPdt { padding-top:5px !important} p.btnGen { text-align:center} .vide{ display:none !important} .line1 { background-color:#eee} .line2 { background-color:#fff} a:hover {cursor:pointer} #modulesIndex ul a, #modulesIndex ol a, #modulesIndex dl a {display:block; padding: 2px 5px; margin:0;} .blocPrix { margin:5px 0; padding:0} .blocPrix span { white-space:nowrap; display:block} .prix { margin:0 5px 0 0; padding:0; color:#000; font-weight:normal; line-height:15px; } .prixHT { white-space:nowrap; margin:0 5px 0 0; font-weight:normal; line-height:15px} .prixPromoNewHT {white-space:nowrap; color:#b80000; font-weight:normal; line-height:15px} .prixPromoNew {white-space:nowrap; color:#b80000; font-weight:bold; font-size:1.2em; margin:0 5px 0 0; line-height:15px} .prixPromoOldHT {text-decoration: line-through; color:#999; font-weight:normal; line-height:15px} .prixPromoOld {white-space:nowrap; text-decoration: line-through; color:#999; font-size:1.0em; margin:0 5px 0 0; line-height:15px} td span.prix, td span.prixHT, td span.prixPromoNewHT, td span.prixPromoNew, td span.prixPromoOldHT, td span.prixPromoOld { white-space:nowrap; font-size:1em; } .tableau .prix span {display: block} img { border-width:0; } hr { clear:both; margin:0; padding:0; height:1px; visibility: hidden; border:0} #colBody div.spacer { margin:0; padding:0; background-color:#ccc; width:90%; height:5px; clear:both} input {font-size:1em;} select {font-size:1em} textarea {font-size:1em} form {padding:0; margin:0;} .hideLabel { display:none} #rp_login .multiLabel, #rp_login .multiLabel, #rp_contact .multiLabel, #rp_search .multiLabel, #rp_critiques .multiLabel{float:none !important; display:inline !important; clear:none !important} .error { color:#fff; background-color:#b80000; padding:5px; text-align:center; margin:10px 10px 10px 0; width:95% !important} .confirmation { color:#fff; background-color: #009900; padding:5px; text-align:center; margin:10px 10px 10px 0; width:95% !important} #form_pa p span { background:none !important; border:0; color:#f00} #rp_login span, #rp_contact span, #rp_search span, #rp_caddie span, #rp_critiques span { margin:2px; padding:0; width:97%; display:block; float:none; }/* c les float none qui fait chier (pb d'affichage sous ie) qd on met un float none c ok*/ #rp_login label, #rp_login span strong, #rp_contact label,#rp_contact span strong, #rp_search label, #rp_search strong, #rp_caddie label, #rp_critiques label{ float:left; text-align:right; padding-right:5px; margin:0; width:160px; font-weight:bold; } #secureCode span em { float:left; text-align:right; padding-right:5px; width:160px; } #rp_caddie span { margin:0; padding:3px; clear:none; float:none; width:auto} /* modif luc 15/11/2005 => correction affichage choix_mode_paiement.php */ #rp_caddie label { float:none; width:auto; padding-left:5px; text-align:left; font-weight:normal} .colLeft { float:left; width:180px; } #colBody {z-index:0;} .marginLeft #colBody {margin-left:180px; padding-left:5px} .marginRight #colBody {margin-right:150px; padding-right:5px} .colRight { float:right; width:150px; } #body {clear:both} /* ############################# HEADER ################################ */ #bandeau { display:none} #header { clear:both; } #header hr { display:none} #headerBtn, #headerBtn2, #panier { list-style-type:none; clear:right; float:right; } #headerBtn li {} #headerBtn li, #headerBtn2 li {float:left} #headerBtn a, #headerBtn2 a { padding:0 20px 0 0} #headerBtn .btnAccueil { display:none} #logo { float:left; overflow:hidden; margin:0} #pub { float:right; overflow:hidden; } #panier{padding:3px; margin:5px 5px; width:180px;} #panier p{ padding:0; margin:0; float:left;} #panier span{ display:block; padding-top:3px; text-align:right} #panier .totalPanier{ font-weight:bold} #panier .totalPanierConditions{ font-weight:normal; margin:0; padding:0; font-size:9px} #panier a{ display: block;float:left; margin:5px 0} /* ############################# AJAX POPUP ################################ */ /*remplacement du positionnement pour que le div soit visible tout le temps sous ie (remplacement du top en bottom*/ #cartContentNotification { z-index:99; background-color:#eee; border:3px solid #666; width:250px; height:150px; padding:10px; display:none; margin-left:-100px; left:50%; bottom:50%; margin-bottom:-100px} html>body #cartContentNotification { position: fixed; } * html #cartContentNotification { position:absolute;} #cartContentNotification p { margin:0; padding:0; } #cartContentNotification span { display:block; padding:10px 0; margin:10px 0; height:40px; border-width:1px 0; border-color:#ccc; border-style:solid} #cartContentNotification span img { float:left; border:1px solid #ccc; margin-right:10px} #cartContentDesc,#loginArea{ background-color:#eee; border:1px solid #666; width:200px; margin:10px 0 0 -120px; padding:10px; position:absolute; display:none; z-index:99 !important} #cartContentDesc ul { list-style-type:none; margin:0; padding:0; } #cartContentDesc li { margin:3px 0; padding:0; border-bottom:1px solid #ccc; width:100%; line-height:13px; overflow:hidden; clear:both;} #cartContentDesc li img { float:left; margin-right:5px; border:1px solid #ccc} #cartContentDesc li a { font-weight:normal} /* ############################# HEADER 2 ################################ */ #header2 h1 { display:none} #header2 ul { list-style-type:none; margin:0; padding:0} #header2 .geninf { width:100% !important; } #header2 .geninf li { float:left; white-space:nowrap } #header2 .geninf li a { display:block; } #nav { clear:both; } #nav p {margin:0; padding:0} #path { float:left; } #date, #langues { float:right; } /* ############################# INDEX => éléments e la page d'accueil ################################ */ #rp_index #txtIndex img:after, #rp_index #catIndex:after, #rp_index #pdtIndex:after, #rp_index #modulesIndex ul:after, #rp_index #modulesIndex:after, #rp_index #txtcat:after {content: "" !important;display: block !important;height: 0 !important;clear: both !important;} #txtIndex { padding-bottom:10px; overflow:hidden} .multiPgs { display:block;padding:5px 0 0 2px; margin:0} .multiPgs span {display:block; float:left; text-align:center; } .multiPgsSelect {border:1px solid #ccc; background-color:#f5f5f5; width:18px; height:14px; padding:2px 0; margin: 1px} .multiPgs a {display:block; border:1px solid #eee; width:18px; height:12px; margin:1px; padding:2px 0} .multiPgs a:hover {border:1px solid #ccc; background-color:#eee; height:14px; margin-top:0} .multiPgsResult {display:inline; margin-left:10px; vertical-align:middle;} /* ############################# MODULES INDEX ################################ */ /* 2008.08.01.luc #modulesIndex h1 { padding:3px; font-size:1.4em; font-weight:bold} #modulesIndex dl, #modulesIndex p, #modulesIndex ul{ margin:0; padding:0; } #modulesIndex li a, #modulesIndex dl a { margin:0; padding:0; } #modulesIndex ul {list-style-type:none; } #modulesIndex ul li {padding:0; margin:0; display:inline;} #modulesIndex dt {margin:0; padding:0; font-weight:bold} #modulesIndex dd {margin:0; padding:0; } #modulesIndex span {display:block; } #modulesIndex label { display:none} #modulesIndex ol { padding:0; margin:0 0 0 25px; } #modulesIndex ol li a { width:auto !important; } #modulesIndex #spe a {display:block} #modulesIndex #newpdt li{float:left; display:block; width:140px !important; padding:2px; margin:2px; border-width:1px ; border-style:solid; border-color:#eee; } #modulesIndex #newpdt li a {width:auto; } #modulesIndexTop #newpdt li, #modulesIndexBottom #newpdt li {float:left; padding:2px; margin:2px; width:140px !important; border-width:1px; border-style:solid; border-color:#eee; } #modulesIndexTop #newpdt li a, #modulesIndexBottom #newpdt li a {width:auto; } #modulesIndexMiddle div div { padding:5px} */ /* ############################# DIVERS ################################ */ .popoup { background:none !important} #rp_popup { width:90%; height: 100%; padding:5%; margin:0; background-color:#fff !important; background-image:none !important} #rp_popup input.btn { margin-left:125px; } #rp_popup span { float:none} #rp_popup label { width:120px} .popup { background-image:none !important; background-color:#fff !important} .alignRight { text-align:right !important; } .alignLeft { text-align:left} .alignCenter { text-align:center} .codePromo { font-weight:bold; color:#50A000;} /* ############################# PRINT ################################ */ #print #bgrd { width:auto !important; } #print #container { width:auto !important; height:100%; position:relative; margin:0; padding:2%; left:0; background-color:#fff} #print #header {border-bottom:1px solid #ccc; } #print #pub, #print #headerBtn, #print #headerBtn2,#print #panier, #print #nav, #print #catalogue { display:none} #print #footer { background-image:none; margin:0; padding:0; border-top:1px solid #ccc} #print #colBody{ width:100%; margin:0; padding:10px 0 0 0; background-color:#fff} #print .colLeft { display:none} #print .colRight { display:none} #print #critiques a { display:none} #print #printPdt a { display:none} #print #pdtStock { display:none} #print .pdtAnnexe a {display:none} #print .pdtCmd a { display:none} #print #header, #print #nav, #print #container, #print #colBody, #print #body { background-image:none; } @media print { table { border:0 solid #000; border-collapse:collapse} td { border:1px solid #666; padding:0 5px} th { border:1px solid #666; padding:0 5px} .totalTxt { border-width:0; } .btn { display:none} } /* ############################# PAGE COMPTE CLIENT ################################ */ #rp_login #loginform h2 { text-align:center; margin:0 30px; } #rp_login span { float:none} h2.blocForm { margin-bottom:0 !important} p.blocForm { border:1px solid #ccc; background-color:#f5f5f5; margin:20px; margin:0 0 20px 0; padding:10px } #rp_login #loginform p.login_account, #rp_login #loginform p.btn_create_account_contact { text-align:left; background-color:#fafafa; border-width:1px; border-style:solid; border-color:#ccc; margin:0 10px 30px 10px; padding:15px; width:88%} * html #rp_login #loginform p.login_account, * html #rp_login #loginform p.btn_create_account_contact{margin:0 10px 30px 10px;width:84%} #rp_login #loginform p.login_account { height:70px } #rp_login #loginform p.btn_create_account_contact { font-weight:bold; height:20px; text-align:center } #rp_login p { float:left !important; width:98%} #rp_login p span strong { text-align:left} #rp_login form {} #create_account_from p { padding:5px;}/*Ajouter par jérémie le 16/10/06 pour regler le pb dans la création de compte (décalage desdeux bloc "crer un compte" et "adresse de fact.")*/ #rp_login_nav { list-style-type:none; margin:3px 0 20px 0; padding:0 0 0 5px ; border-width:0 0 1px 0; border-style:solid; border-color:#666} #rp_login_nav li { display:inline; margin:0 -1px 0 0; padding:0; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc; } #rp_login_nav li.link { padding:0 7px; margin:0 0 0 1px ; font-weight:bold; border-width:1px 1px 1px 1px; border-style:solid; border-color:#666 #666 #fff #666; background-color:#fff} #rp_login_nav li a { margin:0; padding:0 7px; background-color:#eee} #rp_login_nav li a:hover { background-color:#fff} #rp_login li { list-style-type:none; display:inline} #rp_login dt {width: 170px; text-align: right; font-weight:bold} #rp_login dd {margin: -12px 0px 0px 180px} /*****parainnage****/ #rp_login .parrainage_historique{ float:left;} #rp_login .parrainage_historique caption { padding-bottom:10px;} #rp_login #form_pa p span input{ display: inline !important; float: left} #rp_login #form_pa p span label{ padding-top:3px; color:#999 !important} #rp_login #form_pa p span .Valider{ margin-left:10px;} #rp_login #form_pa .error{ display:block; padding:5px; background-color:#DE0000 !important; color:#fff; margin-top:5px} /* ############################# TABLEAU CADDIE LOGIN ################################ */ #rp_caddie table, #rp_login table{ width:98%; border:1px solid #ccc; margin-bottom:20px} #rp_caddie th, #rp_login th { white-space: nowrap; padding:1px 3px 1px 3px; background-color:#ccc} #rp_caddie tbody tr, #rp_login tbody tr { cursor: pointer; } #rp_caddie td, #rp_login td { padding:1px 3px 1px 3px; border:0px solid #ccc; background-color:#f2f2f2} td.totalTxt { border-width:0 !important; background-color:#fff !important} /* ############################# PAGE CADDIE ################################ */ #rp_caddie .qte { white-space:nowrap; } #rp_caddie td br { display:none } #rp_caddie td label { display:none; float:none} #rp_caddie table ul { margin:0; padding:0} #rp_caddie table li {list-style-image:url(../commun/puce_option.png); font-style:italic; margin-left:15px; display:block} #rp_caddie ul { margin:10px; padding:0} #rp_caddie li { list-style-type:none; display:inline} #rp_caddie p { /* padding: 0; margin:10px 0 0 0; */} /* luc 31/08/2006*/ #rp_caddie p strong { display:block} .totalTxt {font-weight: bold; text-align: right; } .subtotal {white-space: nowrap} .total {font-weight: bold; text-align: right; white-space: nowrap} #rp_caddie dl { margin:0; padding:0} #rp_caddie dd { margin: -20px 0 0 30px} #rp_caddie #code { margin:20px 0 0 0} #rp_caddie #code #code_promo { } #rp_caddie #code input { vertical-align:middle} #rp_caddie .btn { text-align:right; margin:20px 0 20px 0; width:98%} #rp_devis { margin:0 20px 20px 20px} #rp_devis #logo { margin:0; padding:0; float:none} #rp_devis .infoBoutique { width:200px; float:left} #rp_devis .infoClient{ width:200px; padding:20px; border:1px solid #ccc; float:right} #rp_devis h1 { border-top:1px solid #ccc; clear:both; text-align:center; padding:10px; } #rp_devis p strong { color:#000000; display:inline} ul.step { height:80px} ul.step span { display:block; font-size:3.2em; line-height:36px} ul.step li { float:left; width:24%; text-align:center; color:#ccc} ul.step li.link { color:#000} /* ############################# PAGE LISTE CAT ################################ */ /* ############################# nouveau mise en avant dans la liste produit ################################ */ /*** MODULES CAT ***/ #modules_cat { width:99%; border-collapse:separate} #modules_cat td div{ border:1px solid #ddd;padding:1px} #modules_cat h1 span { display:none} #modules_cat h2 span { display:none} #modules_cat h2 { padding:5px ; font-size:12px; border-width:1px ; border-style:solid;} /*** MODULES PDTS ***/ #modules_pdts { width:96%; border:1px solid #ddd; height:140px; margin-left:10px} #modules_pdts ul { float:left; width:24%; list-style-type:none; } #modules_pdts hr { display:none} .tri {margin-left:10px; border-bottom:1px solid #ccc} #modules_pdts p { float:left; width:140px; margin-left:20px} /*** GONDOLES ***/ #gondole { border:1px solid #ddd; width:98%; margin:20px 0; padding:1px} #gondole h1{ padding:5px ;} #gondole hr { display:none} #gondole ul { margin:0; padding:0; width:100%; height:160px} #gondole li { border:0; width:31.5% !important; text-align:center} #txtcat {overflow:hidden; margin:0 0 20px 0; } #txtCatImg {float:left; margin:0 5px 5px 0} #txtcat hr { display:none; } /*-------------------- GONDOLE ---------------------------*/ #gondole li{float:left; display:block; width:140px !important; padding:2px; margin:2px; border-width:1px ; border-style:solid; border-color:#eee; } #gondole li a {width:auto; } #gondole span { display:block; text-align:center} /*-------------------- STOCK ---------------------------*/ .stock_display_view span{ padding:3px 0} .stock_null{padding-left:20px;} .stock_positif{padding-left:20px;} .stock_alert{padding-left:20px;} /* ############################# PAGE PRODUIT ################################ */ #fichePdtHeader { float:left; width:98%} #fichePdtHeader img {float:left;} #fichePdtHeader h1 span { display:inline; margin:0; padding:0 5px; clear:none; border-width:0 1px 0 0; border-style:solid;} #rp_pdt h2 {margin:10px 0 5px 0} .blocListPdtVide{ border-width:0 !important} .fichePdt {margin:30px 0; float:left; border-bottom:1px solid #ccc; width:100%; padding-bottom:10px} .fichePdtContent { padding:0; margin-left:280px !important; margin: 0; float: none !important; float: left; } .fichePdtContent h1 { padding: 0 0 10px 0; } .fichePdtContent h1 span { margin: 0; } .fichePdtContent p { float:none !important; } .fichePdtContent span { display:block; margin:2px; text-align:left} .fichePdtContent label { float:left; width:80px; text-align:right; padding-right:5px} .fichePdtContent span select { width:120px} .fichePdtContent p span{ display:inline} .fichePdtContent #pdtStock span{ display:block} .fichePdtContent p.prix { text-align:left; width: 30%; padding:10px 0 10px 0;} .fichePdtContent p.prix span { width:160px; padding:2px 0; display:block; margin: 0; } .fichePdtContent p.prix .prixTTC { font-size:1em; font-weight:normal; letter-spacing:-1px; line-height: 1em; } .fichePdtContent p.prix .prixHT { font-size:1em; font-weight:normal; line-height: 1em; } .fichePdtContent p.prix .prixPromoNew { font-size:1em; font-weight:normal; letter-spacing:-1px; line-height: 1em; } .fichePdtContent p.prix .prixPromoNewHT {font-size:1em; font-weight:normal; line-height: 1em; } .fichePdtContent p.prix .prixPromoOld { font-size:0.6em; font-weight:normal; margin:0 !important; padding:0 !important; line-height: 0.6em; } .fichePdtContent p.prix .prixPromoOldHT {font-size:0.6em; font-weight:normal; padding:0 !important; margin:0 !important; line-height: 0.6em; } .fichePdtContent p.HT span.prixHT {font-size:1em !important; font-weight:normal; letter-spacing:-1px; line-height: 1em; } .fichePdtContent p.HT span.prixPromoNewHT {font-size:1em; font-weight:normal; letter-spacing:-1px; line-height: 1em; } #pdtStock {margin:0; padding:0; width:200px; } #pdtStock input { margin:0 5px 0 0; vertical-align:middle} #pdtStock img { vertical-align:middle} .fichePdtContent table.tarifs { border:1px solid #ccc; width:98%; float:left; margin:10px 0} .fichePdtContent table.tarifs td.nowrap { text-align:right;} .fichePdtContent #pdtStock span{ text-align:left; margin:10px 0} .fichePdtContent #pdtStock span{padding-bottom:10px} .fichePdtContent #pdtStock span input{margin-left:10px} .fichePdtContent .options_produit span{ display:block; padding-bottom:5px} .fichePdtContent .options_produit span label { text-align:left;} .fichePdtContent #pdtStock span, .fichePdtContent .options_produit span label { font-size:11px} .fichePdtContent #pdtStock span #conditionnement_list .conditionnement_header{ font-weight:bold;} .fichePdtContent #pdtStock span #conditionnement_list td{text-align:center;} .fichePdtContent .description_suite { margin-bottom: 10px; width: 100% !important; width: 98%; } .btn_pdt_back { display: none; } /**********************************************************/ .fichePdtImg { float:left; width:270px; } .fichePdtImg p { display: block; margin: 3px 0; } .fichePdtImg a {display:block; margin:5px 0; text-align:center; padding: 10px 0; /*border-width:1px; border-style:solid; */ } .fichePdtImg .blocListPdtImg a, .fichePdtImg .blocListPdtImgSupp a {border-width:1px; border-style:solid; border-color:#ccc} .fichePdtImg .blocListPdtImg { text-align:center; } .fichePdtImg .blocListPdtImg a:hover, .fichePdtImg .blocListPdtImgSupp a:hover {border-color:#999} .fichePdtImg ul {list-style-type:none; margin:0; padding:0} .fichePdtImg ul li { float:left; margin:0 2px 2px 0; padding:0;} .fichePdtImg ul li a { margin:0 !important; padding:0 !important; } .fichePdtImg .pdtShare li { margin: 2px 4px 2px 4px; } .fichePdtImg .pdtShare a { width: 18px; height: 18px; padding: 2px 1px 1px 1px !important; border: 1px solid #ebebeb; } .fichePdtImg .pdtShare a:hover { border-color: #cacaca; } .fichePdtImg .pdtRate { float: none; } #critiques { border-width:1px; border-style:solid; border-color:#ccc; margin:0; } #critiques strong {padding:5px} #critiques span { display:block; } #critiques span span { font-size:1.8em; color: #666; display:inline; padding:5px} #sendPdt, #printPdt { margin:3px 0 } #sendPdt a, #printPdt a {border-width:1px; border-style: solid; border-color:#ccc; padding:3px 0; margin:0; } /**********************************************************/ /* CSS appliqué sur le zoom simple 'n'existe plus dans la 4.5.2)*/ /* p#afficheImg { margin:0; padding:0; } p#afficheImg img { position:absolute; top:0;} p#afficheImg a { position:absolute; bottom:0; width:100%; text-align:center; height:16px; padding:7px; margin:0; border-width:1px 0 0 0; border-style:solid} /* CSS appliqué sur le zoom multiple */ /* body#afficheImg { margin:0; padding:0; background-image:none !important; background-color:#fff !important} body#afficheImg ul { list-style-type:none; margin:0 0 0 3px; padding:0} body#afficheImg li { margin:6px 3px; border:1px solid #ccc; float:left} body#afficheImg p { margin:0; padding:0; text-align:center} body#afficheImg p a span { display:block; position:absolute; bottom:0; left:0; width:100%; padding:2px; background-color:#ccc !important; color:#666 !important; font-weight:bold} body#afficheImg p a:hover span { background-color:#000 !important; color:#fff !important} body#afficheImg p a { display:block; } /* css 4.5.2 */ .popup_img ul{ list-style-type:none; float:left; margin:0; padding:0} .popup_img li{ display:inline; margin:0 5px; padding:5px;border:1px solid #ccc} .popup_img p { text-align:center; padding:20px 0} /**********************************************************/ #champ_perso { border:1px solid #ccc; width:98%; margin-bottom:20px !important; float:left} #champ_perso th { text-align:left; width:30%} table.pdtAnnexe { margin-bottom:20px !important; float:left} .pdtAnnexe { margin:0; padding:0; border-collapse:collapse; } .pdtAnnexe caption {background-color:#eee; font-weight:bold; font-size:1.2em; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc} .pdtAnnexe span { display:block} .pdtAnnexeSub h1 {margin:0; padding:0; } .pdtAnnexeSub h2 {margin:0; padding:0; text-align:left} .pdtAnnexeSub h3 {margin:0; padding:0; text-align:left; display:inline} .pdtAnnexeSub h4 {margin:0; padding:0 5px; text-align:left; display:inline} table.pdtCmd {margin-bottom:20px !important; float:left} .pdtCmd caption { background-color:#eee; font-weight:bold; font-size:1.2em; border-width:1px 1px 0 1px; border-style:solid; border-color:#ccc} .pdtCmd span { display:block} #rp_critiques dt span { text-align:right; margin:0; padding:0} #rp_critiques dt label { float:left; width:75%; text-align:left; } #rp_critiques dd {margin:0 0 20px 0; padding:2px; font-style:italic} #rp_critiques a { float:left; border-style:solid; border-width:1px; text-align:center; padding:1px 5px; margin:0 1% 0 0} #rp_critiques span a { border-width:0; text-align:center; } #rp_critiques p a { border-width:0; } #lotPdts { border:1px solid #ccc; float:left; width:98%; } #lotPdts h2 { margin:10px; padding:0} #lotPdts ul { list-style-type:none; margin:10px; padding:0} #lotPdts ul li { border-top:1px dashed #ccc; line-height:15px} #imgLotPdts { float:left; width:80px; height:80px; margin:0 10px; } /* ############################# PAGE LIBRES ################################ */ #rp_pages img {margin:0 10px 5px 0;} #rp_pages_content, #rp_pages_content_all, #rp_pages_content_left, #rp_pages_content_right { padding:10px; } #rp_pages_content { margin:0 150px 0 180px; } #rp_pages_content_left { margin:0 140px 0 0; } #rp_pages_content_right { margin:0 0 0 180px; } #rp_pages_menu a {overflow:hidden; } /* MENU */ #rp_pages_menu ul { margin:0; padding:0; list-style-type:none} #rp_pages_menu a {display:block; padding:2px 5px; margin:2px; border-style:solid; border-width:1px; overflow:hidden; } #rp_pages_menu a:hover { /*background-color:#eee*/} #rp_pages_menu li img { display:block; margin:-2px -5px} /* MENU CENTRE */ #rp_pages #rp_pages_menu { margin:0; float:left; width:100%; } #rp_pages #rp_pages_menu li { display:block; float:left; white-space:nowrap; margin:0; padding:0; } /* MENU DROIT */ .colRight #rp_pages_menu {border-width:0; margin:20px 0 0 0; padding:0; float:none} .colRight #rp_pages_menu li { float:none; width:130px} .colRight #rp_pages_menu li a { float:none; width:130px; } /* MENU GAUCHE */ .colLeft #rp_pages_menu { border-width:0; margin:20px 0 20px 10px; padding:0; float:none} .colLeft #rp_pages_menu li { float:none; width:130px} .colLeft #rp_pages_menu li a { float:none; width:130px } /* ############################# COLONNE LEFT + RIGHT ################################ */ .col div { border:1px solid #fff} .col h1 {margin:0; padding:10px; font-size:1.4em; font-weight:bold} .col h1 span { display:inline !important} .col p {text-align: center; margin:0; padding:0 10px 10px 10px; } .col div {overflow:hidden; } .colLeft div object, .colLeft div embed { width:178px; } .colRight div object, .colRight div embed { width:148px; } .col ul { margin:0; padding:10px 0; list-style-type:none;} .col ol { padding:0; margin:0 0 0 25px; background-position:-25px} .col ol li a { width:auto !important; } .col dl { margin:10px; padding:0; } .col dt { margin:0; padding:0; font-weight:bold} .col dd {margin:0; padding:0; } .col hr {display:none} .col li {padding:0; margin:0; } .col span {display:block;} .col span label { display:none} .col ul li a, .col ol li a {display:block; padding:0 10px; margin:0; width:auto; line-height:15px; } .col ul li { display:inline} /* ############################# BLOCS ################################ */ p a.btnBloc {display:block; font-weight:bold; text-align:center; } #news dl { padding-bottom:10px} #avis {} #avis dd {font-style:italic} #avis p { text-align:center} #newpdt h2 #rss{ float:right} /* 2008.08.01.luc #newpdt ul { margin:0; padding:0} #newpdt li { border-width:0; text-align:center; display:block; } #newpdt li a { background:none} #newpdt li span {display:block; overflow:hidden; width:100%; padding:0; margin:0; height:12px !important; line-height:12px !important; vertical-align:middle; } #newpdt li .prix,#newpdt li .prixPromoNew { height:15px !important; line-height:15px !important;} #newpdt p { clear:both; margin:0; text-align:center} */ .col #newpdt .blocNewPdtImg { border-width:0; } .col #newpdt li { border-width:0 0 1px 0; margin:0; border-color:#eee; border-style:solid} #search {} #search label { display:none; } #spe {} .colLeft div.blocSpeImg, .colRight div.blocSpeImg { border-width:0 0 1px 0; border-color:#eee; margin:5px} /* #spe p {text-align:center; margin:0; padding:0} #spe p span { display:block} #spe span a { font-weight:bold} */ .colLeft #spe a, .colRight #spe a { display:block; text-align: center} #bloclogin {} #bloclogin li { border-width:0; } #bloclogin li a { font-weight:bold} #bloclogin p { text-align:center} #best p { height:90px; text-align:center; overflow:hidden} .colLeft #best p { width:158px} .colRight #best p { width:128px} .colLeft #best li span {margin:-20px 0 0 160px; border:1px solid #ccc} .colRight #best li span {margin:-60px 0 0 -120px; border:1px solid #ccc} #modulesIndexTop #best p, #modulesIndexBottom #best p { float:left} #modulesIndexTop #best ol, #modulesIndexBottom #best ol { margin:0 0 10px 120px} #caddie p { padding:5px} /* ############################# BLOCS LISTE DEROULANTE ################################ */ .colLeft #theme select, .colLeft #types select, .colLeft #devise select { width:158px; border:1px solid #bbb; } #modulesIndex select { width:95%; border:1px solid #bbb; } .colRight #theme select, .colRight #types select, .colRight #devise select { width:128px; border:1px solid #bbb; } /* ############################# BLOCS CHAMP DE SAISIE ################################ */ #mlist span input, #search span input, #bloclogin span input, #ajout_rapide span input { vertical-align: middle; } #search span, #ajout_rapide span, #bloclogin span, #mlist span {height:17px; margin-top:3px; padding:0; text-align:left !important;} #search span button {background:none;border:none;width:17px;height:17px;vertical-align:middle;cursor:pointer;} #ajout_rapide #quickie, #bloclogin #password_login, #bloclogin #email_address_login, #mlist #mliste, #search #keywords {height:15px; border:1px solid #ccc; margin:0; padding-left:5px;} #search button { width:25px; height:20px; margin:0; padding:0} #search span input { vertical-align: top !important} /*********** Colonne gauche **************/ .colLeft #search span, .colLeft #ajout_rapide span, .colLeft #bloclogin span, .colLeft #mlist span { width:148px;} .colLeft #ajout_rapide #quickie, .colLeft #bloclogin #password_login, .colLeft #bloclogin #email_address_login, .colLeft #mlist #mliste, .colLeft #search #keywords { width:90px; } /*********** ModulesIndex **************/ #modulesIndex form p { text-align:center; } #modulesIndex form span { margin:3px auto; width:120px;} #modulesIndex #ajout_rapide #quickie, #modulesIndex #bloclogin #password_login, #modulesIndex #bloclogin #email_address_login, #modulesIndex #mlist #mliste, #modulesIndex #search #keywords { width:90px; } /*********** Colonne droite **************/ .colRight #search span, .colRight #ajout_rapide span, .colRight #bloclogin span, .colRight #mlist span { width:118px; } .colRight #ajout_rapide #quickie, .colRight #bloclogin #password_login, .colRight #bloclogin #email_address_login, .colRight #mlist #mliste, .colRight #search #keywords { width:70px; } /* ############################# FOOTER ################################ */ #footer{ margin:0; padding: 0 0 5px 0; clear:both; } #footer label {font-weight: bold} #footer p { margin:0; padding:5px; text-align:center} #footer ul { list-style-type:none; margin:0; padding:0; text-align:center; } #footer li { display:inline} #footer li a span { display:none} li#valid_wai { display:none; } #footer li a img { vertical-align:bottom;} li#logo_footer_r34 { display:none;} li#logo_footer_rpack { background: url("../../../images/logo_footer_rpack.png") bottom left no-repeat; width: 80px; } li#logo_footer_rpack a span { display: inline; color: #212121; font-size:8px; padding: 0 10px 0 52px !important; font-weight: bold; } /* ############################# MENU ################################ */ #menu li ul { border-width:1px !important; border-style:solid !important; border-color:#ccc !important; background-color:#E9E9E9} /* H O R I Z O N T A L */ #header2 #catalogue #menu { display:block; float:left; width:100%; margin:0; padding:0; } /********************************* MENU RACINE ***********************************************/ #header2 #catalogue #menu li { display:block; float:left; list-style:none; margin:0; padding:0; } #header2 #catalogue #menu a { display:block; overflow:hidden} /********************************* TOUS LES SOUS MENUS ***********************************************/ #header2 #catalogue #menu ul{ position:absolute; display:none; margin:0; padding:0; z-index:99; background-color:#fff; border:1px solid #ccc} #header2 #catalogue #menu li li a { white-space: normal; overflow:visible; height:auto; width:auto;} /********************************* SOUS MENU 01 ***********************************************/ #header2 #catalogue #menu li ul { visibility:hidden; display:none; } #header2 #catalogue #menu li li { clear:both} /* V E R T I C A L G A U C H E */ #catalogue { overflow: visible !important} .colLeft .menuSub { background: url(../commun/puce_submenu_left.png) top right no-repeat;} /********************************* MENU RACINE ***********************************************/ .colLeft #catalogue #menu li { list-style:none; } .colLeft #catalogue #menu li a { display:block; } /********************************* TOUS LES SOUS MENUS ***********************************************/ .colLeft #catalogue #menu li ul { position:absolute; width:180px; z-index:99} /********************************* SOUS MENU 01 ***********************************************/ .colLeft #catalogue #menu li ul { visibility:hidden; margin-left:182px; margin-top:-22px; } /********************************* SOUS MENU 02 ET SUIVANTS ***********************************************/ .colLeft #catalogue #menu li li ul { margin-left:182px !important; margin-top:-22px !important; } /* V E R T I C A L D R O I T */ .colRight .menuSub { background: url(../commun/puce_submenu_right.png) top left no-repeat;} /********************************* MENU RACINE ***********************************************/ .colRight #catalogue #menu li { list-style:none; } .colRight #catalogue #menu li a { display:block;padding:2px 2px 2px 15px; border-width:0 0 1px 0; border-style:solid;} /********************************* TOUS LES SOUS MENUS ***********************************************/ .colRight #catalogue #menu li ul { position:absolute; margin-left:-122px; width:127px} /********************************* SOUS MENU 01 ***********************************************/ .colRight #catalogue #menu li ul{ visibility:hidden; margin-top:-22px;} /********************************* SOUS MENU 02 ET SUIVANTS ***********************************************/ .colRight #catalogue #menu li li ul{ position: absolute; margin-top:-22px;} /* ############################# ECOTAXE ################################ */ .prix_ecotaxe{padding:0 !important; margin:0; border-bottom:0 !important;} .prix_ecotaxe span{ display: inline !important;} .prix_ecotaxe a{ display: inline !important;} .prix_total_eco_ttc { background:#f5f5f5} .prix_total_eco_ttc span {font-weight:bold; color:#999} .prix_total_eco_ttc_promo { background:#f5f5f5} .prix_total_eco_ttc_promo span {font-weight:bold; color:#999} .prix_total_eco_ht {background:#f9f9f9} .prix_total_eco_ht span {font-weight:normal; color:#ccc} .prix_total_eco_ht_promo {background:#f9f9f9} .prix_total_eco_ht_promo span {font-weight:normal; color:#ccc} /* ############################# LOTS ################################ */ /****** FICHE PRODUIT ************/ .fichePdt #lotPdts { margin:10px 0 0 0; border:0; padding:0} .fichePdt #lotPdts ul, .fichePdt #lotPdts h2{ margin:10px 0; padding:0} .fichePdt #lotPdts li { width:120px; float:left; text-align:center ; margin:0 3px; border:1px solid #ccc; padding:5px;} .fichePdt #lotPdts li p{width:auto !important;} .fichePdt #lotPdts li span{ text-align:center; padding:0; margin:0} /****** LOT SUPP ************/ #lot_supp{ margin-left:10px} #lot_supp h2{margin:0; padding:5px 0} #lot_supp td{ padding:5px; text-align:center} #lot_supp .pdtAnnexeImg { text-align:left} #lot_supp .pdtAnnexeImg img{ float:left} #lot_supp .pdtAnnexeImg .plus{ float:left} #lot_supp .pdtAnnexeImg .pack_name{ display:block; clear:both; padding:5px 0} /* ############################# 2008.08.01.luc Changement d'affichage liste produit ################################ */ #resultView { float:left; width:100%; margin:1% 0;} .selectView { float:right; } p.selectView a { width:21px; height:15px; background-color:#99d5fd; line-height:15px} p.selectView a.view1 { background-image:url(../commun/img/btn_view1.png)} p.selectView a.view2 { background-image:url(../commun/img/btn_view2.png)} p.selectView a.view3 { background-image:url(../commun/img/btn_view3.png)} p.selectView a.view4 { background-image:url(../commun/img/btn_view4.png)} p.selectView a:hover { background-color:#0989d6} /* ############################# 2008.08.01.luc affichage de l'image de notation en bgrd ################################ */ ul li p.pdtRate { background:url(../commun/img/rating.png) no-repeat; height:20px; padding-top:20px !important; } .listPdt ul.landscapeView li .rate0, .listPdt ul.horizontaleView li .rate0 {background-position: 0 0} .listPdt ul.landscapeView li .rate1, .listPdt ul.horizontaleView li .rate1 {background-position: 0 -50px} .listPdt ul.landscapeView li .rate2, .listPdt ul.horizontaleView li .rate2 {background-position: 0 -100px} .listPdt ul.landscapeView li .rate3, .listPdt ul.horizontaleView li .rate3 {background-position: 0 -150px; } .listPdt ul.landscapeView li .rate4, .listPdt ul.horizontaleView li .rate4 {background-position: 0 -200px; } .listPdt ul.landscapeView li .rate5, .listPdt ul.horizontaleView li .rate5 {background-position: 0 -250px} .listPdt ul.portraitView li .rate0, .listPdt ul.tableView li .rate0, .col #newpdt ul li .rate0 {background-position: center 0} .listPdt ul.portraitView li .rate1, .listPdt ul.tableView li .rate1, .col #newpdt ul li .rate1 {background-position: center -50px} .listPdt ul.portraitView li .rate2, .listPdt ul.tableView li .rate2, .col #newpdt ul li .rate2 {background-position: center -100px} .listPdt ul.portraitView li .rate3, .listPdt ul.tableView li .rate3, .col #newpdt ul li .rate3 {background-position: center -150px; } .listPdt ul.portraitView li .rate4, .listPdt ul.tableView li .rate4, .col #newpdt ul li .rate4 {background-position: center -200px; } .listPdt ul.portraitView li .rate5, .listPdt ul.tableView li .rate5, .col #newpdt ul li .rate5 {background-position: center -250px} /***************************************************************/ /************* 2008.08.01.luc affichage pdt - commun *************/ /***************************************************************/ .listPdt ul { margin:0; padding:0; list-style-type:none; } .listPdt li {margin:0 -1px -1px 0 !important ; text-align:center; float:Left} .listPdt li span { display:block; line-height:15px; } .listPdt li span.pdtDesc { height:45px; overflow:hidden; line-height:15px;} /*.listPdt li .pdtRate,*/ .listPdt li .pdtName, .listPdt li .pdtRef, .listPdt li .pdtModele, .listPdt li .pdtRefFab, .listPdt li .stock_display_view { height:15px; overflow:hidden; line-height:15px;} .listPdt li .pdtRef, .listPdt li .pdtModele, .listPdt li .pdtRefFab, .listPdt li .stock_display_view { color:#999} .stock_display_view { height:15px; overflow:hidden; } .stock_display_view.positif { background:url(../commun/img/puce_stock.png) no-repeat 0 0; padding:0 0 0 20px !important} .stock_display_view.null { background:url(../commun/img/puce_stock.png) no-repeat 0 -30px; padding:0 0 0 20px !important} .stock_display_view.negatif { background:url(../commun/img/puce_stock.png) no-repeat 0 -60px; padding:0 0 0 20px !important} .listPdt li .pdtBtn { margin:5px 0} .listPdt li .pdtBtn img { padding:1px 0} .listPdt p.blocPrix {height:56px; line-height:14px} .prix { font-size:1.5em; white-space:nowrap !important; letter-spacing:-1px} .prixPromoNew { font-size:1.5em; white-space:nowrap !important; letter-spacing:-1px} .prixPromoOld { font-size:1.0em; white-space:nowrap !important; text-decoration:line-through } .listPdt li h3 { margin:0; padding:0; } .listPdt li h3 a { padding:0 !important;} .listPdt li p { margin:0; padding:0} .listPdt ul.landscapeView li {text-align:Left; } .listPdt ul li a.pdtImg { padding:0 !important; } .listPdt ul li img.pdtImg { float:left !important; height:auto; } .listPdt ul.portraitView li img.pdtImg { float:none !important} .listPdt ul.horizontaleView h3 span, .listPdt ul.horizontaleView p.pdtBtn span, .listPdt ul.horizontaleView p.pdtBtn form, .listPdt ul.horizontaleView p.pdtBtn span a, .listPdt ul.landscapeView p.pdtBtn span, .listPdt ul.landscapeView p.pdtBtn form, .listPdt ul.landscapeView p.pdtBtn span a { display:inline !important} .listPdt.inline250 ul.tableView li h3 { margin-left:255px;} .listPdt.inline200 ul.tableView li h3 { margin-left:205px;} .listPdt.inline160 ul.tableView li h3 { margin-left:165px;} .listPdt.inline120 ul.tableView li h3 { margin-left:125px;} .listPdt.inline80 ul.tableView li h3 { margin-left:85px;} .listPdt ul.horizontaleView span.pdtDesc, .listPdt ul.tableView span.pdtDesc { height:auto} .listPdt ul.horizontaleView li {width:99.8%; text-align:Left;} .listPdt ul.horizontaleView li .pdtRate {height:20px; padding:5px 0 0 80px !important; } .listPdt ul.tableView li { width:99.8%; text-align:Left} .listPdt ul.tableView li h3 { margin-top:5px;} .listPdt ul.tableView span.pdtName, .listPdt ul.tableView span.pdtType, .listPdt ul.tableView span.pdtRef, .listPdt ul.tableView .stock_display_view {display:inline; height:auto; line-height:normal; text-align:center} .listPdt ul.tableView p { float:left; margin:0 0 0 0} .listPdt ul.tableView p.pdtRate {width:80px; height:auto; text-align:center} .listPdt ul.tableView p.blocPrix {width:140px; text-align:center} .listPdt ul.tableView p.stock_display_view {width:80px; line-height:15px} .listPdt ul.tableView p.stock_display_view span { display: block} .listPdt ul.tableView p.pdtBtn {display:none !important} /************************** 2008.08.01.luc affichage image **********************/ .inline200 li img.pdtImg { width:200px; } .listPdt.inline200 ul.landscapeView li p, .listPdt.inline200 ul.horizontaleView li p { margin-Left:205px} .inline160 li img.pdtImg { width:160px; height:auto; float:Left} .listPdt.inline160 ul.landscapeView li p { margin-Left:165px} .listPdt.inline160 ul.horizontaleView li p { margin-Left:165px} .inline120 li img.pdtImg { width:120px; height:auto; float:Left} .listPdt.inline120 ul.landscapeView li img.pdtImg { float:Left } .listPdt.inline120 ul.horizontaleView li h3, .listPdt.inline120 ul.horizontaleView li p.pdtInfos, .listPdt.inline120 ul.horizontaleView li p.pdtRate, .listPdt.inline120 ul.horizontaleView li p.blocPrix, .listPdt.inline120 ul.horizontaleView li p.stock_display_view, .listPdt.inline120 ul.horizontaleView li p.pdtBtn, .listPdt.inline120 ul.landscapeView li h3, .listPdt.inline120 ul.landscapeView li p.pdtInfos, .listPdt.inline120 ul.landscapeView li p.pdtRate, .listPdt.inline120 ul.landscapeView li p.blocPrix, .listPdt.inline120 ul.landscapeView li p.stock_display_view, .listPdt.inline120 ul.landscapeView li p.pdtBtn {margin-Left:125px} .inline80 li img.pdtImg { width:80px; height:auto; float:Left} .listPdt.inline80 ul.landscapeView li img.pdtImg { float:Left } .listPdt.inline80 ul.horizontaleView li p { margin-Left:85px} .listPdt.inline80 ul.landscapeView li p {margin-Left:85px} /************************** 2008.08.01.luc Mise En Avant **********************/ #rp_index #newpdt, #rp_index #spe { } a.linkAll {margin:0; padding:0; height:20px; line-height:20px} a.linkAll {font-weight:normal; font-size:10px} a.linkAll:hover { } /************************** 2008.08.01.luc habillage des blocs produits **********************/ #listPdt { height:100% !important} #modulesIndexBottom div, #modulesIndexTop div, #modulesIndexMiddle div div { /* background-color:#fff; */} #modulesIndexBottom div div, #modulesIndexTop div div, #modulesIndexMiddle div div div, .listPdt li { /*background-color:#fff !important */} /* #rp_index #newpdt li div, #rp_index #spe li div, #listPdt ul li div { margin:0 !important} #rp_index #newpdt { padding:10px} */ /* ############################# ONGLETS ################################ */ #pages { width:100%; float:left; margin:30px 0 0 0} #pages ul { width:100%} #pages h2 { background-color:#ddd; margin:0; padding:8px} #champ_perso { width:100%; } #champ_perso td { padding:3px} #champ_perso td.champ_perso_th { font-weight:bold} #champ_perso .line1 { background-color:#eee} #pages ul#menuTop {} #pages ul#menuTop li { background-color:#fff; margin:2px 2px 0 0; padding:4px 10px; font-weight:bold; } #pages ul#menuTop li { background-color:#eee; } #pages ul#menuTop li.selected { background-color:#ddd; } #pages ul#menuTop li.selected a { color:#000} #pages ul#menuTop li.selected:hover { background-color:#ddd; } #pages ul#menuTop li:hover { background-color:#eee; } #pages .yui-content {} #longDescPdt p {padding:20px 0} #pages .yui-content p p {padding:0 !important} /* ############################# INFOBULLE (hover imgs listePdts) ################################ */ .infobulle { position: absolute; width: 250px; visibility : hidden; border: solid 2px #CCCCCC; z-index: 5; background-color: #fff; } .type_compte_description { border:1px solid #ccc; background-color:#cbe3f2; margin:20px 20px 20px 20px; padding:10px; font-size:13px; }#listPdt td, .blocPdt, .blocCat, #modulesIndexTop div, #modulesIndexMiddle, #modulesIndexMiddle div, #modulesIndexMiddle div div, #modulesIndexBottom div, #modulesIndexLeft div, #modulesIndexCentre div, #modulesIndexRight div { border-style:solid;} #listPdt td, .blocCat, .blocPdt, #modulesIndexTop div, #modulesIndexMiddle, #modulesIndexMiddle div, #modulesIndexMiddle div div, #modulesIndexBottom div { border-color:#ccc } #listPdt td, .blocPdt, .blocCat, #modulesIndexTop div, #modulesIndexMiddle, #modulesIndexMiddle div, #modulesIndexBottom div, #modulesIndexLeft div, #modulesIndexCentre div, #modulesIndexRight, #modulesIndexRight div { border-width:1px;} .blocCat div, .blocPdt div { border-width:0 !important} /*######################################################################################################################################################## CSS OVERLAY (page noir au dessus du site #######################################################################################################################################################*/ /***************** OVERLAY ******************************/ #overlay{ position: absolute; top:0; left:0; width:100%; z-index:5000; background-image: url(overlay.png) ; background-repeat:repeat ; background-attachment:fixed ;} #overlay[id]{} * html #overlay{ back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); } /***************** TABLE ******************************/ #overlay_popup{top:50px; position:absolute; width:400px} * html #overlay_popup{border:5px solid #444} /* corner géréer dans les themes*/ #overlay table #top_left{} #overlay table #top_center{} #overlay table #top_right{} #overlay table #middle_left{} #overlay table #middle_center{} #overlay table #middle_right{} #overlay table #bottom_left{} #overlay table #bottom_center{} #overlay table #bottom_right{} /***************** BTN CLOSE ******************************/ #popup_error{ background:#cc0000 ; color:#fff; font-weight:bold; margin-top:20px; padding:5px; text-align:center} /***************** BTN CLOSE ******************************/ #overlay .close{ float:right; margin-top:-10px} /***************** CONTENT ******************************/ #popup_content h1{ display:block; margin:5px 0 2px 0; padding:0; border-bottom:1px solid} #popup_content span{ display:block; margin:5px 0 2px 0; font-size:10px; border-bottom:1px dashed #ddd; padding-bottom:5px;} #popup_content label{ width:100px; text-align:right;display:block; float:left; padding:0px 10px 0 0;} /***************** LOGIN ******************************/ #popup_content #login_account p{} #popup_content #login_account p a{ display:block;} /***************** AJOUT CADDIE ******************************/ #popup_content #cartProductAdded a{ display:block} #popup_content #cartProductAdded .cartProductAddedLabel span a img{ float:left; margin:5px 10px 10px 0} #popup_content #cartProductAdded span{margin:5px 10px 0px 0;border-bottom:0px ; padding:0} /***************** IMG ******************************/ #popup_content .popup_img ul{} #popup_content .popup_img hr{} #popup_content .popup_img li{ border:0 !important} #popup_content .popup_img li img{ border:1px solid #ccc !important} #popup_content .popup_img p{ padding:20px;width:550px; overflow:hidden; margin:0;} #listPdt { width:98%; margin:0; padding:0; border-color:#ccc; } .blocPdt { overflow:hidden; } .blocPdtImg { border-width:0} .blocPdtContent span { display:block} span.pdtName { height:24px !important; line-height:12px !important} .blocPdt { text-align:center; } .inline1 .blocPdtImg {float:left ; margin-right:10px} .inline1 .blocPdtContent { float:left ; text-align:left; width:55%;} .inline2 .blocPdt { width:49%} .inline3 .blocPdt { width:33%} #catIndex {float:none !important; } * html #catIndex {table-layout:fixed; float:left !important} #modulesIndex #catIndex { float:none !important} .blocCat { overflow:hidden !important} #catIndex .blocCat { text-align:center; font-size:1.2em; font-weight:bold; } #catIndex .blocCat a span { display:block; padding:5px; line-height:12px; height:24px; padding-top:12px} #catIndex .blocCatImg { overflow:hidden; margin:0 -1px -1px -1px; } .inline2 .blocPdt { width:49%} .inline3 .blocCat { width:30% !important;} #modulesIndex { float:left; width:100%; margin:0; padding:0;} #modulesIndexTop, #modulesIndexBottom { float:left; width:100%; margin:0; padding:0; } #modulesIndexMiddle { float:left; width:100%; margin:0; padding:0; } #modulesIndexMiddle.col3 #modulesIndexLeft, #modulesIndexMiddle.col3 #modulesIndexRight, #modulesIndexMiddle.col3 #modulesIndexCentre {float:left; width:33.1%; padding:0 !important; } #modulesIndexMiddle.col2 #modulesIndexLeft, #modulesIndexMiddle.col2 #modulesIndexRight {float:left; width:49.8%; padding:0 !important; } #modulesIndexMiddle.col1 #modulesIndexCentre {float:left; width:100%; padding:0 !important; } #pdtIndex, #catIndex { width:100%; } /*************** modules index ***************/ #modulesIndexTop div, #modulesIndexBottom div { margin:0 2px 10px 2px; } #modulesIndexTop td div, #modulesIndexBottom td div { border-width:0;} #modulesIndexMiddle, #modulesIndexLeft, #modulesIndexCentre, #modulesIndexRight { border-width:0 !important;} #modulesIndexLeft div { margin:0 0 5px 2px; } #modulesIndexCentre div { margin:0 2px 5px 2px; } #modulesIndexRight { float:right !important; } #modulesIndexRight div { margin:0 2px 5px 0; } /*************** ***************/ #pdtIndex {margin:0 0 10px 0;} #catIndex, #listPdt {margin:0 0 10px 0; } #listPdt.tableau { border-collapse:collapse;} /* changement des propriétés du bgrd car cela masque la colonne de gauche qd on réduit la fenetre (ancien code = width:990px; position:absolute; left:50%; margin-left:-495px;) */ #bgrd { width:990px; margin:auto;} #container{ margin:auto; padding:0; width:964px; } #header2 #catalogue #menu li { width:107px !important; } #header2 #catalogue #menu li li ul { margin-left:107px; } #modulesIndex #newpdt li {width:23%; margin:0 0 5px 5px; } body, input, select, textarea, form {font-family: Arial, Helvetica, sans-serif; }body {font-size: 11px} input, select, textarea, form, td, th {font-size:11px}/* ----------------------------------- CUISINE A CROCS - INIT -----------------------------------*/ body { background: url(img_theme/bgrd_html.png) repeat-y top center #f0f0f0; } h1 { color: #a8a8a8; font-size: 14px; font-weight: bold; padding: 0 10px 10px 10px; } h2 { color: #888888 !important; } a { outline: none; } a:hover { color: #5e913d; } .geninf ul { list-style-type: none; } #rss img { display: none; } .selectView { display: none; } .pdtModele { color: #888888 !important; } .login_account a { display: block; margin-left: 165px; } .normal { font-weight: normal; } .bold { font-weight: bold; } .float_left { float: left; } .float_right { float: right; } #rp_pages_content_all, #rp_login { padding: 0 10px; } #rp_login #loginform p.login_account { height: 80px; } #rp_caddie #cart_quantity table { margin-bottom: 10px; } #rp_caddie #code { margin: 0 } #rp_contact #contact_siret, #rp_contact #contact_ape, #rp_contact #contact_tva { display: none; } /* FIX */ * html #rp_caddie .btn, * html #rp_caddie table { width: 97%; } * html #resultView, * html #listPdt, * html #resultViewBottom { width: 97% } * html .fichePdt { width: 97% } /* ----------------------------------- HEADER -----------------------------------*/ #header { background: url(img_theme/bgrd_header.png) no-repeat bottom left; height: 260px; } .accueil #header { height: 302px; background: url(img_theme/bgrd_header_accueil.png) no-repeat bottom left; } #logo { padding: 10px 20px; } #acces_boutique_header { position: absolute; top: 14px; left: 50%; margin-left: -40px; width: 190px; height: 55px; } #acces_boutique_header a { background: url(img_theme/acces_boutique_header.png); width: 190px; height: 55px; background-position: 0 0px; display: block; } #acces_boutique_header a:hover { background-position: 0 55px; } #acces_boutique_header a span { display: none; } #headerBtn2 #btnCompteId { margin-right: 2px; padding: 0; } #headerBtn2 .btnDeconnexion { display: block; height: 16px; margin-left: 0; width: 16px; } /* ----------------------------------- NAV -----------------------------------*/ #nav { padding: 3px; } #date { color: #a8a8a8; } /* ----------------------------------- OVERLAY -----------------------------------*/ #overlay table #top_left { background: url(overlay_top_left.png) top left no-repeat; } #overlay table #top_center { background: #fff; } #overlay table #top_right { background: url(overlay_top_right.png) top right no-repeat; } #overlay table #middle_left { background: #fff; } #overlay table #middle_center { background: #fff; padding:10px; } #overlay table #middle_right { background: #fff; } #overlay table #bottom_left { background: url(overlay_bottom_left.png) bottom left no-repeat; } #overlay table #bottom_center { background: #fff; } #overlay table #bottom_right { background: url(overlay_bottom_right.png) bottom right no-repeat; } * html #overlay { background: #333; } * html #overlay_popup { border: 2px solid #444; } /* Overlay Etape 2 */ #overlay_title { font-weight: bold; } #popup_compte_client { font-size:12px; } #popup_compte_client span { display:inline; font-size:12px; } /* ----------------------------------- PANIER -----------------------------------*/ #panier { padding: 0; width: 255px; background: url(img_theme/bgrd_panier.png) no-repeat top right ; height: 60px; z-index: 99; position:absolute ; top: 23px; left: 50%; margin-left: 207px; } #panier p { padding: 10px 0px 0 0px; margin: 0 10px 0 10px !important; margin: 0 12px 0 5px; float:left; width: 150px} #panier span { display: block; padding-top: 0px; text-align: right; } #panier .totalPanier { font-weight: bold } #panier p .articlePanier { font-size: 10px; color: #888888; } #panier p .totalPanierSomme { font-size: 11px; font-weight: bold; color: #0989d6; } #panier .totalPanierConditions { font-weight: bold; margin: 0; padding: 0; font-size: 9px; color: #a5d872; } #panier a { display: block; float: right; margin: 15px 20px 0 0 !important; margin: 15px 10px 0 0; } #rp_caddie th { background-color: #bcea8e; } /* ----------------------------------- ACCUEIL ENTREE -----------------------------------*/ #txtIndex { padding-bottom: 10px; } #bloclogin form p span { display: block; width: 200px; margin-bottom: 5px; } #bloclogin form p span label { width: 80px; text-align: right !important; display: inline-block; } .encart1 { padding: 15px 0 0 40px; } .encart1 .interieur { height: 138px; background: url(img_theme/encart1_grey_bgrd.png); overflow: hidden; padding: 14px 0 0 5px; } .encart1 .g { width: 7px; height: 152px; background: url(img_theme/encart1_grey_g.png ); } .encart1 .d { width: 7px; height: 152px; background: url(img_theme/encart1_grey_d.png); } .g,.d,.interieur { float: left; } .accueil .interieur p { margin: 0; } .enter_option { width: 270px; height: 137px; float: left; margin-right: 25px; } .op_buttons { position: absolute; margin: 105px 0px 0px 47px; } .op1 { background: url(img_theme/vous_avez_un_chien.png); } .op2 { background: url(img_theme/vous_etes_envoye.png); } .op3 { background: url(img_theme/vous_etes_veterinaire.png); margin: 0; } .enter_option table { margin: 5px 0px 0px 13px; } .fs13 { font-size: 13px; } #from_veto_content { z-index: 1; } #from_veto_content img { cursor: pointer; } #from_veto_content th, #from_veto_content td { font-size: 12px; vertical-align: middle; } .infobulle { position: absolute; width: 300px; visibility : hidden; padding: 5px; font-family: Verdana, Arial; font-size: 10px; z-index: 100; } .part { border: 1px solid #779e7d; background-color: #ddffe2; color: #779e7d; } .fromveto { border: 1px solid #70869a; background-color: #bbdeff; color: #70869a; } .veto { border: 1px solid #5c5b5b; background-color: #d9d9d9; color: #5c5b5b; } /* ----------------------------------- COLS -----------------------------------*/ .colLeft div, .colRight div { background: url(img_theme/bgrd_menu_bottom.png) no-repeat left bottom; } .colLeft #catalogue { padding-bottom:10px; } /*.colLeft h2, .colRight h2 { background: url(img_theme/bgrd_menu_top.png) no-repeat left top; color:#a8a8a8; }*/ .colLeft #catalogue #menu ul { background-color: transparent; display: block !important; visibility: visible !important; position: relative !important; margin: 0 !important; border: none !important; padding-left: 10px; width: 168px !important; } .col3 h2 { color: #a8a8a8; font-weight: bold; } .col dt { margin-top: 5px; } .col dd { margin: 0 !important; } .accueil .pdtRate { display: none !important; } .accueil #newpdt h3 { margin-top: 8px; } .accueil #newpdt .pdtInfos { margin-top: 0; } .accueil #newpdt .pdtBtn .pdtDetails { display: none; } .accueil #newpdt .pdtBtn .pdtAddcart a, .accueil #newpdt .pdtBtn .pdtDetails a { padding: 0; } .col #news p { padding: 0 0 2px 0; text-align: left; } /* ----------------------------------- COL BODY -----------------------------------*/ #modulesIndexMiddle div div { padding: 0; border: none} #modulesIndexMiddle div div p, #modulesIndexMiddle div div ul { margin: 5px 0; } #modulesIndexMiddle div div ul li { background-color: #fff; } #modulesIndexMiddle h1 { background-color: #d7eaf7; border-color: #bceb8f; border-width: 5px 0; border-style: solid; color: #85898c; } #modulesIndex #newpdt li{ width: 49%; margin-bottom: 15px !important; /*border-color: #E6E6E6; border-style: solid; border-width: 0 0 1px;*/ } #modulesIndex #newpdt li .blocPrix { height: 30px; } #modulesIndexLeft { border-right: solid 3px #dadada !important; } #modulesIndexRight { border-left: solid 3px #dadada !important; } #best p img { border: 1px solid #EEEEEE; } #modulesIndexMiddle div div dl dt { color: #85898c; margin-top: 10px;} #modulesIndexMiddle div div dl dd { border-color: #e6e6e6; border-width: 0 0 1px 0; border-style: solid; } #news img { margin: 0 5px 4px 0; } #news dt a { } #news dd { margin: 0 0 5px 5px; border-color: #fff; border-style: solid; border-width: 0 0 1px; } /* ----------------------------------- FORM RATION -----------------------------------*/ #rp_pages_content_form { width: 600px; float: right; padding: 0 0 20px 15px; } #ccm { width: 316px; float: left; background: url(img_theme/ccm_bgrd.png) no-repeat scroll top center; height: 309px; } #ccm_title { padding: 0 0 0 23px !important; padding: 12px 0 0 23px; color: #56a6d6; font-size: 18px; font-weight: bold; } *+html #ccm { padding: 11px 0px 0px 0; } #ccm #absolute1 { width: 216px; margin-left: 64px; margin-top: 22px; } #ccm #absolute2 { width: 216px; margin-left: 64px; margin-top: 54px; } #ccm #absolute3 { width: 216px; margin-left: 64px; margin-top: 50px; } #ccm #absolute4 { width: 216px; margin-left: 64px; margin-top: 66px; } .req { color: #797979; font-size: 9px; margin: 0; padding: 0; } /* ----------------------------------- ETAPE 1 -----------------------------------*/ .in_accueil_part { position: absolute; margin: 7px 0px 0px -4px; width: 549px; text-align: center; } #chien_select { float: left; cursor: pointer; width: 115px; height: 66px; background: url(img_theme/chien.png); background-position: 0 0; } #chat_select { float: right; cursor: pointer; width: 115px; height: 66px; background: url(img_theme/chat.png); background-position: 0 0; } .interieur { font-size: 12px; } /* Particulier */ #interieur_title { margin: 8px 0px; } .encart_accueil_part .g { height: 270px; width: 12px; background: url(img_theme/encart_part_etape1_grey_g.png); } .encart_accueil_part .d { height: 270px; width: 12px; background: url(img_theme/encart_part_etape1_grey_d.png); } .encart_accueil_part .interieur { height: 270px; background: url(img_theme/encart_part_etape1_grey_bgrd.png); } .in_accueil_part .g { width:9px; height: 160px; background: url(img_theme/encart_part_etape1_blue_g.png); } .in_accueil_part .d { width:9px; height: 160px; background: url(img_theme/encart_part_etape1_blue_d.png); } .in_accueil_part .interieur { height: 160px; background: url(img_theme/encart_part_etape1_blue_bgrd.png); } /* Veto */ .sp1_5 .interieur .interieur { padding: 10px !important; } .spl_5 #interieur_title { width: 240px; float: left; margin: 20px 0 20px 15px; } .spl_5 .interieur div { float: left; } .spl_5 .encart_accueil_part .g { height: 160px; width: 9px; background: url(img_theme/encart_veto_etape1_grey_g.png); } .spl_5 .encart_accueil_part .d { height: 160px; width: 9px; background: url(img_theme/encart_veto_etape1_grey_d.png); } .spl_5 .encart_accueil_part .interieur { height: 160px; background: url(img_theme/encart_veto_etape1_grey_bgrd.png); } .spl_5 .in_accueil_part .g { background: url(img_theme/encart_veto_etape1_blue_g.png); height: 90px; } .spl_5 .in_accueil_part .interieur { background: url(img_theme/encart_veto_etape1_blue_bgrd.png); padding: 10px 0; height: 70px; } .spl_5 .in_accueil_part .d { background: url(img_theme/encart_veto_etape1_blue_d.png); height: 90px; } #acces_boutique { margin: auto; text-align: center; margin-top: 40px; } /* ----------------------------------- ETAPE 2 -----------------------------------*/ #particulier-step2 .bold, #veto-step2 .bold { padding-top: 5px; padding-right: 3px; } .encart_ext3_top { background: url(img_theme/encart_ext3_top.png) no-repeat top left; min-height: 400px; width: 564px; } .encart_ext3_bottom { background: url(img_theme/encart_ext3_bottom.png) no-repeat bottom left; min-height: 400px; } .encart_ext3_in { padding: 16px; font-size: 11px; margin: auto;} .border_ext3 { background: url(img_theme/bordure_ext1.png); background-repeat: repeat-y; } .quest { margin-left: 10px; width: 500px; text-align: left; } .quest td { height: 30px; vertical-align: top;} .quest td.bold { width: 105px; } .encart_ext3_in p.bold { margin: 0 0 10px 0; } .bloc { padding-left: 20px; } .bloc .line { margin-bottom: 5px; } .border_ext3 { background: url(img_theme/bordure_ext1.png); background-repeat: repeat-y; width: 564px; margin: auto; } .error-qmess { color: red; font-weight: bold; padding-bottom: 8px; } #spend_life_other { margin: 5px 0 0 25px; } #seek_details { display: none; } .seek_list { width: 99%; } .seek_list ul { list-style-type: none; margin: 0; padding: 0; } .seek_list ul li { width: 33%; display: inline-block; } .seek_list ul li input { float: left; width: 16px; } #seek_details p { width: 99%; } /* ----------------------------------- ETAPE 3 -----------------------------------*/ .encart_ext1_top { background: url(img_theme/encart_ext1_top.png) no-repeat top left; min-height: 370px; width: 564px; } .encart_ext1_bottom { background: url(img_theme/encart_ext1_bottom.png) no-repeat bottom left; min-height: 370px; } .encart_ext1_in { padding: 10px 20px; font-size: 11px; } .encart_recap_top { background: url(img_theme/encart2_top.png) no-repeat top left; width: 524px; height: 10px; margin-top: 10px;} .encart_recap { background: url(img_theme/fond_encart2.png) repeat-y; width: 484px; margin-bottom: 0px; overflow: hidden; padding: 20px; } .encart_recap_bottom { background: url(img_theme/encart2_bottom.png) no-repeat bottom left; width: 524px; height: 10px; } /* ----------------------------------- DETAILS RATION -----------------------------------*/ #details_ration { margin: auto; text-align: center; padding:0; width:964px; } #details_ration #logo { padding: 20px 0 0 20px; } #details_ration #rp_pages_content { margin: -10px 150px 0 180px; } #details_ration div { text-align: left; } #details_ration .encart_recap_bottom { margin-bottom: 20px; } #details_ration #btn_reponse { width: 321px; height: 41px; margin: -20px 0 0 150px; } #details_ration #btn_reponse a { background: url(img_theme/rediger_reponse.png); width: 241px; height: 41px; display: block; } #details_ration #btn_reponse a span { display: none; } /* ----------------------------------- LOGIN UPD -----------------------------------*/ #loginUpd { margin: auto; text-align: center; padding:0; width:964px; } #loginUpd #logo { padding: 20px 0 0 20px; } #loginUpd #rp_pages_content { margin: -10px 150px 0 150px; } #loginUpd #rp_pages_content h1 { margin: 50px auto 0 auto; } #loginUpd #rp_pages_content p { width: 294px; margin: 20px auto; } #loginUpd span { display: block; } #loginUpd span input { display: block; margin: 5px 0 2px; padding-bottom: 5px; } #loginUpd label { display: block; float: left; padding: 3px 10px 3px 0; text-align: right; width: 100px; } #loginUpd input { margin: auto; margin-top: 5px; } /* ----------------------------------- SAVE FORM RATION -----------------------------------*/ #btn_end_form_veto { margin: auto; text-align: center; } /* ----------------------------------- REPONSE RATION -----------------------------------*/ #reponse_ration { margin: auto; text-align: center; padding:0; width:964px; } #reponse_ration #logo { padding: 20px 0 0 20px; } #reponse_ration #rp_pages_content { margin: -10px 150px 0 180px; } #reponseTables { margin: 0 auto 0 auto; } #reponseTables div { margin: auto; } #reponse_ration div { text-align: left; } #reponse_ration #btn_save { width: 321px; height: 41px; margin: 10px 0 0 150px; } #reponse_ration #btn_save a { background: url(img_theme/save_ration.png); width: 161px; height: 41px; display: block; } #reponse_ration #btn_save a span { display: none; } /* ----------------------------------- SAVE REPONSE RATION -----------------------------------*/ #save_reponse_ration { margin: auto; text-align: center; padding:0; width:964px; } #save_reponse_ration #logo { position: absolute; top: 0; left: 50%; margin-left: -480px; } #save_reponse_ration #rp_pages_content { margin: 70px 190px 0 190px; } #save_reponse_ration #entete_reponse { padding: 10px; color: #a8a8a8; font-weight: bold; font-size: 11px; } #save_reponse_ration div { text-align: left; } #save_reponse_ration #reponsesRation { padding: 0 0px 5px 0px; font-size:15px; border-bottom: solid 1px #e6e6e6; margin: 5px 5px 10px 5px; } #save_reponse_ration #reponsesRation p { color: #a8a8a8; } #save_reponse_ration #reponsesRation ul { list-style: none; } #save_reponse_ration #reponsesRation li { margin-bottom: 4px; } #save_reponse_ration #reponsesRation span { font-weight: bold; } #save_reponse_ration #linkCmdPdt { color: #bcea8e; font-size: 13px; } /* Btns */ #save_reponse_ration #btns_save_reponse_ration { height: 41px; margin: 10px 0 0 85px; } #back_reponse { width: 121px; float: left; } #back_reponse a { background: url(img_theme/back_reponse.png); width: 121px; height: 41px; display: block; } #back_reponse span { display: none; } #save_reponse_ration #btns_save_reponse_ration #send_reponse { width: 241px; float: left; margin-left: 10px; } #save_reponse_ration #btns_save_reponse_ration #send_reponse a { background: url(img_theme/send_reponse.png); width: 241px; height: 41px; display: block; } #save_reponse_ration #btns_save_reponse_ration #send_reponse span { display: none; } /* Adresses mails */ #save_reponse_ration #mail_adress { padding: 5px 0 20px 40px; } #save_reponse_ration #mail_adress span { margin-left: -20px; } #save_reponse_ration #mail_adress li { margin-top: 5px; } /* Simplification de la réponse */ #save_reponse_ration .encart_ext1_top { background: none; } #save_reponse_ration .encart_ext1_bottom { background: none; } #save_reponse_ration .encart_ext1_in h1 { color: #3A4550; } #save_reponse_ration #reponsesRation { background-color: #eeffee; border: 1px solid #779e7d; font-size: 13px; width: 484px; padding: 20px; margin: 0 0 15px 0; } #save_reponse_ration #reponsesRation h1 { color: #0989d6; } #save_reponse_ration .encart_recap_top { display: none; } #save_reponse_ration .encart_recap { border: 1px solid #A8A8A8; background: #eeffff; } #save_reponse_ration .encart_recap_bottom { display: none; } #save_reponse_ration #linkCmdPdt { color: #3a4550; } /* ----------------------------------- LISTING RATION -----------------------------------*/ #listing_ration { margin: auto; text-align: center; padding:0; width:964px; } #listing_ration #logo { padding: 20px 0 0 20px; } #listing_ration #rp_pages_content { margin: -10px 20px 0 20px; } #listing_ration table { width: 99%; border : 1px solid #888; text-align: left; margin-bottom: 20px; } #listing_ration table th { background-color: #eaeaea; padding: 2px 5px; } #listing_ration table td { padding: 2px 5px; border-top: 1px solid #eaeaea; } /* ----------------------------------- LISTEPDT -----------------------------------*/ .ZoneListPdt #listPdt li .pdtRate { display: none; } .ZoneListPdt #listPdt li .blocPrix { height: 30px; margin-top: 5px; } #catIndex .blocCat { width:47%; float:left; } /* ----------------------------------- FICHEPDT -----------------------------------*/ .fichePdt h1 { color: #0989d6; font-size: 1.4em; } .btn_pdt_back { display: none; } .pdtShare { display: none; } /* ----------------------------------- FOOTER -----------------------------------*/ #footer { padding: 3px; background-color: #e4f1f9; background-image: url(); } #footer p { display:none; } #footer ul { list-style-type:none; margin:0; padding:0; text-align:center; } #footer2 { height: 20px; color: #a8a8a8; } #footer2 li a { color: #a8a8a8; } #footer2 li a:hover { color: #85898c; } .version { display: none; } .type_compte_description_strong { font-weight:bold; }