/**********************************************************/ /* IdBuffet */ /* @group CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* @end */ /**********************************************************/ /* GENERIC */ body { font-family: Verdana, sans-serif; font-size: 100%; color: #333; text-align: center; } p { line-height: 1.4em; } strong { font-weight: bold; } a { color: #5c5c5c; text-decoration: none; } a:hover { text-decoration: underline; } .demie-colonne { float: left; width: 321px; } .boxed { border: 1px solid #000; padding: 0.25em; } .flash-replaced .alt { display: none; } /**********************************************************/ /* FONT-FACE */ @font-face { font-family: 'District Sans'; src: url('/PROD/fonts/DistTh___.ttf'); src: local('District Sans'), url('/PROD/fonts/DistTh__.ttf') format('truetype'); } #wrapper { overflow: hidden; position: relative; width: 980px; margin: 0 auto; text-align: left; background: #FFF url("../img/bg.gif") left top repeat-y; } #content { clear: left; padding-top: 155px; width: 980px; } /* Header bars */ .header-bar { clear: left; position: relative; } .header-bar h3 { display: block; width: 614px; height: 26px; padding: 9px 14px 0 14px; font-size: 1.125em; background-color: #f3a61c; color: #FFF; } .header-bar .legende { float: right; position: absolute; right: 10px; top: 13px; width: 280px; font-size: 0.625em; line-height: 1.25em; color: #000; text-align: right; } .header-bar .legende-longue { float: right; position: absolute; right: 10px; top: 5px; width: 280px; font-size: 0.625em; line-height: 1.25em; color: #000; text-align: right; } .header-bar .legende-verte { float: right; position: absolute; right: 0; top: 0; width: 280px; height: 35px; font-size: 0.6875em; color: #FFF; background-color: #4b6007; } .header-bar .legende-verte a { display: block; margin: 1px 0 0 30px; padding: 4px 0 0 24px; color: #FFF; line-height: 1.2em; background: url("../img/sprite-bullets.png") left -266px no-repeat; } .sub-header-bar { clear: left; position: relative; } .sub-header-bar h3 { display: block; width: 628px; height: 24px; padding: 11px 0 0 14px; font-size: 0.9375em; background-color: #f3a61c; color: #FFF; } .sub-header-bar h3 a { color: #000; font-size: 0.7em; } .sub-header-bar .legende { float: right; position: absolute; right: 10px; top: 14px; width: 280px; font-size: 0.625em; color: #000; text-align: right; } .sub-header-bar .input { float: right; position: absolute; right: 0; top: 7px; width: 50%; margin-left: 2%; font-size: 0.625em; color: #000; text-align: left; } /* Intro */ .intro { position: relative; overflow: hidden; margin-bottom: 1px; padding: 1em 1em 0em 1em; font-size: 0.6875em; color: #484848; background-color: #f2f2f2; } .intro-blanche { background-color: #FFF; } .intro p { margin-bottom: 1em; font-size: 1em; line-height: 1.5em; } .col-center .intro p { font-size: 1em; } .intro h5 { font-weight: bold; margin: 0 0 0.5em 0; } .intro h5.seul { margin: 0 0 1.5em 0; } .intro ul { margin: 0 0 1.25em 0; line-height: 1.7em; color: #4c4c4c; } .intro ul li { padding: 0 0 0 1.5em; background: url("../img/sprite_toulouse.png") -840px -57px no-repeat; } .intro-purple { background-color: #a89ccb; } .intro-purple h5, .intro-purple p { color: #FFF; } /* Buttons */ .boutons { overflow: hidden; clear: left; margin-top: 10px; width: 642px; } .boutons li { display: inline; float: right; margin: 0 1em 0 0; } .intro .boutons li { background: none; } .boutons li a { display: block; background: url("../img/sprite-buttons.png") left top no-repeat; text-indent: -5000px; } .boutons li.images a { width: 52px; height: 52px; background: url("../img/medias/image-big.png") left top no-repeat; } .boutons li.video a { width: 52px; height: 52px; background: url("../img/medias/video-big.png") left top no-repeat; } .boutons li.decouvrez-coffrets a { width: 170px; height: 40px; background-position: left -363px; } .boutons li.retour-accueil { margin-left: 5em; } .boutons li.retour-accueil a { width: 120px; height: 40px; background-position: left -323px; } .boutons li.nouvelle-adresse a { width: 130px; height: 40px; background-position: left -403px; } .boutons li.ajouter-adresse a { width: 101px; height: 40px; background-position: left -210px; } .boutons li.poursuivre-commande { margin: 0 0 0 1em; } .boutons li.poursuivre-commande a { width: 140px; height: 50px; background-position: left -160px; } .boutons li.valider-commande a { width: 140px; height: 50px; background-position: left -673px; } .boutons li.poursuivre-devis a { width: 138px; height: 50px; background-position: left -523px; } .boutons li.continuer-achats, .boutons li.sauvegarder-panier, .boutons li.obtenir-devis { float: left; padding-top: 5px; } .boutons li.continuer-achats a { width: 100px; height: 40px; background-position: left -40px; } .boutons li.sauvegarder-panier a { width: 127px; height: 40px; background-position: left -80px; } .boutons li.obtenir-devis a { width: 125px; height: 40px; background-position: left -120px; } .boutons li.sauvegarder-devis { margin: 0 0 0 1em; } .boutons li.sauvegarder-devis a { width: 156px; height: 50px; background-position: left -573px; } .boutons li.imprimer-devis a { width: 125px; height: 50px; background-position: left -623px; } .boutons li.imprimer-commande a { width: 157px; height: 50px; background-position: left -763px; } .boutons li.savoir-plus a { width: 98px; height: 40px; background-position: left -843px; } /* Forms */ .col-center form { position: relative; float: left; margin: 0; padding: 0; } .col-center form .help { padding: 0.5em 1em 1em 5.5em; font-size: 0.91em; line-height: 1.5em; font-size: 0.625em; } .col-center form .form-line { float: left; width: 642px; margin: 0.5em 0; font-size: 0.6875em; } .col-center form fieldset { margin: 0.5em 0 1.5em 0; padding: 0 0 1em 0; border-bottom: 1px solid #cccccc; } .col-center form fieldset.no-border { padding-bottom: 0; border-bottom: none; } .col-center form fieldset.last { margin: 0.5em 0 70px 0; padding: 0 0 55px 0; } /* Form line with input on the right */ .col-center form .form-line label { float: left; width: 46%; margin-right: 2%; padding-top: 0.3em; font-weight: bold; text-align: right; line-height: 1.5em; outline: none; } .col-center form .form-line .input { float: left; width: 50%; margin-left: 2%; } .col-center form .form-line .input label { width: auto; margin: 0 0.5em; } .col-center form .form-line .input input { float: left; } .col-center form .form-line .input .auto { width: auto; } .col-center form .form-line .input .small { width: 40px; } .col-center form .form-line .input .medium { width: 70px; } .col-center form .form-line .input .large { width: 158px; } .col-center form .form-line .input .help { float: left; padding: 0.5em 0 0 0.5em; font-size: 0.8em; } .col-center form .form-line .input div { clear: left; line-height: 20px; font-weight: bold; } .col-center form .form-line .input ul.double-ligne { margin-top: 10px; } .col-center form .form-line .input ul li { float: left; overflow: hidden; font-weight: bold; } .col-center form .form-line .input ul li input { float: left; } .col-center form .form-line .input ul li span { float: left; display: inline; padding-top: 4px; font-weight: normal; } .col-center form .form-line .input ul.supperpose { margin-top: 4px; } .col-center form .form-line .input ul.supperpose li { float: none; overflow: hidden; margin-bottom: 3px; } /* Form line with radio button on the left */ .col-center form .form-line-bordered { border-bottom: 1px solid #CCC; } .col-center form .form-line-first { margin-top: 1.5em; } .col-center form .choice-input { float: left; width: 40px; margin-right: 10px; text-align: right; } .col-center form .choice-label { float: left; width: 570px; padding-bottom: 1em; } .col-center form .choice-label label { float: none; display: block; width: auto; margin: 0 0 1em 0; padding: 0; text-align: left; } .col-center form .choice-label label.no-margin { margin: 0 0 0.25em 0; } .col-center form .choice-label p { font-size: 1em; margin-bottom: 1em; padding-left: 0; } .col-center form .choice-label p.no-margin { margin-bottom: 0em; } .col-center form .comment-demi { display: block; width: 280px; text-align: right; } .col-center form p { padding-left: 16px; font-size: 0.6875em; line-height: 1.5em; } .col-center form p a { text-decoration: underline; } .col-center form button { position: absolute; right: 100px; bottom: 33px; display: block; padding: 0; width: 71px; height: 73px; border: 0 none; cursor: pointer; text-indent: -5000px; background: transparent url("../img/sprite-buttons.png") left -250px no-repeat; } .col-center form .input button { position: relative; right: -10px; top: -10px; display: block; padding: 0; width: 38px; height: 41px; border: 0 none; cursor: pointer; text-indent: -5000px; background: transparent url("../img/sprite-buttons.png") -71px -250px no-repeat; } /* Form messages */ #form-messages { margin: -1em 0 1em; font-size: 0.6875em; color: #669900; font-weight: bold; } #form-messages p { font-size: 1em; } #form-messages.error { color: #cc3300; } /* Adresse list */ .list-adresse { width: 642px; font-size: 0.6875em; border-collapse: collapse; } .list-adresse td { padding: 1em 0 2em 2em; border-bottom: 1px solid #cccccc; } .list-adresse tr.last td { border-bottom: none; } .list-adresse td.adresse { padding-left: 4em; border-bottom: 1px solid #cccccc; } .list-adresse td h5 { margin-bottom: 0.5em; padding-left: 1em; font-weight: bold; background: url("../img/sprite_toulouse.png") -840px -61px no-repeat; } .list-adresse td h5 span { font-weight: normal; text-decoration: underline; } .list-adresse td p { padding-left: 1em; line-height: 1.5em; } .list-adresse td.action { width: 55px; } .list-adresse td.action a { display: block; width: 29px; height: 29px; background: url("../img/sprite-buttons.png") -71px -291px no-repeat; text-indent: -5000px; } /**********************************************************/ /* HEADER */ #header { position: absolute; top: 0; left: 0; z-index: 400; width: 980px; height: 155px; } #header #logo { float: left; display: block; width: 155px; height: 123px; } #header #banniere { float: left; } #header .navigation { height: 32px; width: 980px; font-size: 0.75em; } #header .navigation li { float: left; display: inline; position: relative; } #header .navigation li a { display: block; height: 32px; background: url("../img/sprite_toulouse.png") left top no-repeat; text-indent: -5000px; } #header .navigation li.ville a { width: 156px; background: url("../img/sprite_toulouse.png") left -225px no-repeat; text-indent: -5000px; } #header .navigation li#nav-cocktail a { width: 149px; background-position: left top; } #header .navigation li#nav-cocktail a:hover, #header .navigation li#nav-cocktail.current a { background-position: left -32px; } #header .navigation li#nav-buffet a { width: 129px; background-position: -149px top; } #header .navigation li#nav-buffet a:hover, #header .navigation li#nav-buffet.current a { background-position: -149px -32px; } #header .navigation li#nav-menu a { width: 99px; background-position: -278px top; } #header .navigation li#nav-menu a:hover, #header .navigation li#nav-menu.current a { background-position: -278px -32px; } #header .navigation li#nav-entreprise a { width: 162px; background-position: -377px top; } #header .navigation li#nav-entreprise a:hover, #header .navigation li#nav-entreprise.current a { background-position: -377px -32px; } #header .navigation li#nav-boisson a { width: 145px; background-position: -539px top; } #header .navigation li#nav-boisson a:hover, #header .navigation li#nav-boisson.current a { background-position: -539px -32px; } #header .navigation li ul { display: none; position: absolute; top: 32px; left: 0; z-index: 10; padding: 0.5em 1em 0.5em 0.5em; background-color: #97c00f; } #header .navigation li#nav-cocktail ul { width: 130px; } #header .navigation li#nav-menu ul { width: 135px; } #header .navigation li#nav-entreprise ul { width: 145px; } #header .navigation li#nav-boisson ul { width: 145px; } #header .navigation li ul li { clear: left; width: auto; margin-bottom: 0.25em; } #header .navigation li:hover ul { display: block; } #header .navigation li ul li a { width: auto; height: auto; padding: 4px; font-size: 0.9em; background: none; text-indent: 0; color: #FFF; } #header .navigation li ul li a:hover { color: #000; } #header .navigation li#nav-cocktail ul li a, #header .navigation li#nav-buffet ul li a, #header .navigation li#nav-menu ul li a, #header .navigation li#nav-entreprise ul li a, #header .navigation li#nav-boisson ul li a { width: auto; white-space: nowrap; } #header .navigation li.panier { padding: 13px 32px 0 0; height: 19px; width: 107px; font-size: 0.91em; background: url("../img/sprite_paris.png") -684px 0px no-repeat; color: #FFF; text-align: right; } #header .navigation li.panier img { display: none; } /**********************************************************/ /* LEFT COLUMN */ .col-left { float: left; display: inline; width: 125px; margin: 1.1em 14px 0 17px; } .col-left .block { margin: 0 0 0.75em 0; padding: 0 0 1em 0; background: url("../img/bg-dashed-bullets-white.png") left bottom repeat-x; } .col-left .block h4 { margin: 0; width: 108px; height: 20px; background: url("../img/sprite_toulouse.png") -400px -190px no-repeat; text-indent: -5000px; } .col-left .block li { margin: 0 0 0 -0.5em; background: url("../img/sprite_toulouse.png") -840px -33px no-repeat; } .col-left .block li a { padding: 0 0 0 0.8em; font-size: 0.625em; line-height: 1.5em; color: #000; } .col-left #block-region a { display: block; padding: 0.5em 0 0.5em 0; width: 125px; font-size: 0.625em; color: #000; background: url("../img/sprite_toulouse.png") -510px -234px no-repeat; } .col-left #block-reception h4 { background-position: -400px -210px; } .col-left #block-avantages { padding: 0 0 0.5em 0; } .col-left #block-avantages a { display: block; width: 125px; height: 25px; background: url("../img/sprite_toulouse.png") -508px -190px no-repeat; text-indent: -5000px; } .col-left #block-onenparle h4 { margin: 0 0 0.5em 0; background-position: -508px -210px; } .col-left #block-onenparle li { background: none; margin: 0; } .col-left #block-onenparle li a { display: block; margin: 0; padding: 0; height: 35px; width: 100px; text-indent: -5000px; background: url("../img/sprite_toulouse.png") left -190px no-repeat; } .col-left #block-onenparle li.radio a { background-position: -100px -190px; } .col-left #block-onenparle li.video a { background-position: -200px -190px; } .col-left #block-onenparle li.presse a { background-position: -300px -190px; } .col-left #block-onenparle li.facebook a { background-position: -200px -237px; } /**********************************************************/ /* RIGHT COLUMN */ .col-right { float: left; display: inline; width: 140px; padding-top: 20px; } .col-right .block { display: block; width: 140px; margin-bottom: 11px; } .col-right #miniCartItems { margin: -20px 0 10px 0; width: 140px; background-color: #ccc; } .col-right #miniCartItems td { padding: 0.5em; } .col-right #miniCartItems p.minicart_item { margin: 0 0 0.5em 0; font-size: 0.6875em; } .col-right #miniCartItems p.minicart_item a { color: #FFF; } .col-right #votre-compte { position: relative; padding: 12px 4px 4px 7px; width: 129px; height: 27px; font-size: 0.625em; color: #FFF; background: #97a0cf url("../img/bg-votrecompte.png") left top no-repeat; } .col-right #votre-compte a { display: block; padding-top: 12px; color: #FFF; } .col-right #votre-compte ul { display: none; padding: 0.7em 0 1em 0; background-color: #f0f0f0; position: absolute; left: 0; top: 43px; z-index: 100; width: 140px; border-top: 3px solid white; } .col-right #votre-compte:hover ul { display: block; } .col-right #votre-compte ul li { margin: 0 0.9em; padding: 0.25em 0 0.25em 0; } .col-right #votre-compte ul li.sep { margin-bottom: 1em; padding-bottom: 1em; background:transparent url("../img/bg-dashed-bullets.png") repeat-x scroll left bottom; } .col-right #votre-compte ul a { padding: 0 0 0 1.2em; line-height: 1.6em; color: #000; background: url("../img/sprite_paris.png") -840px -58px no-repeat; } .col-right #newsletter-form { padding: 38px 0px 4px 7px; width: 133px; height: 24px; font-size: 0.625em; color: #FFF; background: url("../img/bg-newsletter.png") left bottom no-repeat; } .col-right #newsletter-form input { float: left; width: 100px; padding: 0; } .col-right #newsletter-form button { float: left; margin: 0 0 0 2px; padding: 0; width: 24px; height: 24px; border: 0 none; cursor: pointer; text-indent: -5000px; background: url("../img/bg-newsletter.png") -115px -38px no-repeat; } .col-right #search-form { padding: 24px 0 4px 7px; width: 133px; height: 22px; font-size: 0.625em; color: #FFF; background: url("../img/bg-search.png") left top no-repeat; } .col-right #search-form input { float: left; width: 100px; padding: 0; } .col-right #search-form button { float: left; margin: 0 0 0 2px; padding: 0; width: 24px; height: 24px; border: 0 none; cursor: pointer; text-indent: -5000px; background: url("../img/bg-search.png") -115px -25px no-repeat; } /**********************************************************/ /* CENTER COLUMN */ .col-center { float: left; width: 642px; margin: 0 21px 0 21px; padding-top: 20px; overflow: hidden; } .col-center .block { clear: left; margin-bottom: 1.95em; } .col-center #chapeau { position: relative; width: 642px; margin-bottom: 1.5625em; } .col-center #chapeau h1 { margin: 0.25em 0; padding: 0; width: 620px; height: 1.25em; font-family: "District Sans", Arial, sans-serif; color: #686868; font-size: 2.375em; line-height: 1.25em; } .col-center #chapeau h1 .green { color: #779b00; } .col-center #chapeau .name { position: absolute; left: 290px; top: 19px; font-size: 0.75em; } .col-center #chapeau.devis .name { left: 180px; } .col-center #chapeau.votre-compte .name { left: 215px; top: 7px; } .col-center #chapeau a.tri { display: block; position: absolute; right: 0; top: 40px; padding: 0 28px 0 0; font-size: 0.75em; line-height: 2em; background: url("../img/sprite-bullets.png") right top no-repeat; } .col-center #chapeau a.retour { display: block; position: absolute; left: 240px; top: 13px; padding: 0 0 0 20px; font-size: 0.75em; line-height: 1.8em; font-weight: bold; background: url("../img/sprite-bullets.png") left -134px no-repeat; } .col-center #chapeau p { margin-top: 0.08em; font-size: 0.75em; line-height: 1.4em; color: #666; } .col-center #chapeau p a { margin: 0 1.2em 0 0; padding: 0 1.75em 0 0; color: #97c00e; background: url("../img/puce_fleche.gif") right 1px no-repeat; color: #; } /**********************************************************/ /* CENTER : HOME */ #stage { position: relative; margin-bottom: 0.75em; width: 642px; height: 228px; overflow: hidden; } #stage .nav { position: absolute; z-index: 100; top: 207px; right: 4px; } #stage .nav a { display: block; float: left; margin: 0 0 0 2px; padding: 4px; width: 12px; height: 14px; font-size: 0.75em; color: #FFF; background: url("../img/bg-stage-list.gif") left top no-repeat; } #stage .nav a.activeSlide { background-position: -22px top; } #gamme-list { float: left; margin: 0 0 1.4em 0; width: 642px; font-size: 0.875em; } #gamme-list li { float: left; margin-bottom: 0.7em; text-indent: -5000px; } #gamme-list li { float: left; margin-bottom: 0.7em; } #gamme-list li h2 { margin-bottom: 0.3em; } /*#gamme-list li h2 a { padding-left: 0.875em; background: url("../img/sprite_toulouse.png") -840px top no-repeat; }*/ #gamme-list li h2 a { display: block; width: 214px; height: 123px; background: url("../img/home-map-toulouse.jpg") left top no-repeat; text-indent: -5000px; } #gamme-list li.cocktail h2 a { background-position: left top; } #gamme-list li.buffet h2 a { background-position: -214px top; } #gamme-list li.menu h2 a { background-position: -428px top; } #gamme-list li.entreprise h2 a { background-position: left -123px; } #gamme-list li.boisson h2 a { background-position: -214px -123px; } #gamme-list li.engagement h2 a { background-position: -428px -123px; } /*#gamme-list li.cuisine h2 a { color: #97c00e; background: url("../img/sprite_toulouse.png") -840px -16px no-repeat; }*/ #idconcepts h3, #idshopping h3 { width: 642px; height: 21px; background: url("../img/sprite_toulouse.png") left -148px no-repeat; text-indent: -5000px; } #idshopping h3 { background-position: left -169px; } #idshopping ul { float: left; overflow: hidden; position: relative; padding: 40px 0 30px 144px; background: url("../img/bg-idshopping.png") left bottom no-repeat; } #idshopping ul li { float: left; display: block; width: 163px; margin-bottom: 0.3em; } #idshopping ul li a { margin: 0; padding-left: 0.875em; font-size: 0.8125em; color: #4c4c4c; background: url("../img/sprite_toulouse.png") -840px -15px no-repeat; } #idshopping ul li.main { position: absolute; top: 0; left: 0; } #idshopping ul li.main a { width: 135px; height: 150px; display: block; text-indent: -5000px; background: none; } /**********************************************************/ /* CENTER : RAYON */ #rayon-list { overflow: hidden; margin-bottom: 40px; width: 642px; font-size: 0.8125em; background: url("../img/bg-rayon-list.png") right bottom no-repeat; } #rayon-list li { float: left; width: 321px; margin-bottom: 0.7em; } #rayon-list li h2 { margin-bottom: 0.4375em; } #rayon-list li h2 a { padding-left: 0.8125em; background: url("../img/sprite_toulouse.png") -840px 0 no-repeat; } #rayon-list li a.image { display: block; width: 321px; height: 99px; position: relative; overflow: hidden; } #rayon-list li a.image span { position: absolute; top: -100px; left: 0; width: 321px; height: 73px; padding: 2em 0 0 0; color: #FFF; text-align: center; background-image: url("../img/bg.png"); } #rayon-list li a.image:hover { text-decoration: none; cursor: pointer; } #rayon-list li a.image:hover span { top: 0; cursor: pointer; } /**********************************************************/ /* CENTER : GENERIC RAYON/PRODUIT */ .col-center #chapeau ul.breadcrumb { overflow: hidden; margin: -0.9em 0 1.20em 0; } .col-center #chapeau ul.breadcrumb li { float: left; margin: 0 1em 0 0; padding: 0 0 0 12px; font-size: 0.6875em; line-height: 1.4em; color: #000; background: url("../img/sprite_toulouse.png") -840px -83px no-repeat; } .col-center #chapeau ul.breadcrumb li a { display: block; margin: 0 0 0 -12px; padding: 0 0 0 12px; line-height: 1.4em; color: #797979; background: url("../img/sprite_toulouse.png") -840px -59px no-repeat; } /*.col-center .icones-produit li { float: left; display: block; margin-right: 2px; width: 20px; height: 20px; text-indent: -5000px; background: url("../img/sprite-icones-produits.png") left top no-repeat; }*/ .col-center .icones-produit li { float: left; display: block; margin-right: 2px; width: 20px; height: 20px; } /* .col-center .icones-produit li.coeur { background-position: left top; } .col-center .icones-produit li.chaud { background-position: -20px top; } .col-center .icones-produit li.creation { background-position: -40px top; } .col-center .icones-produit li.vegetarien { background-position: -60px top; } .col-center .icones-produit li.nouveaute { background-position: -80px top; } .col-center .icones-produit li.terroir { background-position: -100px top; } .col-center .icones-produit li.light { background-position: -120px top; } */ #produit-footer { overflow: hidden; clear: left; } #produit-footer .pager { float: left; margin: 4px 15px 0 0; font-weight: bold; } #produit-footer .pager li { float: left; margin: 0 2px 0 0; padding: 0 2px 1px 2px; line-height: 16px; font-size: 0.875em; border-right: 1px solid #000; } #produit-footer .pager li a { padding: 0 2px 0 0; font-size: 0.8em; font-weight: normal; } #produit-footer .pager li.title { border: none; } #produit-footer a.print { display: block; float: right; line-height: 26px; padding: 0 30px 0 0; font-size: 0.625em; color: #6e7785; background: url("../img/sprite-bullets.png") right -100px no-repeat; text-align: right; } #produit-footer a.send { display: block; float: right; line-height: 26px; margin-right: 20px; padding: 0 30px 0 0; font-size: 0.625em; color: #6e7785; background: url("../img/sprite-bullets.png") right -160px no-repeat; text-align: right; } #produit-footer a.tri { display: block; float: right; line-height: 26px; margin: 0 15px 0 10px; padding: 0 28px 0 0; font-size: 0.625em; color: #6e7785; background: url("../img/sprite-bullets.png") right top no-repeat; } .action li { display: block; margin-top: 0.15em; } .action li a { display: block; line-height: 16px; padding-left: 2em; font-size: 0.6875em; color: #666; background: url("../img/sprite-bullets.png") left top no-repeat; } .action li.panier a { background-position: left -40px; } .action li.infos a { background-position: left -70px; } /* CENTER : RAYON */ #produit-list { float: left; width: 662px; } #produit-list li.produit { overflow: hidden; float: left; position: relative; width: 311px; margin: 0 20px 20px 0; background-color: #f4f4f4; } #produit-list li.produit .image { position: relative; float: left; width: 158px; height: auto; margin-right: 10px ; } #produit-list li.produit .image img { float: left; } #produit-list li.produit .image .icones-produit { position: absolute; left: 7px; bottom: 5px; } #produit-list li.produit .image .icones-produit-promo { position: absolute; top: 0; left: 0; } #produit-list li.produit .image .icones-produit-promo .promo { width: 61px; height: 61px; } #produit-list li.produit .description { position: absolute; left: 168px; width: 143px; } #produit-list li.produit .description h2 { margin: 7px 5px 4px 2px; font-size: 0.8125em; line-height: 1.1em; } #produit-list li.produit .description h2 a { color: #000; } #produit-list li.produit .description h2 a:hover { text-decoration: none; } #produit-list li.produit .description h2 a span { display: block; font-size: 0.85em; color: #797979; } #produit-list li.produit .description p { font-size: 0.6875em; color: #737373; } #produit-list li.produit .description .action { } #produit-list li.produit .description .action li { float: left; clear: left; padding: 0; margin: 0.25em 0 0 0; } #produit-list li.produit .description .action li a { display: block; width: 110px; } #produit-list li.produit .prix { position: absolute; right: 7px; bottom: 7px; font-size: 0.8125em; color: #000; } /* CENTER : PRODUIT */ #chapeau .icones-produit { position: absolute; right: 0; top: 46px; } /* CENTER : PRODUIT - FICHE PRODUIT */ #produit { overflow: hidden; margin-bottom: 10px; width: 642px; background-color: #e5e5e5; } #produit .img { float: left; position: relative; width: 316px; } #produit .img img { float: left; } #produit .img p { position: absolute; left: 5px; bottom: 4px; font-size: 0.75em; font-style: italic; color: #333; } #produit .description { float: left; position: relative; width: 304px; padding: 12px 11px 0 11px; font-size: 0.6875em; line-height: 1.4em; color: #555; } #produit .description p { padding: 0; font-size: 1em; } #produit.large .img { width: auto; } #produit.large .description { width: 620px; border-top: 7px solid white; } #produit .description table { margin-bottom: 20px; } #produit .description table td { width: 300px; padding-right: 20px; } #produit .description a.photo { position: absolute; bottom: 0px; left: 11px; padding-left: 40px; line-height: 40px; font-weight: bold; background: url("../img/sprite-bullets.png") left -384px no-repeat; } /* CENTER : PRODUIT - VOTRE CHOIX */ #votre-choix { display: inline; float: left; margin: 0 0 60px 327px; } #votre-choix h3 { margin-bottom: 0.5em; background: url("../img/sprite-fiche-produit.png") left -60px no-repeat; text-indent: -5000px; } #votre-choix ul { margin-bottom: 1.3em; font-size: 0.6875em; } #votre-choix ul li { margin-bottom: 0.1em; color: #666; } #votre-choix ul li input { margin-right: 1em; } #votre-choix ul li span { font-weight: bold; color: #000; } #votre-choix #prix-quantite { float: left; position: relative; padding: 0.9em 0; width: 315px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #votre-choix #prix-quantite label { float: left; margin: 0.5em 1em 0 0; font-size: 0.75em; font-weight: bold; } #votre-choix #prix-quantite label.nbe { margin: 0.1em 0.4em 0 0; font-size: 0.625em; } #votre-choix #prix-quantite input { float: left; width: 24px; margin-right: 0.4em; font-size: 0.75em; } #votre-choix #prix-quantite .prix-unitaire { position: absolute; right: 158px; top: 16px; width: 85px; font-size: 1.125em; text-align: right; } #votre-choix #prix-quantite button { right: 0; top: 13px; width: 148px; height: 27px; background-position: left -813px; } #votre-choix #prix-quantite .promotion { position: absolute; left: -250px; top: 11px; padding-right: 1em; color: #e2001a; text-align: right; background: url("../img/sprite-bullets.png") right -326px no-repeat; } #votre-choix #prix-quantite .promotion span { display: block; } #votre-choix .caution { position: relative; float: left; color: #4c4c4c; font-size: 0.6875em; } #votre-choix .caution a { padding: 0.1em 2.5em 0.1em 0; line-height: 2.7em; background: url("../img/sprite-bullets.png") right -306px no-repeat; } #votre-choix .caution a strong { font-size: 1.3em; font-weight: bold; } #votre-choix .caution a div { position: absolute; left: 0; top: 30px; display: none; width: 300px; padding: 0.5em; font-size: 0.9em; line-height: 1.25em; border: 1px solid #4c4c4c; } #votre-choix .caution a:hover div { display: block; } #votre-choix .caution a:hover { text-decoration: none; } /* CENTER : PRODUITS CROISES / FICHE TECHNIQUE */ .et-aussi { clear: left; margin-bottom: 1em; } .et-aussi h3 { width: 642px; margin-bottom: 0.5em; height: 25px; text-indent: -5000px; background: url("../img/sprite-fiche-produit.png") left top no-repeat; } .et-aussi h3.suggestions-chef { background-position: left -30px; } .et-aussi ul.tabs { overflow: hidden; width: 622px; margin: 0 0 0.8125em 0; padding: 0 0 0 1.25em; font-family: "Lucida Grande", Arial, sans-serif; background-color: #686868; } .et-aussi ul.tabs li { float: left; margin-right: 0.625em; } .et-aussi ul.tabs a { display: block; padding: 1px 1em 0 1em; font-size: 0.6875em; line-height: 1.9em; color: #FFF; } .et-aussi ul.tabs a:hover, .et-aussi ul.tabs a.selected { background-color: #97c00e; text-decoration: none; } .et-aussi ul.tabs-and-arrow a { padding-right: 2.5em; background-image: url("../img/sprite-bullets.png"); background-position: right -240px; background-repeat: no-repeat; } .et-aussi ul.tabs-and-arrow a:hover, .et-aussi ul.tabs-and-arrow a.selected { background-position: right -216px; } .et-aussi .plus-dinfos { overflow: hidden; padding-bottom: 1em; font-size: 0.6875em; line-height: 1.5em; color: #6c6868; border-bottom: 1px solid #ccc; } .et-aussi .plus-dinfos p { font-size: 1em; } .et-aussi .plus-dinfos table tr { background: none; } .et-aussi .plus-dinfos table td { width: 300px; padding-right: 25px; font-size: 1em; vertical-align: top; font-weight: normal; } .et-aussi .plus-dinfos table td img { margin-bottom: 0.85em; } .et-aussi .plus-dinfos table td .green { color: #97c00e; } .et-aussi table { width: 642px; border-collapse: collapse; } .et-aussi table tr { height: 74px; background-color: #ededed; } .et-aussi table tr th { width: 118px; border-bottom: 3px solid white; vertical-align: top; } .et-aussi table tr td { height: 54px; padding: 10px 9px; font-size: 0.6875em; font-weight: bold; border-bottom: 3px solid white; } .et-aussi table tr td.desc { vertical-align: top; } .et-aussi table tr td.desc span { display: block; margin-bottom: 0.5em; } .et-aussi table tr td.desc span.princ { color: #000; margin-bottom: 0.25em; } .et-aussi table tr td.desc span.sec { line-height: 1.25em; color: #797979; } .et-aussi table tr td.desc span.sec p { padding-left: 0; font-size: 1em; } .et-aussi table tr td.desc span.prix { margin: 1em 0 0 0; font-size: 1.2em; color: #000; } .et-aussi table tr td.desc span.prix select { margin-top: -0.5em; } .et-aussi table tr td.qte { width: 140px; color: #000; vertical-align: middle; } .et-aussi table tr td.qte span { float: left; padding-right: 6px; line-height: 23px; } .et-aussi table tr td.qte span.maitre { line-height: 11px; } .et-aussi table tr td.qte input { width: 30px; } .et-aussi table tr td.actions { width: 125px; vertical-align: middle; } .et-aussi table tr td.actions .action li a { font-size: 1em; font-weight: normal; } /* CENTER : PRODUITS TELL A FRIEND */ #produit-tell-afriend { margin-top: 30px; } #produit-tell-afriend table { width: 642px; background-color: #ededed; } #produit-tell-afriend table th, #produit-tell-afriend table td { padding: 6px 6px 6px 15px; font-size: 0.6875em; border-bottom: 2px solid white; } #produit-tell-afriend table th { width: 200px; vertical-align: middle; } #produit-tell-afriend table td input { width: 200px; } #produit-tell-afriend table td textarea { width: 400px; } #produit-tell-afriend ul { float: right; } #produit-tell-afriend ul li { display: inline; } #produit-tell-afriend p { font-size: 0.75em; font-weight: bold; } /* CENTER : ADD TO CART */ #addToCartMessage p { padding: 1.9em 1em 2.5em 1em; font-size: 0.75em; line-height: 1.5em; color: #FFF; } /**********************************************************/ /* COMMANDE */ #process-commande .intro { width: 620px; } /* Etapes */ #process-commande .etapes { width: 642px; height: 35px; } #process-commande .etapes li { display: block; float: left; height: 35px; text-indent: -5000px; background: url("../img/sprite-commande.png") left top no-repeat; } #process-commande .etapes li#etape-panier { width: 63px; background-position: left top; } #process-commande .etapes li#etape-panier.current { background-position: left -35px; } #process-commande .etapes li#etape-livraison { width: 133px; background-position: -63px top; } #process-commande .etapes li#etape-livraison.current { width: 134px; margin-left: -1px; background-position: -63px -35px; } #process-commande .etapes li#etape-coordonnees { width: 112px; background-position: -196px top; } #process-commande .etapes li#etape-coordonnees.current { width: 113px; margin-left: -1px; background-position: -196px -35px; } #process-commande .etapes li#etape-paiement { width: 148px; background-position: -308px top; } #process-commande .etapes li#etape-paiement.current { width: 149px; margin-left: -1px; background-position: -308px -35px; } #process-commande .etapes li#etape-valider { width: 186px; background-position: -456px top; } #process-commande .etapes li#etape-valider.current { width: 187px; margin-left: -1px; background-position: -456px -35px; } #process-commande .etapes li#etape-imprimer-devis { width: 186px; background-position: -642px top; } #process-commande .etapes li#etape-imprimer-devis.current { width: 187px; margin-left: -1px; background-position: -642px -35px; } /* Intro */ /* Détail commande */ #process-commande .recap-produit-commande { clear: left; width: 642px; font-size: 0.6875em; margin-bottom: 2em; border-collapse: collapse; } #process-commande .recap-produit-commande .img { width: 78px; vertical-align: top; } #process-commande .recap-produit-commande .desc { padding: 5px 10px; width: 211px; vertical-align: middle; } #process-commande .recap-produit-commande .prod { width: 309px; vertical-align: bottom; } #process-commande .recap-produit-commande .qte { padding: 0; width: 73px; vertical-align: bottom; } #process-commande .recap-produit-commande .prix { padding: 0; width: 103px; vertical-align: bottom; } #process-commande .recap-produit-commande .total { padding: 0; width: 157px; vertical-align: bottom; } #process-commande .recap-produit-commande thead { border-bottom: 5px solid white; } #process-commande .recap-produit-commande thead tr th { text-indent: -5000px; background: url("../img/sprite-commande.png") left -70px no-repeat; line-height: 35px;} #process-commande .recap-produit-commande thead tr th.prod { padding: 0; background-position: left -70px; } #process-commande .recap-produit-commande thead tr th.qte { padding: 0; background-position: -309px -70px; } #process-commande .recap-produit-commande thead tr th.prix { padding: 0; background-position: -382px -70px; } #process-commande .recap-produit-commande thead tr th.total { padding: 0; background-position: -485px -70px; } #process-commande .recap-produit-commande tr.categ-first td { padding: 12px 5px 5px 5px; font-weight: bold; color: #484848; } #process-commande .recap-produit-commande tr.categ td { padding: 5px; font-weight: bold; color: #484848; } #process-commande .recap-produit-commande tr.categ td span, #process-commande .recap-produit-commande tr.categ-first td span { margin-left: 73px; padding-left: 15px; background: url("../img/sprite_paris.png") -839px -1px no-repeat; } #process-commande .recap-produit-commande tr.maitre-dhotel td { border-top: 9px solid white; background-color: #fbe4bb; } #process-commande .recap-produit-commande tr.maitre-dhotel td.desc { width: auto; line-height: 1.25em;; } #process-commande .recap-produit-commande tr.product td { border-bottom: 3px solid white; background-color: #f2f2f2; vertical-align: middle; } #process-commande .recap-produit-commande tr.product td.desc { line-height: 1.25em; } #process-commande .recap-produit-commande tr.product td.total div { position: relative; height: 27px; line-height: 27px; width: 147px; } #process-commande .recap-produit-commande tr.product td.total span { float: left; width: 120px; } #process-commande .recap-produit-commande tr.product td.total input { position: absolute; right: 0; top: 0; width: 24px; } #process-commande .recap-produit-commande tr.repere { height: 25px; } #process-commande .recap-produit-commande tr.repere td { padding: 10px 0 0 100px; background: url("../img/sprite-commande.png") left -140px no-repeat; } /* Totaux */ #process-commande .recap-produit-commande tr.totaux { height: 35px; } #process-commande .recap-produit-commande tr.totaux td { padding: 0 10px; vertical-align: middle; font-weight: bold; } #process-commande .recap-produit-commande tr.totaux td span { font-weight: normal; } #process-commande .recap-produit-commande tr.totaux td.tit { text-align: right; } #process-commande .recap-produit-commande tr.sous-total-ttc td.tit, #process-commande .recap-produit-commande tr.sous-total-hors-livraison td.tit { background-color: #cccccc; } #process-commande .recap-produit-commande tr.total-ttc-avec-livraison td.value, #process-commande .recap-produit-commande tr.sous-total-ttc td.value { background-color: #f3a61c; } #process-commande .recap-produit-commande tr.sous-total-hors-livraison td.value { background-color: #c7a871; } #process-commande .recap-produit-commande tr.frais-livraison td.value, #process-commande .recap-produit-commande tr.dont-tva td.value { background-color: #e5e5e5; } #process-commande .recap-produit-commande tr.recalculer td a { float: right; display: block; width: 110px; height: 40px; background: url("../img/sprite-buttons.png") left top no-repeat; text-indent: -5000px; } #process-commande .recap-produit-commande tr.total-a-payer td.tit { background-color: #cccccc; width: 485px; } #process-commande .recap-produit-commande tr.total-a-payer td.value { background-color: #f3a61c; } #process-commande .recap-produit-commande tr.points-fidelite td.tit a { color: #000; font-weight: normal; } #process-commande .recap-produit-commande tr.points-fidelite td.value { background-color: #97c00e; } #process-commande .recap-produit-commande tr.coupon-reduction td.value { background-color: #cbdf86; } /* Choix de la livraison */ #process-commande #choix-livraison { overflow: hidden; width: 642px; font-size: 0.6875em; border-collapse: collapse; } #process-commande #choix-livraison tr.header { border-top: 1px solid white; border-top: 1px solid white; } #process-commande #choix-livraison th { height: 35px; background: url("../img/sprite-commande.png") left -175px no-repeat; text-indent: -5000px; } #process-commande #choix-livraison tr.line { background-color: #f2f2f2; } #process-commande #choix-livraison tr.line td { padding: 10px 10px 0 10px; font-weight: bold; } #process-commande #choix-livraison tr.line td input { font-weight: normal; width: 70px; vertical-align: middle; } #process-commande #choix-livraison tr.line td select { margin: 7px 0; font-weight: normal; vertical-align: middle; } #process-commande #choix-livraison tr.line td span { font-weight: normal; font-size: 0.91em; } #process-commande #choix-livraison tr.line td.date { padding-bottom: 6px; padding-right: 0; } #process-commande #choix-livraison tr.line td.horaire { padding-bottom: 6px; padding-left: 0; } #process-commande #choix-livraison tr.line td.ville { padding-bottom: 15px; } #process-commande #choix-livraison tr.line td.ville span a { text-decoration: underline; } #process-commande #choix-livraison tr.line td.creneau { padding-bottom: 15px; padding-left: 0; } #process-commande #choix-livraison tr.line td.creneau label { display: block; margin-left: 2em; font-weight: normal; } #process-commande #choix-livraison tr.totaux td { padding: 0 10px; height: 35px; vertical-align: middle; color: #000000; } #process-commande #choix-livraison tr.total-livraison td.tit { background-color: #cccccc; width: 375px; } #process-commande #choix-livraison tr.total-livraison td.value { background-color: #f3a61c; font-weight: bold; text-align: center; width: 250px; } #process-commande #choix-livraison tr.total-commande td.value { background-color: #e5e5e5; text-align: center; } /* Message au chef */ .message-au-chef { padding-bottom: 18px; border-bottom: 1px solid #cccccc; } .message-au-chef h5 { float: left; clear: left; width: 642px; margin-bottom: 18px; height: 35px; background: url("../img/sprite-commande.png") left -105px no-repeat; text-indent: -5000px; } .message-au-chef input { margin-left: 10px; width: 615px; } /* Compte client : création/existant */ .compte-deja-client, .compte-nouveau-client { } .compte-deja-client form { position: relative; float: left; margin-top: 2em; } .compte-nouveau-client form { position: relative; float: left; } .compte-deja-client h3 { margin-bottom: 18px; height: 35px; background: url("../img/sprite-commande.png") left -210px no-repeat; text-indent: -5000px; } .compte-nouveau-client h3 { margin-bottom: 18px; height: 35px; background: url("../img/sprite-commande.png") -321px -210px no-repeat; text-indent: -5000px; } #ct-votre-compte .compte-nouveau-client h3 { background: url("../img/sprite-commande.png") left -280px no-repeat; text-indent: -5000px; } .col-center .compte-deja-client .form-line, .col-center .compte-nouveau-client .form-line, .col-center .compte-nouveau-client .form-line-single { clear: left; float: left; margin-bottom: 7px; width: 312px; } .compte-nouveau-client .form-line-single { margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #cccccc; } .col-center .compte-deja-client label, .col-center .compte-nouveau-client label { display: block; float: left; margin: 0px 10px 0 0; padding-top: 0; width: 140px; font-weight: bold; text-align: right; line-height: 1.2em; } .col-center .compte-nouveau-client .form-line-single label { width: 260px; text-align: left; } .compte-deja-client .input, .compte-nouveau-client .input { float: left; width: 170px; } .compte-deja-client .comments { line-height: 1.5em; margin: 4px 0 20px 20px; } .col-center .compte-deja-client button, .col-center .compte-nouveau-client button { right: 20px; } /* Création d'une adresse */ .creation-adresse .sub-header-bar { border-bottom: 1px solid transparent; margin-bottom: 1em; } /* Liste des adresses disponibles */ #process-commande .list-adresse td { vertical-align: top; } #process-commande .list-adresse td.input { padding-left: 0; padding-right: 10px; width: 40px; text-align: right; } #process-commande .list-adresse td.adresse { padding-left: 0em; } #process-commande .list-adresse td h5 { padding-top: 5px; padding-left: 0em; background: none; } #process-commande .list-adresse td p { font-size: 1em; padding-left: 0em; } /* Résumé de la commande/devis */ .recap-conditions-generales { } .recap-conditions-generales li { padding: 1em; font-size: 0.6875em; line-height: 1.5em; border-bottom: 1px solid #CCC; } #process-commande .recap-conditions-generales table { margin-bottom: 0; } /* Récapitulatif points fidélité */ .recap-points-fidelite .resume { float: left; clear: left; position: relative; overflow: hidden; padding: 1em 1.5em 0em 1em; background-color: #f2f2f2; color: #3d3d3d; } .recap-points-fidelite .resume p { margin: 0 0 1em 0; padding: 0; } .col-center .recap-points-fidelite .resume form { width: 500px; float: left; } .col-center .recap-points-fidelite .resume .form-line { width: 500px; } .col-center .recap-points-fidelite .resume label { width: auto; margin-bottom: 1em; font-size: 1em; text-align: left; } .col-center .recap-points-fidelite .resume .input { clear: left; margin-left: 0; } .col-center .recap-points-fidelite .resume .input input { width: 60px; } .col-center .recap-points-fidelite .resume button { background-position: -109px -250px; } .col-center .recap-points-fidelite .boutique-fidelite { float: right; display: block; width: 95px; height: 40px; background: url("../img/sprite-buttons.png") left -723px no-repeat; text-indent: -5000px; } .recap-points-fidelite .gain { clear: left; position: relative; display: block; width: 614px; line-height: 34px; padding: 0 14px 0 14px; font-size: 0.6875em; background-color: #CCC; color: #3d3d3d; } /* Codes promos */ .col-center .codes-promos .form-line { margin-top: 10px; width: 280px; } .col-center .codes-promos .form-line label { margin-left: 1em; padding-left: 1em; width: auto; font-weight: normal; color: #4c4c4c; background: url("../img/sprite_toulouse.png") -840px -55px no-repeat; } .col-center .codes-promos .form-line input { width: 60px; } /* Récapitulatif des adresses de livraison/facturation */ .recap-livraison { margin-bottom: 1em; } .recap-livraison .adresse-facturation-livraison { float: left; margin-bottom: 1em; width: 321px; } .recap-livraison .adresse-facturation-livraison .sub-header-bar h3 { width: 306px; } .recap-livraison .adresse-facturation-livraison p { margin: 1em; font-size: 0.6875em; } .recap-livraison .contact-supplementaire { clear: left; margin: 0em 1em 1em 1em; font-size: 0.6875em; } .recap-livraison .contact-supplementaire label { display: block; padding: 0em 0 0.5em 0; } .recap-livraison .contact-supplementaire input { width: 610px; } /* Messages au chef et au livreur */ .messages-supplementaires { margin: 0 0.6875em 0.8em 0.6875em; } .messages-supplementaires dt { margin-bottom: 0.4em; font-size: 0.6875em; font-weight: bold; color: #000; } .messages-supplementaires dd { margin-bottom: 0.9em; font-size: 0.6875em; } /* Header N° Devis/Commadne */ .header-no-devis-commande { clear: left; position: relative; } .header-no-devis-commande h3 { display: block; width: 614px; height: 24px; padding: 11px 14px 0 14px; font-size: 0.875em; background-color: #797979; color: #FFF; } .header-no-devis-commande img { position: absolute; top: 8px; right: 20px; z-index: 10; } /**********************************************************/ /* COMPTE CLIENT */ #ct-votre-compte #footer { margin-top: 5em; } #ct-votre-compte #form-messages { margin-top: 1em; } /* Menu */ .m-votre-compte { border-collapse: collapse; } .m-votre-compte tr { height: 68px; } .m-votre-compte th { padding: 0; width: 199px; height: 54px; background: #f2f2f2 url("../img/compte-client/bg-tit-menu-compte.png") left top no-repeat; border-bottom: 4px solid white; } .m-votre-compte th a { display: block; width: 199px; height: 100%; color: #FFF; font-size: 1.125em; text-indent: -5000px; background: transparent url("../img/compte-client/bg-cust-admin.png") left top no-repeat; } .m-votre-compte th a:hover { text-decoration: none; } .m-votre-compte th a.infos-persos { height: 64px; background-position: left top; } .m-votre-compte th a.carnet-adresses { height: 68px; background-position: left -68px; } .m-votre-compte th a.newsletter { height: 64px; background-position: left -140px; } .m-votre-compte th a.paniers-sauvegardes { height: 64px; background-position: left -208px; } .m-votre-compte th a.devis { height: 67px; background-position: left -276px; } .m-votre-compte th a.commande-express { height: 68px; background-position: left -347px; } .m-votre-compte th a.points-fidelites { height: 64px; background-position: left -419px; } .m-votre-compte th a.espace-parrainage { height: 64px; background-position: left -487px; } .m-votre-compte th.grey { background-image: url("../img/compte-client/bg-tit-menu-compte-grey.png"); } .m-votre-compte th.green { background-image: url("../img/compte-client/bg-tit-menu-compte-green.png"); } .m-votre-compte th.purple { background-image: url("../img/compte-client/bg-tit-menu-compte-purple.png"); } .m-votre-compte td { padding: 0 15px 0 5px; vertical-align: middle; font-size: 0.6875em; line-height: 1.25em; background-color: #f2f2f2; border-bottom: 4px solid white; } .m-votre-compte td .pro { padding: 10px 0 0 0; font-weight: bold; } /* .m-votre-compte td .pro { position: relative; z-index: 100px; height: 20px; margin-left: -43px; padding: 20px 0 0 60px; font-weight: bold; background: url("../img/compte-client/plus-pro-vert.gif") left top no-repeat; } .m-votre-compte td .pro-gris { position: relative; z-index: 100px; height: 20px; margin-left: -43px; padding: 20px 0 0 60px; font-weight: bold; background: url("../img/compte-client/plus-pro-gris.gif") left top no-repeat; } */ /* Authentification */ .intro li.savoir-plus { position: absolute; right: 10px; top: 17px; } /* Header Bars */ #ct-votre-compte .header-bar h3 { width: 574px; color: #3d3d3d; background-color: #cccccc; border-left: 40px solid #cccccc; } #ct-votre-compte .header-bar-vert h3 { color: #FFF; background-color: #797979; border-left: 40px solid #97c00e; } #ct-votre-compte .header-bar-mauve h3 { color: #FFF; background-color: #797979; border-left: 40px solid #a89ccb; } #ct-votre-compte .header-bar-connection h3 { padding-left: 54px; color: #FFF; background: #797979 url("../img/compte-client/bg-header-bar-connection.png") left top no-repeat; border-left: none; } /* Intro */ #ct-votre-compte .intro { margin-bottom: 1px; padding: 1.5em 3em 0.7em 5em; width: 554px; } #ct-votre-compte .intro-plus-pro { margin-bottom: 1px; padding: 2.2em 3em 0.7em 5em; background: #7f7f7f url("../img/compte-client/le-plus-pro.png") left top no-repeat; color: #FFF; } #ct-votre-compte .intro-explication { margin-bottom: 1px; padding: 2.2em 3em 0.7em 5em; background: #7f7f7f url("../img/compte-client/explication.png") left top no-repeat; color: #FFF; } /* Message et bouton */ #ct-votre-compte .message-et-bouton { overflow: hidden; padding: 1em 0em 0.5em 5em; font-size: 0.6875em; border-bottom: 1px solid #CCC; } #ct-votre-compte .message-et-bouton p { float: left; width: 400px; padding: 1em 0 1em 0; color: #000; } /* Connection */ #ct-votre-compte .intro-connection { margin-bottom: 1px; padding: 1.5em 3em 0.7em 5em; background-color: #97c00e; } #ct-votre-compte .intro-connection ul li { background: none; color: #FFF; font-weight: bold; } #ct-votre-compte .intro-connection ul li a { color: #000; text-decoration: underline; } #ct-votre-compte .intro-connection ul li a:hover { text-decoration: none; } /* Devis-commande */ #ct-votre-compte .list-devis-commande { width: 642px; margin: 1em 0 0 0; font-size: 0.6875em; border-bottom: 1px solid #cccccc; } #ct-votre-compte .list-devis-commande th, #ct-votre-compte .list-devis-commande td { padding: 0.5em 0; vertical-align: middle; text-align: center; } #ct-votre-compte .list-devis-commande thead th { padding: 0.2em 0; font-size: 0.9em; font-weight: bold; border-right: 2px solid black; } #ct-votre-compte .list-devis-commande thead th.action { border-right: none; } #ct-votre-compte .list-devis-commande tbody { } #ct-votre-compte .list-devis-commande tbody tr td { padding: 0.6em 0; } #ct-votre-compte .list-devis-commande tbody tr.last td { padding-bottom: 2.5em; } #ct-votre-compte .list-devis-commande tbody td a { margin-right: 7px; text-decoration: underline; } #ct-votre-compte .comments { margin-top: 1em; padding: 0 0 0 5em; font-size: 0.6875em; text-align: left; } #ct-votre-compte .comments span { color: #cc355b; } /* Parrainage */ #ct-votre-compte .message { padding: 1em 3em 0 5em; font-size: 0.6875em; border-bottom: 1px solid #CCC; } #ct-votre-compte .message p { padding: 0 0 1em 0; } #ct-votre-compte .parrainage-list { width: 642px; } #ct-votre-compte .parrainage-list th, #ct-votre-compte .parrainage-list td { padding: 0.8em 0 0.8em 4.6em; font-size: 0.6875em; border-bottom: 1px solid #CCC; } #ct-votre-compte .parrainage-list thead th { font-weight: bold; } #ct-votre-compte .parrainage-list td { } /* Points fidélité */ #ct-votre-compte .message-et-bouton a.boutique-fidelite { float: right; display: block; width: 95px; height: 40px; background: url("../img/sprite-buttons.png") left -443px no-repeat; text-indent: -5000px; } /* Vos paniers */ #ct-votre-compte .message-et-bouton a.visualiser-vos-panier { float: right; display: block; width: 102px; height: 40px; background: url("../img/sprite-buttons.png") left -483px no-repeat; text-indent: -5000px; } /**********************************************************/ /* EDITO */ .titreEdito { display: none; } #page-edito { float: left; clear: left; position: relative; } #page-edito h2 { float: left; clear: both; margin: 1em 0 0.5em 0; padding: 0; width: 642px; height: 38px; font-family: Verdana, sans-serif; font-size: 1.5em; color: #686868; text-indent: -5000px; background-repeat: no-repeat; } #page-edito h2.noline { border: none; } #page-edito h2.a-votre-service { background-image: url("../img/edito/titles/a-votre-service.png") } #page-edito h2.adresses { background-image: url("../img/edito/titles/adresses.png") } #page-edito h2.aidez-nous-a-recycler { background-image: url("../img/edito/titles/aidez-nous-a-recycler.png") } #page-edito h2.associations { background-image: url("../img/edito/titles/associations.png") } #page-edito h2.au-service-des-clients { background-image: url("../img/edito/titles/au-service-des-clients.png") } #page-edito h2.avez-vous-des-references { background-image: url("../img/edito/titles/avez-vous-des-references.png") } #page-edito h2.banque-finance { background-image: url("../img/edito/titles/banque-finance.png") } #page-edito h2.batiment-et-sante { background-image: url("../img/edito/titles/batiment-et-sante.png") } #page-edito h2.bienvenue { background-image: url("../img/edito/titles/bienvenue.png") } #page-edito h2.bon-a-savoir { background-image: url("../img/edito/titles/bon-a-savoir.png") } #page-edito h2.bonne-visite { background-image: url("../img/edito/titles/bonne-visite.png") } #page-edito h2.ca-bouscule-la-receptions { background-image: url("../img/edito/titles/ca-bouscule-la-receptions.png") } #page-edito h2.candidature-spontanee { background-image: url("../img/edito/titles/candidature-spontanee.png") } #page-edito h2.cest-bon-y-a-til-des-degustations { background-image: url("../img/edito/titles/cest-bon-y-a-til-des-degustations.png") } #page-edito h2.check-list-dune-reception-reussie { background-image: url("../img/edito/titles/check-list-dune-reception-reussie.png") } #page-edito h2.comme-pour-les-petits { background-image: url("../img/edito/titles/comme-pour-les-petits.png") } #page-edito h2.comment-est-ce-livre { background-image: url("../img/edito/titles/comment-est-ce-livre.png") } #page-edito h2.comment-les-plats-sont-ils-presentes { background-image: url("../img/edito/titles/comment-les-plats-sont-ils-presentes.png") } #page-edito h2.conditions-generales { background-image: url("../img/edito/titles/conditions-generales.png") } #page-edito h2.conseils-online { background-image: url("../img/edito/titles/conseils-online.png") } #page-edito h2.contacter-lequipe-didbuffet { background-image: url("../img/edito/titles/contacter-lequipe-didbuffet.png") } #page-edito h2.dautres-questions { background-image: url("../img/edito/titles/dautres-questions.png") } #page-edito h2.des-chefs-au-travail { background-image: url("../img/edito/titles/des-chefs-au-travail.png") } #page-edito h2.en-cuisines { background-image: url("../img/edito/titles/en-cuisines.png") } #page-edito h2.en-savoir-plus { background-image: url("../img/edito/titles/en-savoir-plus.png") } #page-edito h2.et-aussi { background-image: url("../img/edito/titles/et-aussi.png") } #page-edito h2.frais-de-livraison { background-image: url("../img/edito/titles/frais-de-livraison.png") } #page-edito h2.grande-consommation { background-image: url("../img/edito/titles/grande-consommation.png") } #page-edito h2.idbuffet-dispose-dun-blog { background-image: url("../img/edito/titles/idbuffet-dispose-dun-blog.png") } #page-edito h2.idbuffet-interview-sur-bfm-radio { background-image: url("../img/edito/titles/idbuffet-interview-sur-bfm-radio.png") } #page-edito h2.idbuffet-interviewe-sur-cap24 { background-image: url("../img/edito/titles/idbuffet-interviewe-sur-cap24.png") } #page-edito h2.idbuffet-le-spot-radio { background-image: url("../img/edito/titles/idbuffet-le-spot-radio.png") } #page-edito h2.idbuffet-sengage { background-image: url("../img/edito/titles/idbuffet-sengage.png") } #page-edito h2.ils-en-parlent-aussi { background-image: url("../img/edito/titles/ils-en-parlent-aussi.png") } #page-edito h2.la-marque { background-image: url("../img/edito/titles/la-marque.png") } #page-edito h2.le-developpement-en-france { background-image: url("../img/edito/titles/le-developpement-en-france.png") } #page-edito h2.le-jour-de-votre-livraison { background-image: url("../img/edito/titles/le-jour-de-votre-livraison.png") } #page-edito h2.le-premier-traiteur-en-ligne { background-image: url("../img/edito/titles/le-premier-traiteur-en-ligne.png") } #page-edito h2.les-delais-de-commande { background-image: url("../img/edito/titles/les-delais-de-commande.png") } #page-edito h2.les-fondateurs-didbuffet { background-image: url("../img/edito/titles/les-fondateurs-didbuffet.png") } #page-edito h2.media-et-loisirs { background-image: url("../img/edito/titles/media-et-loisirs.png") } #page-edito h2.mercanet { background-image: url("../img/edito/titles/mercanet.png") } #page-edito h2.mode-beaute-luxe { background-image: url("../img/edito/titles/mode-beaute-luxe.png") } #page-edito h2.mode-demploi { background-image: url("../img/edito/titles/mode-demploi.png") } #page-edito h2.notre-partenaire-a-toulouse { background-image: url("../img/edito/titles/notre-partenaire-a-toulouse.png") } #page-edito h2.nous-vous-et-la-planete { background-image: url("../img/edito/titles/nous-vous-et-la-planete.png") } #page-edito h2.on-parle-de-nous { background-image: url("../img/edito/titles/on-parle-de-nous.png") } #page-edito h2.ou-sont-cuisines-les-buffets { background-image: url("../img/edito/titles/ou-sont-cuisines-les-buffets.png") } #page-edito h2.paiement-et-suivi-des-commandes { background-image: url("../img/edito/titles/paiement-et-suivi-des-commandes.png") } #page-edito h2.postes-a-versailles { background-image: url("../img/edito/titles/postes-a-versailles.png") } #page-edito h2.pour-quelles-occassions { background-image: url("../img/edito/titles/pour-quelles-occassions.png") } #page-edito h2.pour-tous-vos-evenemetns { background-image: url("../img/edito/titles/pour-tous-vos-evenemetns.png") } #page-edito h2.pour-vos-grands-evenements { background-image: url("../img/edito/titles/pour-vos-grands-evenements.png") } #page-edito h2.pouvez-vous-fournir-le-pain { background-image: url("../img/edito/titles/pouvez-vous-fournir-le-pain.png") } #page-edito h2.qu-est-ce-qu-un-buffet { background-image: url("../img/edito/titles/qu-est-ce-qu-un-buffet.png") } #page-edito h2.quelle-est-la-zone-de-livraison { background-image: url("../img/edito/titles/quelle-est-la-zone-de-livraison.png") } #page-edito h2.regles-de-quantite { background-image: url("../img/edito/titles/regles-de-quantite.png") } #page-edito h2.siege-social { background-image: url("../img/edito/titles/siege-social.png") } #page-edito h2.tarifs-et-conditions-de-livraison { background-image: url("../img/edito/titles/tarifs-et-conditions-de-livraison.png") } #page-edito h2.trophees-chef-entreprises-2008 { background-image: url("../img/edito/titles/trophees-chef-entreprises-2008.png") } #page-edito h2.un-catalogue-en-ligne { background-image: url("../img/edito/titles/un-catalogue-en-ligne.png") } #page-edito h2.une-cuisine-fraiche-moderne-et-gourmande { background-image: url("../img/edito/titles/une-cuisine-fraiche-moderne-et-gourmande.png") } #page-edito h2.une-cuisine-responsable { background-image: url("../img/edito/titles/une-cuisine-responsable.png") } #page-edito h2.une-gamme-de-produits-ecodurable { background-image: url("../img/edito/titles/une-gamme-de-produits-ecodurable.png") } #page-edito h2.une-presentation-soignee { background-image: url("../img/edito/titles/une-presentation-soignee.png") } #page-edito h2.une-reception-de-chefs { background-image: url("../img/edito/titles/une-reception-de-chefs.png") } #page-edito h2.vos-contacts-presse { background-image: url("../img/edito/titles/vos-contacts-presse.png") } #page-edito h2.vos-garanties { background-image: url("../img/edito/titles/vos-garanties.png") } #page-edito h2.votre-reception-en-quelques-clics { background-image: url("../img/edito/titles/votre-reception-en-quelques-clics.png") } #page-edito h2.y-a-til-un-minimum-de-commande { background-image: url("../img/edito/titles/y-a-til-un-minimum-de-commande.png") } #page-edito h2.zone-et-frais-de-livraison { background-image: url("../img/edito/titles/zone-et-frais-de-livraison.png") } #page-edito h3 { clear: left; margin: 0 0 0 3em; width: 580px; font-size: 0.6875em; font-weight: bold; line-height: 1.7em; color: #4c4c4c; } #page-edito .title-legende { float: right; margin: -3.3em 0 0 0; font-size: 0.6875em; font-weight: bold; line-height: 1.7em; color: #4c4c4c; } #page-edito p { float: left; clear: left; display: inline; margin: 0 0.5em 1.25em 4.5em; width: 570px; font-size: 0.6875em; line-height: 1.7em; color: #4c4c4c; } #page-edito .demie-colonne p { margin-left: 2.5em; width: 290px; } #page-edito p.dotted { padding: 0 0 0 1.5em; background: url("../img/sprite_toulouse.png") -840px -82px no-repeat; } #page-edito p.bordered { margin-left: 0; padding: 0 1.25em 1em 3em; border-bottom: 1px solid #cccccc; } #page-edito p.nomargin { margin: 0; } #page-edito p.legal { font-size: 0.5625em; } #page-edito ul { clear: left; float: left; display: inline; width: 570px; width: 100%; margin: 0 0 1.25em 4.5em; font-size: 0.6875em; line-height: 1.7em; color: #4c4c4c; } #page-edito .demie-colonne ul { margin-left: 2.5em; width: 290px; } #page-edito ul li { padding: 0 0 0 1.5em; background: url("../img/sprite_toulouse.png") -840px -82px no-repeat; } #page-edito ul li.nobullet { background: none; } #page-edito .boutons { margin-left: 0; } #page-edito .boutons li { padding: 0; background: none; } #page-edito img { float: left; margin-bottom: 1em; } #page-edito .floated { float: left; clear: left; } #page-edito img.floated { margin-left: 0; } /* ECO DURABLE */ #page-edito a.ico-enveloppe { padding: 0.3em 3em 0.3em 0; background: url("../img/ico-enveloppe.png") right top no-repeat; } /* VISITE DES CUISINES */ #page-edito ul.image-gallery { overflow: hidden; margin: 0 0 1.5em 4.5em ; } #page-edito ul.image-gallery li { display: block; float: left; margin: 0 0.25em 0.25em 0; padding: 0; background: none; } #page-edito ul.image-gallery li img { display: block; margin: 0; } /* BUZZ EN LIGNE */ #page-edito .trois-colonnes { overflow: hidden; margin-top: 1.5em; } #page-edito .trois-colonnes li { float: left; width: 164px; margin-right: 1em; } /* COMMANDER */ #page-edito .icones-commander { float: left; clear: left; width: 642px; font-size: 0.6875em; } #page-edito .icones-commander th { padding-bottom: 0em; } #page-edito .icones-commander th img { margin-bottom: 0.5em; } #page-edito .icones-commander td { padding-left: 2em; line-height: 1.25em; vertical-align: middle; } #page-edito .icones-commander td a { text-decoration: underline; color: #333; } #page-edito .paiement-suivi { height: 250px; margin-left: 0em; padding-left: 273px; width: 360px; background: url("../img/edito/commander-img2.jpg") left top no-repeat; } #page-edito .paiement-suivi li { padding: 0 0 0 1.25em; } #page-edito .paiement-suivi li.contact { margin: 1em 0 0 1em; font-size: 1.3em; font-weight: bold; background: none; } /* NOUS CONTACTER */ #page-edito p.blog-facebook { position: relative; padding-top: 2em; font-style: italic; line-height: 1.2em; } #page-edito p.blog-facebook a.facebook { position: absolute; right: -6px; top: 0; display: block; width: 52px; height: 52px; text-indent: -5000px; background: url("../img/ico-facebook.gif") left top no-repeat; } #page-edito p.blog-facebook a.blog { position: absolute; right: 46px; top: 0; display: block; width: 52px; height: 52px; text-indent: -5000px; background: url("../img/ico-blog.gif") left top no-repeat; } /* SECURITE DES PAIEMENTS */ #page-edito.securite-paiements img { float: left; margin-left: 20px; } #page-edito.securite-paiements ul.mercanet { clear: none; float: left; width: 380px; margin-bottom: 45px; } /* QUI SOMMES NOUS */ #page-edito .deux-colonnes { overflow: hidden; margin-top: 1.5em; } #page-edito .deux-colonnes li { float: left; margin-right: 1em; } #page-edito .deux-colonnes li.col1 { width: 250px; } #page-edito .colonnade { float: left; overflow: hidden; width: 642px; } #page-edito .colonnade p { float: left; clear: none; } #page-edito .colonnade p a { text-decoration: underline; } #page-edito .colonnade p.size1 { width: 205px; } #page-edito .colonnade p.size2 { width: 185px; margin-left: 1em; } #page-edito .colonnade p.size3 { width: 150px; margin-left: 1em; } /* IDBUFFET RECRUTE */ #page-edito .poste { margin: 1em 0 0 4em; } #page-edito .poste ul, #page-edito .poste p { margin-left: 0; } #page-edito .poste h4 { clear: left; float: left; width: 580px; font-size: 0.6875em; font-weight: bold; } #page-edito .poste .green { color: #779b00;} /* IDSHOPPING */ #page-edito h2.idshopping { height: 140px; margin-top: 0.4em; padding-top: 0.95em; border: none; background: url("../img/edito/idshopping/background-title.png") left top repeat-x; } #page-edito ul.idshopping { overflow: hidden; float: left; clear: left; width: 620px; margin: 0 0 1em 0; padding: 2em 0 1em 2em; background: url("../img/edito/idshopping/background.png") left bottom repeat-x; } #page-edito ul.idshopping li { float: left; margin: 0 2.6em 0 0; padding: 0; width: auto; background: none; } #page-edito ul.idshopping li span { padding: 0 0 0 1.3em; width: auto; background: url("../img/sprite_paris.png") -840px -17px no-repeat; } #page-edito ul.idshopping li img { display: block; float: none; margin-top: 0.25em; padding: 0 0 0 1.3em; } #categorie-10319 #rayon-list { overflow: hidden; float: left; clear: left; width: 620px; margin: 0 0 1em 0; padding: 2em 0 1em 2em; background: url("../img/edito/idshopping/background.png") left bottom repeat-x; } #categorie-10319 #rayon-list li { float: left; margin: 0; padding: 0; width: 205px; height: 95px; background: none; } #categorie-10319 #rayon-list li h2 a { padding-left: 1em; background: url("../img/sprite_paris.png") -840px -17px no-repeat; } #categorie-10319 #rayon-list li a.image { display: block; padding-left: 1em; width: auto; height: auto; position: relative; overflow: hidden; } #categorie-10319 #rayon-list li a.image span { position: absolute; top: -100px; left: 0; width: auto; height: auto; padding: 2em 0 0 0; color: #FFF; text-align: center; background-image: url("../img/bg.png"); } #categorie-10319 #rayon-list li a.image:hover { text-decoration: none; cursor: pointer; } #categorie-10319 #rayon-list li a.image:hover span { top: 0; cursor: pointer; } /* ZONE LIVRAISON */ #page-edito #zone-livraison { float: left; clear: left; position: relative; width: 642px; height: 229px; background: url("../img/edito/livraison-img2-paris.jpg") left top no-repeat; } #page-edito #zone-livraison.toulouse { background: url("../img/edito/livraison-img2-toulouse.jpg") left top no-repeat; } #page-edito #zone-livraison form { position: absolute; left: 340px; top: 38px; width: 300px; } #page-edito #zone-livraison form label { display: block; margin-bottom: 0.25em; font-size: 0.6875em; font-weight: bold; } #page-edito #zone-livraison form .autres { display: block; position: relative; margin-bottom: 0.75em; font-size: 0.6875em; line-height: 2em; } #page-edito #zone-livraison form .autres a { position: absolute; right: 0; margin-right: 2em; padding: 0em 2em 0em 0; text-decoration: underline; background: url("../img/sprite-bullets.png") right -432px no-repeat; } #page-edito #zone-livraison form select { margin: 0.5em 0 2em 0; } /* VIDEOS */ #video-leschefs, #video-cap24 { text-align: center; } /* ESPACE PRESSE */ #page-edito .buzz-en-ligne { position: absolute; right: 0; top: 0; margin: 20px 10px 0 0; width: 98px; height: 58px; text-indent: -5000px; background: url("../img/edito/buzz-en-ligne.png") left top no-repeat; } #page-edito .presse-liste { float: left; clear: left; margin-bottom: 3em; border-collapse: collapse; width: 642px; } #page-edito .presse-liste th, #page-edito .presse-liste td { padding-top: 1.2em; border-bottom: 1px solid #CCC; } #page-edito .presse-liste th { width: 215px; padding-bottom: 1em; } #page-edito .presse-liste td { vertical-align: top; width: 445px; } #page-edito .presse-liste td h3 { margin: 0; padding: 0; width: 440px; font-weight: bold; line-height: 1.6em; color: #e75113; } #page-edito .presse-liste td h4 { clear: left; margin: 0; padding: 0; width: 440px; font-size: 0.6875em; font-weight: bold; line-height: 1.6em; color: #707173; } #page-edito .presse-liste td h5 { margin: 0; padding: 0; width: 440px; font-size: 0.6875em; font-weight: bold; line-height: 1.6em; color: #e75113; } #page-edito .presse-liste td p { margin: 2em 0; padding: 0; width: 400px; color: #707173; } #page-edito .presse-liste td p a { margin: 0; padding-left: 1em; color: #000000; background: url("../img/sprite_toulouse.png") -840px -60px no-repeat; } #page-edito .presse-liste td p.signature { padding-left: 1em; font-weight: bold; color: #000; background: url("../img/sprite_paris.png") -840px -58px no-repeat; } #page-edito .presse-liste-courte { float: left; clear: left; margin-bottom: 3em; } #page-edito .presse-liste-courte th, #page-edito .presse-liste-courte td { padding-top: 1.2em; border-bottom: 1px solid #CCC; } #page-edito .presse-liste-courte th { width: 215px; text-align: center; vertical-align: middle; } #page-edito .presse-liste-courte th img { margin-bottom: 0; } #page-edito .presse-liste-courte td { vertical-align: top; width: 445px; } #page-edito .presse-liste-courte td h3 { margin: 0; padding: 0; width: 440px; font-weight: bold; line-height: 1.6em; color: #e75113; } #page-edito .presse-liste-courte td p { margin: 1em 0; padding: 0; width: 400px; color: #707173; } #page-edito .presse-liste-courte td p a { margin: 0; padding: 0 0 0 1em; color: #000000; background: url("../img/sprite_toulouse.png") -840px -60px no-repeat; } #page-edito .presse-liste-courte td .signature { padding-left: 1em; font-weight: bold; color: #000; background: url("../img/sprite_toulouse.png") -840px -58px no-repeat; } #page-edito .contacts-presse { float: left; margin: 0 0 30px 0; } #page-edito .contacts-presse img { float: left; margin: 0 78px; width: 60px; } #page-edito .contacts-presse ul { clear: none; float: left; margin: 0; width: 420px; font-weight: bold; } #page-edito .contacts-presse span { font-weight: normal; } /**********************************************************/ /* QUESTIONNAIRE */ #page-edito.questionnaire { clear: left; float: left; color: #4c4c4c; position: relative; } #page-edito.questionnaire h2 { float: left; clear: both; overflow: hidden; width: 594px; height: 32px; margin: 1em 0 0.5em; padding: 0.35em 0 0.25em 2em; border-bottom:1px solid #CCCCCC; background: transparent url(../img/sprite_paris.png) no-repeat scroll -820px -220px; font-family: "futura-book",Verdana,sans-serif; font-size: 1.5em; color: #686868; text-indent: 0; } #page-edito.questionnaire p.intro { width: 588px; margin: 0 0 0.5em 0; padding: 1em 0 1em 4.1em; font-size: 0.75em; font-weight: bold; color: #97c00e; background: transparent url("../img/questionnaire/coupe.png") left center no-repeat; } #page-edito.questionnaire a.arrowed { display: block; width: 520px; padding: 0 4em 0 0; background: transparent url("../img/sprite-bullets.png") right -38px no-repeat; } #page-edito.questionnaire label { float: left; clear: left; display: inline; width: 590px; margin: 0 0 0.5em 4.5em; padding: 0 0 0 1em; font-size: 0.6875em; line-height: 1.5em; background: url("../img/sprite_paris.png") -840px -83px no-repeat; } #page-edito.questionnaire label em { font-style: italic; text-decoration: underline; color: #666; } #page-edito.questionnaire label em.notation { font-style: normal; color: #F3A61C; text-decoration: none; } #page-edito.questionnaire ul { float: left; clear: left; width: 470px; margin: 0 0 1.5em 5.5em; padding: 0; } #page-edito.questionnaire ul li { background: none; } #page-edito.questionnaire table { float: left; clear: left; width: 642px; margin-bottom: 1.5em; } #page-edito.questionnaire table th, #page-edito.questionnaire table td { border-bottom: 1px solid #CCC; line-height: 2em; font-size: 0.6875em; } #page-edito.questionnaire table thead th { text-align: center; } #page-edito.questionnaire table tbody th { padding-left: 50px; background: url("../img/questionnaire/point-vert.png") left 2px no-repeat; } #page-edito.questionnaire table tbody td { width: 50px; text-align: center; } #page-edito.questionnaire table tfoot th { padding-left: 4.5em; text-align: left; border-bottom: none; font-style: italic; color: #AAA; } #page-edito.questionnaire textarea { margin-left: 50px; margin-bottom: 15px; width: 590px; } #page-edito.questionnaire .footer { clear: left; position: relative; height: 80px; width: 642px; } #page-edito.questionnaire button { position: absolute; right: 0; top: 0; width: 80px; height: 50px; margin: 1em 0; padding: 0; background: url("../img/sprite-buttons.png") left -883px no-repeat; } #page-edito.questionnaire .links { margin-left: 240px; width: 148px; height: 87px; background: url("../img/questionnaire/icones.png") left top no-repeat; } #page-edito.questionnaire .links li { float: left; padding: 0; } #page-edito.questionnaire .links li a { float: left; display: block; width: 74px; height: 87px; text-indent: -5000px; } /**********************************************************/ /* FOOTER */ #footer { clear: left; float: left; overflow: hidden; width: 642px; margin: 3em 0 0 0; color: #7c7c7c; } #footer .block { border-bottom: 1px solid #b2b2b2; } #footer .services { margin-bottom: 12px; padding-bottom: 11px; width: 646px; height: 84px; } #footer .services li { float: left; margin-right: 4px; display: inline; } #footer .services li a { display: block; width: 84px; height: 84px; background: url("../img/sprite_toulouse.png") left -64px no-repeat; text-indent: -5000px; } #footer .services li.maitre a { background-position: -84px -64px; } #footer .services li.livraison a { background-position: -168px -64px; } #footer .services li.devis a { background-position: -252px -64px; } #footer .services li.securise a { background-position: -336px -64px; } #footer .services li.fidelite a { background-position: -420px -64px; } #footer .services li.presse a { background-position: -84px -64px; } #footer .services li.temoignage a { width: 114px; background-position: -504px -64px; } #footer .catalog { overflow: hidden; float: left; clear: left; width: 642px; margin-bottom: 4px; padding-bottom: 15px; font-size: 0.5625em; } #footer .catalog ul { float: left; width: 17%; margin-right: 3%; } #footer .catalog ul.entreprise { width: 20%; } #footer .catalog ul.boisson { margin-right: 0; } #footer .catalog ul li { } #footer .catalog ul li.gamme { margin-bottom: 6px; padding-bottom: 12px; font-weight: bold; background: url("../img/bg-dashed-bullets.png") left bottom repeat-x; } #footer .catalog ul li { margin-bottom: 6px; } #footer .links { float: left; width: 642px; margin-bottom: 0.5em; padding: 0.5em 0; } #footer .links li { display: block; float: left; margin-right: 3%; } #footer .links li.last { margin-right: 0; } #footer .links li a { display: block; font-size: 0.5625em; font-weight: bold; color: #4c4c4c; } #footer .assurance { overflow: hidden; width: 642px; margin-bottom: 2em; padding-bottom: 1em; font-size: 0.5625em; } #footer .assurance .tel { float: left; width: 133px; height: 60px; background: url("../img/sprite_toulouse.png") -684px -155px no-repeat; text-indent: -5000px; } #footer .assurance .baseline { float: left; width: 390px; line-height: 1.55em; margin-top: 0.5em; } #footer .assurance .cards { float: left; width: 110px; } /**********************************************************/ /* ID SHOPPING */ /* CENTER : RAYON IDSHOPPING */ #categorie-10319 #chapeau h1, #categorie-10320 #chapeau h1, #categorie-10321 #chapeau h1, #categorie-10322 #chapeau h1, #categorie-10323 #chapeau h1, #categorie-10325 #chapeau h1, #categorie-10324 #chapeau h1, #categorie-10326 #chapeau h1, #categorie-10327 #chapeau h1, #categorie-10328 #chapeau h1, #categorie-10329 #chapeau h1, #categorie-31030 #chapeau h1, #categorie-10332 #chapeau h1, #categorie-10333 #chapeau h1, #categorie-10334 #chapeau h1, .product-idshopping #chapeau h1 { margin-bottom: 0; padding: 5px 0 0 60px; width: 560px; line-height: 53px; height: 53px; background: url("../img/idshopping/bg-titre.png") left top no-repeat; } #produit-list { overflow: hidden; float: left; position: relative; margin: 0 0 20px 0; } #produit-list li.idshopping { margin: 0 0 13px 0; } #produit-list li.idshopping { width: 642px; margin: 0 0 20px 0; } #produit-list li.idshopping .image { float: left; width: 200px; height: auto; } #produit-list li.idshopping .description { float: left; width: 421px; height: 128px; left: 211px; } #produit-list li.idshopping .description h2 { margin-bottom: 12px; } #produit-list li.idshopping table { position: absolute; left: 0; bottom: 5px; } #produit-list li.idshopping table td { padding: 0 10px 0 0; font-size: 0.6875em; color: #737373;} #produit-list li.idshopping table td strong { font-weight: normal; color: #000; } #produit-list li.idshopping .action { position: absolute; right: 0; bottom: 5px; } #produit-list li.idshopping .action a { background-position: left -39px; } /* CENTER : PRODUIT */ #produit.idshopping { margin: 0 0 30px 0; } #produit.idshopping .description { padding-right: 0; width: 306px; } #produit .jevisite { overflow: hidden; margin: 20px 0 0 -11px; } #produit .description .desc { width: 304px; } #produit .description table.jevisite { width: 326px; margin-bottom: 0; } #produit .description table.jevisite td { padding: 0; } #produit .description table.jevisite .text { width: 226px; padding: 20px 0 0 50px; } /* CENTER : IMAGES */ #idshopping-images { margin: -20px 0 30px 0; padding: 0; } #idshopping-images img { display: inline; } /* CENTER : LIST PRODUITS : COUPS DE COEUR */ #idshopping-produits { margin: 0 0 10px 0; color: #555555; font-size: 0.6875em; width: 642px; } #idshopping-produits td.produit { width: 201px; border-bottom: 20px solid white; } #idshopping-produits td table { width: 201px; background-color: #cccccc; text-align: center; border-collapse: collapse; } #idshopping-produits td table td.desc { padding: 0.5em 0 2em 0; color: #000; font-size: 1.2em; text-align: center; } #idshopping-produits td table td.lien { padding: 0.4em 0; background-color: #7f7f7f; text-align: center; } #idshopping-produits td table tr.commande td { padding: 0 0 0.5em 1em; text-align: left; } #idshopping-produits td table tr.commande td .action a { font-size: 1em; background-position: left -470px; } #idshopping-produits td table tr.commande td.prix { padding: 0 1em 0 0; text-align: right; color: #000; font-size: 1.19em; } #idshopping-produits td table td.lien a { color: #FFF; } /* CENTER : LIST COMMENTAIRES */ #idshopping-commentaires { margin: 0 0 30px 0; padding: 0.25em 0 0.5em 0; width: 100%; color: #555555; background-color: #e5e5e5; font-size: 0.6875em; } #idshopping-commentaires td { padding: 0.5em 0.5em 1em 0.5em; color: #666666; background: url("../img/idshopping/bg-commentaires.gif") 6px bottom no-repeat; } #idshopping-commentaires td strong { color: #555; } /* HOME ALERT */ #alert { margin: 1em 0; padding: 0.5em 0.5em 0.5em 2.5em; font-size: 0.75em; color: #666; text-align: center; border: 1px solid #ff9900; background: url("../img/alert-icon.gif") left top no-repeat; }