/******** Default rules for tag ********/ *{margin:0; padding:0; font-style:inherit; font-family:inherit; vertical-align:baseline;} body{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#6e6c6d;} img, fieldset{border:0} caption { display:none; } strong{font-weight:bold;} ol, ul{list-style-type:none;} dt{font-weight:bold;} a{text-decoration:none; color:#525052;} a:hover{text-decoration:none;} div{text-align:left;} form { } label { display:block; margin:6px 0; } input, select, textarea { border:1px solid #B2B7B2; font-family:Arial, Helvetica, sans-serif; font-size:11px;} textarea { overflow:auto; } legend { font-size:11px; color:#525052; font-weight:bold; } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:16px; color:#525052; font-weight:bold; } h5 { font-size:11px; color:#525052; font-weight:bold; } h6 { font-size:11px; color:#525052; font-weight:bold; } #headerBandeau{width:975px;margin:0px auto;overflow:hidden;padding:0 0 0 10px} #newHeader{ height:103px;width:975px;margin:0px auto;overflow:hidden;padding:0 0 0 10px} #mainlogo{ height:103px; padding:0; float:left;width:526px } #mainlogoaccroche{height:17px; padding:0;width:503px } #mainlogologo{ height:58px; padding:0; width:150px;margin-bottom:3px } #logoCamion{width:271px; height:103px; float:right; } #logoPanier{width:150px;margin-top:20px;float:left;margin-left:20px;} /********** Tree of common classes for all the templates ********/ .clear{height:0; clear:both;} .form_button { font-size:11px; font-weight:bold; background:url(/tg-ecommerce/images/bgd_form_button.gif) top; border:1px solid #B2B7B2; } .form_input { border:1px solid #B2B7B2; } .produit_illus { float:left; display:block; border:0; text-align:center; } .produit_elements_marque { font-size:10px; color:#525252; text-transform:uppercase; } .produit_elements_reduction { color:#FF0000; } .produit_elements_ico { padding:5px 5px 0 2px; display:inline; border-right:1px solid #CECECE; } .produit_elements_points { font-weight:bold; color:#2D9400; line-height:18px; white-space:nowrap; padding:0 0 0 5px; display:inline; } .produit_elements_prix strong { font-size:24px; color:#000000; } .auLieu { color:#FF0000;} .listProducts_image { width:65px; padding:5px; overflow:hidden; float:left; } #main .listProducts_image a:hover span {-moz-opacity:0; opacity:0; filter:alpha(opacity=0); cursor:pointer} .listProducts_label { width:160px; padding:5px; float:left;} .listProducts_label ul{padding:5px 0;} .listProducts_label dt a:hover{ text-decoration:underline; } #produitsListeNoResult{text-align:center; color:#ee192e; font-weight:bold; font-size:15px;} .produit_elements_reduction_cadencier { font-size:10px; color:#FF0000; } #produitsListe .listProductsCadencier_label { width:235px; padding:5px; float:left;} #produitsListe .listProductsCadencier_label ul {padding:5px 0;} #produitsListe .listProductsCadencier_label dt a:hover { text-decoration:underline; } #produitsListe .listProductsCadencier_label li img { float:left; } #produitsListe .listProductsCadencier_label li a { float:left; } #produitsListe .listProductsCadencier_label li span { float:left; } #produitsListe .listProductsCadencier_label li span img { float:left; } #produitsListe .listProductsCadencier_label li .preco { float:right;font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#FF0000;} #produitsListe .listProductsCadencier_label li {width:auto; border-bottom:none; float:none; height:100%;} #produitsListe .listProductsCadencier_label .lineTitreCadencier {font-weight:bold;} #produitsListe .listProductsCadencier_label .lineTitreCadencier a:hover { text-decoration:underline; } #produitsListe .listProductsCadencier_label img {padding:0;} #head_produitsListe .btnImprimer { float:right} .nonDisponible_layer {display:block; position:absolute; width:71px; height:71px; z-index:99;} .dansCadencier .nonDisponible_layer {border:1px solid #8a8989; width:67px; height:65px;} .nonDisponible .nonDisponible_layer { background-color:#000000; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .nonDispoPlusCadencier .nonDisponible_layer { background-color:#000000; width:69px; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); border:1px solid #666; } .listProducts_infos {display:block; color:#FFF; font-size:11px; line-height:10px; position:absolute; width:71px; z-index:100; margin:9px 0; padding:2px 0 0 0;} .listProducts_infos img {display:block;} .listProducts_infos span {display:block; margin:0 5px;} .nonDisponible .listProducts_infos {color:#FFFFFF; } .dansCadencier .listProducts_infos { color:#FF0000; padding:50px 0 0 0;} .dansCadencier .listProducts_infos span { background-color:#FFFFFF; width:65px; margin:0 1px; padding:0 0 0 5px; } .nonDispoPlusCadencier .listProducts_infos { padding:10px 0 0 1px; width:71px; } span.nonDispoPlusCadencier_infos { display:block; color:#FF0000; background-color:#FFFFFF; margin:2px 0 0 0; padding:0 0 0 5px; } #produitsListe .listProducts_label li{width:auto; border-bottom:none; } #produitsListe .listProducts_label img{padding:0;} #produitsListe .produit_illus{display:block; position:absolute; z-index:0; float:none;} #produitsListe .nonDisponible_layer { margin:9px 0 0 0; } .listProducts_choice { width:120px; padding:5px 5px 5px 15px; float:left; } .listProducts_choice h5 { padding:0 0 5px 0; } .listProducts_choice p { font-size:10px; color:#FF0000; } .listProducts_choice img { float:left; } .listProducts_quantity{ width:120px; padding:5px 5px 5px 15px; float:left; } .listProducts_quantity h5{padding:0 0 5px 0;} .listProducts_quantity p { color:#FF0000; } /*BEGIN TG SPECIFICS*/ /* .listProducts_quantity fieldset {width:57px; border:1px solid #B2B7B2; margin:0 0 10px 0;} */ .listProducts_quantity fieldset {width:110px; border:1px solid #B2B7B2; margin:0 0 10px 0;} /*END TG SPECFICS*/ .listProducts_quantity fieldset input {width:25px; height:17px; padding:1px 0 0 0; float:left; border:none; display:inline; text-align:center;} .listProducts_quantity fieldset img{float:left;} .listProducts_quantity label{margin:0 0 2px 0;} .listProducts_quantity form{padding:0 0 0 10px;} .pager { text-align:center; margin:0 0 15px 0;} .pager li { display:inline; padding:0 5px;} .pager li a { font-size:12px; font-weight:bold; text-decoration:underline; padding:0 6px; } .pager li a:hover { color:#fff; text-decoration:none; background-color:red;} .pager li span{background-color:red; font-weight:bold; font-size:12px; color:#FFF; padding:0 6px;} /************ Block Beneath *****************/ #content .highlightListContent .blockBeneath { width:238px; background:url(/tg-ecommerce/images/bgd_block_beneath.gif) bottom;padding:5px 0 2px; -padding:5px; border:none; margin:0;} .blockBeneath h5 { padding:0 0 5px 0; } .blockBeneath h5 span { font-weight:normal} .highlightListContent .blockBeneath form { width:238px; padding:0; margin:0} /*BEGIN TG SPECIFICS*/ /* #content .highlightListContent .blockBeneath div { width:95px; float:left; padding:0; margin:0; border-bottom:none; clear:none; } .blockBeneath fieldset input {width:25px;-height:15px; padding:1px 0 0 0; float:left; display:inline; text-align:center} */ #content .highlightListContent .blockBeneath div { width:115px; float:left; padding:0; margin:0; border-bottom:none; clear:none; } .blockBeneath fieldset input {width:25px;height:15px;-height:18px; padding:1px 0 0 0; float:left; display:inline; text-align:center} /*END TG SPECIFICS*/ .blockBeneath fieldset img{float:left;} .blockBeneath .commander{float:right; padding:0 5px 0 0; border:none} .blockBeneath .total { padding:0} .blockBeneath .arrow { float:right; padding:0 5px 0 0} /********** scroller styles *********************/ .smScrollContent {overflow:hidden; float:left;} .smScroller {width:11px; margin:0; float:left;} .smScroller a {text-decoration:none;} .smScrollUp {width:11px; height:15px; margin:0; padding:0; text-align:center; overflow:hidden;} .smScrollDn {width:11px; height:15px; margin:0; padding:0; text-align:center; overflow:hidden;} .smScrollDx {width:11px; height:231px; margin:0 auto; padding:0; text-align:center; overflow:hidden;} .smScrollDx a {width:11px; height:50px; margin:0 auto; padding:0; text-align:center; overflow:hidden; display:block;} /********** Tree of common styles for all the templates ********/ #globalContainer {background-image:url(/images/nav_1px_bis.gif);background-repeat:repeat-x;background-position:0 76px; } #shadowContainer {background-image:url(/tg-ecommerce/images/nav_shadow.gif);background-position:100% 0px;background-repeat:no-repeat;width:975px;min-height:30px} #globalContainer01 { background:url(/tg-ecommerce/images/bgd_main_01.jpg) no-repeat center top;} /*MAIN*/ #main { width:975px; margin:20px auto 0;; overflow:hidden; position:relative;background:transparent url(/images/fond_ombre_1px.gif) repeat-y scroll 750px 0;} #main01 { width:968px; padding:0; margin:0 auto; overflow:hidden; position:relative; background:url(/tg-ecommerce/images/bgd_main_content_bottom.gif) 0 bottom no-repeat;} #main02 { width:965px; padding:0; margin:0 auto; overflow:hidden; position:relative; background:url(/tg-ecommerce/images/bgd_main_content_bottom02.gif) 0 100% no-repeat;} #catalog { width:740px; float:left; padding:0 0 0 10px; background:url(/tg-ecommerce/images/bgd_mast.gif) 0 104px no-repeat} #mast { width:740px;float:left; margin:0 0 10px 0;} #mast #shadowLeft{float:right;width:11px;height:30px;-margin-top:2px} #mast.type { width:968px;} #mast h1 { float:left; margin:0 0 5px 0; } #mast h2 { float:right; margin:20px 10px 0 0; } /* new prospect*/ #mast2 { width:968px; float:left;margin:0 0 10px 0;} #mast2.type { width:960px; height:104px;margin-left:0px;margin:0;padding:0} #mast2 h1 { float:left; } #mast2 h2 { float:right; margin:6px 0px 0 0; } #mast2 div {float:left;} #mast2 .gauche {height:83px;width:503px;padding:0 0px 0 8px;} #mast2 .gauche .logo {height:65px;width:503px;margin-top:20px;} #mast2 .gauche .lien {height:15px;} #mast2 .gauche .lien a{color:#727272;text-decoration:underline;font-family:Arial, Helvetica, sans-serif; font-size:0.95em;} #mast2 .droite {height:83px;width:223px;vertical-align:bottom;} #mast2 .milieu {height:83px;width:223px;vertical-align:bottom;} /*Header*/ #header { width:918px; height:290px; float:left; background:url(/tg-ecommerce/images/illus_banner_01.png) 0 0 no-repeat; overflow:hidden; padding:10px 50px 0 20px} #header h2 { float:right; margin:20px 0 0 0; padding:0} #header a { float:left;} .iconTrans { float:right; margin-top:20px } .menuLev2 { border-bottom:1px solid #525051; } #lev1 { width:100%; clear:both; float:left;height:25px;margin:3px 0 0;} #lev1 li { margin: 0; display:inline; float:left;height:25px;border-width:3px;} #lev1 img {display:block; float:left} #lev1 .tab_cadencier { float:right; margin: 0 10px 0 0; padding:6px 0 0 0; height:19px} #lev1 .tab_cadencier * {float:left; display:inline; height:12px; padding:0; margin:0} #lev1 .tab_cadencier label { color:#525052; font-weight:bold; } #lev1 .tab_cadencier input { margin:0 3px; border:0;} #lev1 { width:100%; clear:both;} #lev1 .last { float:right} #lev1 li.btnThemeOff { text-transform:uppercase; font-size:11px; font-weight:bold; display:block; max-width:200px; background:url(/tg-ecommerce/images/bgd_thematique.gif) left top no-repeat; border-bottom:1px solid #c8c8c8; } #lev1 li.btnThemeOff span { color:#525052; display:block; padding:6px 8px 4px 8px; background:url(/tg-ecommerce/images/bgd_thematique_right.gif) right top no-repeat; } #lev1 li.btnThemeOn { text-transform:uppercase; font-size:11px; font-weight:bold; display:block; max-width:200px; background:url(/tg-ecommerce/images/bgd_thematique_off.gif) left top no-repeat; border-bottom:1px solid #c8c8c8; } #lev1 li.btnThemeOn span { color:#525052; display:block; padding:6px 8px 4px 8px; background:url(/tg-ecommerce/images/bgd_thematique_right_off.gif) right top no-repeat; } /* main big menu */ #lev2 {width:724px; height:265px; overflow:hidden; background:url(/tg-ecommerce/images/bgd_navigation.gif) top; padding:0; border:1px solid #FF0000; overflow:hidden; clear:both;margin:0px;} #lev2 * {line-height:10px;} #lev2 ul {width:179px; height:245px; border-left:1px solid #c6c0c6; border-right:1px solid #fff; padding:10px 0; overflow:hidden; float:left;} #lev2 li {color:#525252; font-weight:bold; display:inline;} #lev2 li a {height:27px; margin:0; padding:0 3px; display:block;} #lev2 li img {width:27px; height:27px; margin:0 3px 0 0; display:block; float:left;} #lev2 li span {padding:3px 0 0 0; display:block; cursor:pointer;} #lev2 li em {font-style:normal; visibility:hidden;} #lev2.purchased li em {visibility:visible;} /* extend behaviors & menu type */ a.colorbf4346:hover, a.colorbf4346Selected, a.colorbf4346Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type1.gif) 0 100% repeat-x;} a.colorfab900:hover, a.colorfab900Selected, a.colorfab900Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type2.gif) 0 100% repeat-x;} a.colorca9046:hover, a.colorca9046Selected, a.colorca9046Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type3.gif) 0 100% repeat-x;} a.color91054a:hover, a.color91054aSelected, a.color91054aSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type4.gif) 0 100% repeat-x;} a.colore6713c:hover, a.colore6713cSelected, a.colore6713cSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type5.gif) 0 100% repeat-x;} a.colorb3b314:hover, a.colorb3b314Selected, a.colorb3b314Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type6.gif) 0 100% repeat-x;} a.color74c277:hover, a.color74c277Selected, a.color74c277Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type7.gif) 0 100% repeat-x;} a.color6967d8:hover, a.color6967d8Selected, a.color6967d8Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type8.gif) 0 100% repeat-x;} a.colorec8795:hover, a.colorec8795Selected, a.colorec8795Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type9.gif) 0 100% repeat-x;} a.colorf9c57c:hover, a.colorf9c57cSelected, a.colorf9c57cSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type10.gif) 0 100% repeat-x;} a.color009bd4:hover, a.color009bd4Selected, a.color009bd4Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type11.gif) 0 100% repeat-x;} a.color707071:hover, a.color707071Selected, a.color707071Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type12.gif) 0 100% repeat-x;} a.color79ccef:hover, a.color79ccefSelected, a.color79ccefSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type13.gif) 0 100% repeat-x;} a.colore64890:hover, a.colore64890Selected, a.colore64890Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type14.gif) 0 100% repeat-x;} a.color3b37fe:hover, a.color3b37feSelected, a.color3b37feSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type15.gif) 0 100% repeat-x;} a.color874c0d:hover, a.color874c0dSelected, a.color874c0dSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type16.gif) 0 100% repeat-x;} a.colorff7800:hover, a.colorff7800Selected, a.colorff7800Selected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type17.gif) 0 100% repeat-x;} a.colora5349e:hover, a.colora5349eSelected, a.colora5349eSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type18.gif) 0 100% repeat-x;} a.color7e1f7e:hover, a.color7e1f7eSelected, a.color7e1f7eSelected:hover {color:#FFFFFF; background:url(/tg-ecommerce/images/bgd_menu_type19.gif) 0 100% repeat-x;} /* ajax menu classes with scroller */ #lev2 .smScrollContent {height:245px;} #lev2 .smScroller {height:265px; margin:0; background:url(/tg-ecommerce/images/bgd_scroll.gif) 0 0 no-repeat; padding:0 2px; display:block;} #lev2 .smScrollDx {height:235px;} #lev2 div.activated {width:226px; height:245px; padding:10px 0; overflow:hidden; display:block; float:left;} #lev2 div.activated ul {width:224px; height:auto; padding:0 1px; border:0 none; float:none;} /*BEGIN TG SPECIFICS*/ /* #lev2 div.activatedNoscroll {width:239px; height:245px; padding:10px 0; border-left:1px solid #c6c0c6; border-right:1px solid #fff; overflow:hidden; display:block; float:left;} */ #lev2 div.activatedNoscroll {width:239px; height:245px; padding:10px 0; border-left:1px solid #c6c0c6; overflow:hidden; display:block; float:left;} /*END TG SPECIFICS*/ #lev2 div.activatedNoscroll ul {width:239px; height:auto; padding:0; border:0 none; float:none;} #lev2 div.activated span, #lev2 div.activatedNoscroll span {padding:3px 10px 0 0;} /*Ajax/Flash lev2*/ #lev2SubType {width:730px; height:200px; overflow:hidden; background:url(/tg-ecommerce/images/bgd_lev2_ajax_flash.gif) 0 0 no-repeat; clear:both; padding:2px 0 0 0} #lev2SubType * {line-height:10px;} #lev2SubType li {color:#525252; font-weight:bold; display:inline;} #lev2SubType li a {height:27px; margin:0; padding:0 3px; display:block;} #lev2SubType li img {width:27px; height:27px; margin:0 3px 0 0; display:block; float:left;} #lev2SubType li span {padding:3px 0 0 0; display:block; cursor:pointer;} #lev2SubType li em {font-style:normal;} /***************************************Scroll bar****************************************************/ #lev2SubType .smScrollContent {width:190px; padding:3px 0; height:189px; overflow:auto; float:left;} #lev2SubType .smScroller {height:198px; margin:0; background:url(/tg-ecommerce/images/bgd_scroll.gif) 0 0 no-repeat; padding:0 2px; display:block;} #lev2SubType .smScrollDx {height:166px;} #searchTools { width:185px; float:left; } #searchTools form { color:#525252; padding:8px; background:url(/tg-ecommerce/images/bgd_searchTools.gif) top; border:1px solid #d6d9d6; } #searchTools label{clear:both;} #searchTools input { border:0; float:left; width:15px; height:15px; margin:0 5px 0 0; } #searchTools .form_input { border:1px solid #B2B7B2; width:auto; margin:5px 5px 0 0; } #searchTools .form_button{width:22px; height:17px; margin:5px 0 0 0; text-align:center; } #searchTools .searchInfo{ height:1%; overflow:hidden;} #searchTools .first { background:url(/tg-ecommerce/images/bgd_serperator_03.gif) top repeat-x; padding:10px 0 0 0; margin:10px 0 0 0; } #searchTools h3 { font-weight:bold; text-transform:uppercase; display:block; font-size:11px; color:#525252; } #adContainer { margin:8px 0 5px 0;} #content { float:left; width:540px; padding:0 0 0 5px; } #content dl { color:#525252; padding:5px 0 0 0 } #content dt { font-weight:bold; color:#525252; text-transform:uppercase; } .basCadre{margin-left:10px} .imgTitle{border:1px solid #909090;} #infosClientBord { width:207px; height:auto; float:left; margin:0;padding:0;-margin-top:1px} #infosClient { width:207px; height:auto; float:left; padding:0; position:relative; background:url(/images/fond_ombre_1px.gif) 0 0 repeat-y;background-color:#e0e0e0;margin:0} #infosClient #topClient{width:207px; height:1px; } #infosClient #topLeft{float:left;width:3px;height:30px;} #infosClient #topRight{float:right;width:3px;height:30px;} #infosClient h3 { margin:5px 10px 0 ; } #infosClient div { text-align:left; margin:0 5px; padding: 0 5px 10px 5px; } #infosClient form { margin:0 5px; } #infosClient a { display:block; color:#6e6c6d; outline:none;} #infosClient a:hover { text-decoration:underline; } #infosClientDeconnect .deconnexion { text-align:right; margin:3px 6px; background:url(/tg-ecommerce/images/fond.gif) no-repeat;width:187px; height:20px; } #infosClientDeconnect .deconnexion a { color:#FFFFFF; font-size:10px; line-height:18px; border:0; cursor:pointer; } #infosClient .date { color:#6e6c6d; padding:5px 10px;font-weight:bold;-margin:0 0 -6px; } /* "Mon espace client" */ #customer { overflow:hidden;} #infosClient #customer a { display:block; color:#6e6c6d; outline:none; background:url(/tg-ecommerce/images/puce_espace_client.png) left 3px no-repeat;padding:0 10px;} #customer p { padding:10px 0; margin: 0 0 10px 0; } #customer span { color:#009933 !important; } #customer div { width:170px; padding:0 0 5px 0; margin:0; border-top:1px dotted #525052; overflow:hidden; } #customer form {width:170px; padding:0; margin:0; overflow:hidden; float:left } #customer .hide { display:none} #customer ol li { width:134px; float:left; padding:3px 0 0 0;} #customer ol li.first { width:170px;} #customer ol li.last { width:15px; padding:10px 0 10px 13px; margin:-12px 0 0 0; float:left; background:url(../tg-ecommerce/images/bgd_line.gif) 0 50% no-repeat; } #customer label { padding:0; margin:0 0 2px 0;} #customer ol li.last input{ border:0} /* "Mes contacts" */ div#contacts {padding:0 0 6px;width:185px;margin-left:10px;background:#F5F5F5 url(/tg-ecommerce/images/bloc_bas.gif) 0 100% no-repeat; } #contacts #contactsBody {border-right:1px solid #909090;border-left:1px solid #909090;margin:0;padding:0;width:185px;} #contacts img{float:left} #contacts .logophone{float:left;width:34px;} #contacts .textphone{padding-top:1px} #contacts ul { display:table; margin:0 0 0px 0;height:20px } #contacts li { text-align:center; display:block; width:85px; height:17px; padding:3px 0 0 0; float:left; } #contacts li a { color:#525052; text-decoration:none; } #contacts li a:hover { color:#525052; text-decoration:none; } #contacts .commercial_on { background:url(/tg-ecommerce/images/commercial_on.gif) no-repeat right;height:20px;padding:0;} #contacts .commercial_off { background:url(/tg-ecommerce/images/commercial_off.gif) no-repeat right;height:20px;padding:0; } #contacts .commercial_on a { font-weight:bold; height:20px;padding:0;} #contacts .commercial_off a {font-weight:normal;height:20px;padding:0;} #contacts .televendeuse_on { background:url(/tg-ecommerce/images/televendeuse_on.gif) 0 0 no-repeat;width:96px;height:20px;padding:0;} #contacts .televendeuse_off { background:url(/tg-ecommerce/images/televendeuse_off.gif) no-repeat left;width:96px;height:20px;padding:0;} #contacts .televendeuse_on a { font-weight:bold;height:18px;padding:0;} #contacts .televendeuse_off a { font-weight:none;height:18px;padding:0;} #contacts dd { float:left; } #contacts dt { float:left; } #contacts a { color:#525052} #contacts .tel { display:block; float:none; clear:both; height:40px; background:url(/tg-ecommerce/images/info_bloc.gif) 70% 0 no-repeat;-height:40px;padding:2px 0 0;} #contacts .fax { display:block; float:none; clear:both; padding:0; line-height:40px; background:url(/tg-ecommerce/images/info_bloc.gif) 70% 0 no-repeat } #infosClient .contacts{margin:0 2px; padding:0; background:none;} .contactsHide {position:absolute; top:-10000px; left:-5000px; display:none} /* "Infos deliverys" */ div#delivery {padding:0 0 6px;width:185px;margin-left:10px;background:#F5F5F5 url(/tg-ecommerce/images/bloc_bas.gif) 0 100% no-repeat;-margin-top:-4px } #delivery #deliveryBody {border-right:1px solid #909090;border-left:1px solid #909090;margin:0;padding:0;width:185px;} #delivery p { padding:10px 0px 0 10px;} #delivery .libelle {color:#6e6c6d;padding:0;} #delivery .infoDate {color:#525052;padding:0;} #delivery .redShadow{color:#6e6c6d;background:url(/tg-ecommerce/images/puce_espace_client.png) left 3px no-repeat;padding:0;} /* "Ma commande" */ div#purchase {padding:0 0 6px;width:185px;margin-left:10px;background:#F5F5F5 url(/tg-ecommerce/images/bloc_bas.gif) 0 100% no-repeat;-margin-top:-4px } #purchase #purchaseBody {border-right:1px solid #909090;border-left:1px solid #909090;margin:0;padding:0;width:185px;} #purchase form {padding:0 !important; margin:0} #purchase h4 {font-size:1em; height:24px; line-height:24px; background-color:#FF0000; background-image:url(/tg-ecommerce/images/bgd_basket_title.gif); background-repeat:no-repeat; padding:0 0 0 20px;} #purchase h4.colorbf4346 {background-color:#bf4346;} #purchase h4.colorfab900 {background-color:#fab900;} #purchase h4.colorca9046 {background-color:#ca9046;} #purchase h4.color91054a {background-color:#91054a;} #purchase h4.colore6713c {background-color:#e6713c;} #purchase h4.colorb3b314 {background-color:#b3b314;} #purchase h4.color74c277 {background-color:#74c277;} #purchase h4.color6967d8 {background-color:#6967d8;} #purchase h4.colorec8795 {background-color:#ec8795;} #purchase h4.colorf9c57c {background-color:#f9c57c;} #purchase h4.color009bd4 {background-color:#009bd4;} #purchase h4.color707071 {background-color:#707071;} #purchase h4.color79ccef {background-color:#79ccef;} #purchase h4.colore64890 {background-color:#e64890;} #purchase h4.color3b37fe {background-color:#3b37fe;} #purchase h4.color874c0d {background-color:#874c0d;} #purchase h4.colorff7800 {background-color:#ff7800;} #purchase h4.colora5349e {background-color:#a5349e;} #purchase h4.color7e1f7e {background-color:#7e1f7e;} #purchase ul {padding:0;} #purchase li {font-weight:bold; text-align:left; padding:0; border-bottom:1px solid #909090;} #purchase li li {width:165px; padding:1px 0 1px 15px; background:url(/tg-ecommerce/images/ico_arrow.gif) 6px 4px no-repeat;; border:0 none; overflow:hidden;} #purchase li li span {width:95px; padding:2px 5px 2px 0; float:left;} #purchase li li fieldset {float:right;} #purchase li li fieldset * {float:left;} #purchase li li input {width:25px; height:16px; font-weight:normal; text-align:center;} #purchase li a { display:block; padding:0 0 0 20px; } #purchase a {color:#525052; display:inline;} #purchase p { color:#FF0000; padding:5px; } #purchase .redShadow{color:##525052;background:url(/tg-ecommerce/images/puce_espace_client.png) left 3px no-repeat;padding:0px 10px;margin: 10px;} #purchase .total { height:13px; } #purchase p strong { display:block; float:left; } #purchase p span { font-weight:bold; float:right; display:block; padding:0 10px 0 0; } #purchase .commander { text-align:center; padding:10px; } #basketSubmit {border:0 none;} div#illus_egourmet { margin:5px 0 0 0; padding:0 2px 0 2px; text-align:center; } #SGS {float:right; padding:20px;} /******** Tree of specific styles for each page (group by templates, starting with the homepage) ********/ /* catalog home Page */ #content .highlightList { width:260px; float:left; padding:0 10px 0 0; margin:0 0 10px 0; } #content .last { margin:0;} #content .highlightList .highlightListContent { border:1px solid #E9E9E9; padding:5px; clear:left; } #content .highlightListContent div { border-bottom:1px dotted #525052; padding:5px 0; overflow:hidden; clear:both;} #content .highlightListContent .produit_illus { border:0; padding:5px 0; margin:0; width:90px;} #content .highlightListContent dl { margin:0 0 0 95px;} .highlightListContent div ul{width:150px; overflow:hidden;} .highlightListContent div li img{display:block;} .highlightListContent dt a:hover{text-decoration:underline;} #content .highlightList h3 { } #content .highlightList h3 img{ float:left;} #content .highlightList h3 span{ display:block; padding:6px 0 0 0; margin:0 0 0 80px; color:#007576; font-size:12px; font-weight:bold; text-transform:uppercase;} #content .highlightList p a { display:block; margin:10px; } #content .highlightList .dejaCommande { font-size:11px; color:#FF0000; overflow:hidden; } #content .highlightList .dejaCommande img { float:left; } /*BEGIN TG SPECIFICS*/ #content .highlightListCate .dejaCommande { font-size:11px; color:#FF0000; overflow:hidden; } #content .highlightListCate .dejaCommande img { float:left; } /*END TG SPECIFIS*/ /* temporary display for block in Flash */ #highlightMain {width:530px; height:198px; margin:0 0 10px 0;} #highlightMain h3 {color:#FFFFFF; padding:5px 10px;} #highlightMain h4 {font-size:14px; width:280px; color:#FFFFFF; padding:0 10px;} .buttonPanel {padding:20px 10px;} .buttonPanel a {width:200px; padding:0 10px; margin:0 0 10px 0; font-weight:bold; line-height:22px !important; display:block;} .buttonPanel a:hover {color:#FFFFFF; background:#000000 !important;} .productPanel {width:210px; height:188px; padding:5px 10px; position:absolute; top:0; left:300px;} .productPanel * {color:#FFFFFF;} .productPanel h6 {font-weight:bold; padding:10px 0; clear:both;} .productPanel img, .productPanel span {margin:0 10px 10px 0; padding:0; display:block; float:left;} #lev2SubType #highlightMain {float:right;} #lev2SubType #highlightMain * {line-height:normal;} #lev2SubType #highlightMain div {display:block;} /* highlight "pains express trans saveur" */ #highlight_MDD {width:530px; margin:0 0 10px 0; overflow:hidden;} #highlight_MDD h3 {float:left} #highlight_MDD h3 img{float:none;} #highlight_MDD img { float:left; display:block; } #highlight_MDD p { color:#FFFFFF; width:291px; height:56px; background:url(/tg-ecommerce/images/bgd_highlight_pains_express.jpg) no-repeat; padding:8px 18px; float:left; } #highlight_MDD p a { color:#FFFFFF; background:url(/tg-ecommerce/images/bullet_04.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:10px 0 0 0; text-decoration:underline; display:block; } /* produit elements*/ .produitElements ul{padding:5px 0;} .produitElements li{font-weight:bold; color:#2D9400; background:url(/tg-ecommerce/images/bullet_02.gif) 0 0 no-repeat; padding:0 4px 0 6px; display:inline; float:left;} .produitElements .first{padding-left:0; background:none;height:22px;} .produitElements li span{font-weight:bold; color:#2D9400; line-height:18px;} /* list of products (catalogue-liste) */ #head_produitsListe {width:541px; overflow:hidden;} #head_produitsListe a { color:#D67E01; text-decoration:underline; } #head_produitsListe h3 { font-weight:bold; color: #525052;} #head_produitsListe h4 { color:#D67E01} #head_produitsListe h4 span { font-size:11px; font-weight:normal} #head_produitsListe .linkText{color:#D67E01} #head_produitsListe img { float:left; padding:0 5px 10px 0 } #head_produitsListe form { margin:5px 0 10px 0;} #head_produitsListe form label { display:inline; } #head_produitsListe select{width:124px;} #content #produitsListe { width:531px; background:url(/tg-ecommerce/images/bgd_produitsListe.gif) repeat-y right!important; overflow:hidden; } #produitsListe li { width:531px; border-bottom:1px dotted #525052; float:left; overflow:hidden; } #produitsListe li .produit_illus{padding:8px 0 0 0;} #produitsListe label { display:block; font-size:10px; color: #525052; } #firstItem {border-top:1px dotted #525052;} .firstItem {border-top:1px dotted #525052;} #produitIntro{border-left:1px solid #f9bc66; width:465px; padding:3px 0 3px 10px; float:left;} #produitIntro a{background:url(/tg-ecommerce/images/bullet_03.gif) 0 5px no-repeat; padding:0 0 0 10px;} #listeCommanderTop { width:531px; overflow:hidden; } #listeCommanderTop a { width:130px; text-align:center; display:block; border-right:2px solid red; border-left:2px solid red; border-top:2px solid red; float:right; padding:5px; } #listeCommanderBottom { width:531px; padding:0 0 10px 0; overflow:hidden; } #listeCommanderBottom a { width:130px; text-align:center; display:block; border-right:2px solid red; border-left:2px solid red; border-bottom:2px solid red; float:right; padding:5px; } /* one detailed product (fiche produit) */ #commandProduct { border-bottom:1px dotted #525052; border-top:1px dotted #525052; overflow:hidden; } #productVote { clear:both; } #productVote label{ display:inline; } #highlight_ventes { float:right; width:535px; background:url(/tg-ecommerce/images/bgd_ventes.gif) 0 bottom no-repeat; padding:0 0 10px 0; margin:0 10px 30px 0; display: inline} .title { border:1px solid #ebeaec; background:url(/tg-ecommerce/images/bgd_h3_highlight_ventes.gif) 0 0 repeat-x;} .title h3 {padding:5px; color:#FFF} .contentVentes {} .contentVentes div { width:240px; float:left; margin:8px; padding:0; overflow:hidden;} .contentVentes .produit_illus { width:90px; margin:0; overflow:visible; } .contentVentes dl { margin:0 0 0 95px; } .contentVentes dt{text-transform:uppercase;} .contentVentes dt a:hover{text-decoration:underline;} .contentVentes .right { float:left; background: url(/tg-ecommerce/images/bgd_line_ventes.gif) 0 50% repeat-y; margin:10px 0; padding:0 0 0 15px; } .contentVentes .right dl{ border-bottom:1px dotted #525052; overflow:hidden; float:left; margin:0; width:235px; } .contentVentes .right dt{ float:left; margin:0 15px 0 0; width:104px;} .contentVentes .right dd{ } .contentVentes .right .aulieuText{ color:#ef1101; padding:0 0 0 120px} .contentVentes .right .btnVoir{ padding:10px 0 0 0;} .highlightListCate {width:261px; float:left; overflow:hidden; margin:0 10px 0 0; text-align:center } .last {margin:0;} .highlightListCate div{ padding:0; margin:0 0 10px 0; border:1px solid #e9e9e9; clear:both; overflow:hidden} .highlightListCate .produit_illus { border:0; padding:5px 0; width:90px;} .highlightListCate dl { margin:0 0 0 95px; } .highlightListCate dt a:hover{text-decoration:underline;} .highlightListCate h3 { height:27px; padding:3px 0 0 0; color:#FFFFFF; font-weight:bold; margin:0 0 5px 0; } #content .bgdYellow h3 { background:url(/tg-ecommerce/images/bgd_h3_highlight_cate.gif) 0 bottom repeat-x;} #content .bgdOrange h3 { background:url(/tg-ecommerce/images/bgd_highlight_offer_orange.gif) 0 bottom repeat-x;} .highlightListCate h3 img { margin:0 5px 0 5px; display:inline; vertical-align:middle} .highlightListCate h3 span {font-size:11px; font-weight:bold; padding:0; margin:0; display:inline; vertical-align:middle;} .highlightListCate div ul{width:150px; overflow:hidden;} .highlightListCate div li img{display:block;} .highlightListCate p{ padding:2px 0 2px 75px; margin:0 0 5px 0 } .totalRayons { color:#FF5B02; font-size:16px; margin:5px 0 15px 0 ; padding-left:0;} .totalRayons span { font-weight:bold} .totalRayons a {color:#FF5B02; text-decoration:underline;} .totalRayons a:hover { text-decoration:none} .titleTop{ width:257px; background:url(/tg-ecommerce/images/bgd_title.gif) 0 0 repeat-x; background-color:#149092;} .titleTop img {float:left; padding:0 5px 0 5px;} .titleTop .imgTitle { padding:6px 0;} .titleTop h6 {color:#FFFFFF; padding:0 5px 0 0} .titleTop a { color:#fff; } .highlightListCate .distance{ margin:0 0 33px 0;} #content .highlightListCate .blockBeneath { width:249px; background:url(/tg-ecommerce/images/bgd_block_beneath.gif) bottom; padding:5px; border:none; margin:0;} /*BEGIN TG SPECIFICS*/ /* #content .highlightListCate .blockBeneath div { width:95px; float:left; padding:0; margin:0; border:none; clear:none; } */ #content .highlightListCate .blockBeneath div { width:115px; float:left; padding:0; margin:0; border:none; clear:none; } /*END TG SPECIFICS*/ #highlight_ventes .contentVentes .blockBeneath { width:238px; background:url(/tg-ecommerce/images/bgd_block_beneath.gif) bottom; padding:5px; border:none; margin:0;} #highlight_ventes .contentVentes .blockBeneath div { width:95px; float:left; padding:0; margin:0; border:none; clear:none; } .ficheProduit {} .ficheProduit h3 {font-size:14px; text-transform:uppercase; padding:0 0 20px 0;} .ficheProduit h4 {font-size:12px; text-transform:uppercase; padding:0 0 20px 0;} .ficheProduit ul {width:526px; overflow:hidden; padding:0;} .ficheProduit li{display:inline; float:left; background:url(/tg-ecommerce/images/bullet_02.gif) no-repeat; padding:0 2px 0 8px;} .ficheProduit li img {color:#2D9400; float:left;} .ficheProduit .btnImprimer { float:right} #head_produitsListe .ficheProduit li span{font-weight:bold; font-size:12px; color:#2D9400; line-height:18px; text-decoration:none;} .ficheProduit .first {background:none; padding-left:0} #head_produitsListe .commandezProduits{font-size:15px; background:url(/tg-ecommerce/images/bgd_serperator_02.gif) repeat-x; padding:10px 0 0 0; margin:30px 20px 0 0; display:block;} #head_produitsListe .commandezProduits strong {display:block;} .produitFiche {width:512px; overflow:hidden; padding:8px 0 8px 0;} .produitFiche form { width:auto; background:none; padding:0; margin:0;} #head_produitsListe .produitFiche img {padding:0; overflow:hidden} .produitFiche .clientSelection {width:251px; float:left; margin:0 0 0 16px; background:url(/tg-ecommerce/images/bgd_dot.gif) bottom repeat-x; padding:0 0 12px 0; } .produitFiche .total {color:#FF0000;} .produitFiche .listProducts_image { width:236px; padding:0; height:236px; float:left; } .produitFiche .dansCadencier .nonDisponible_layer {background-color:#FFFFFF; width:241px; height:25px; border:0; -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); margin:218px 1px 0 2px; } .produitFiche .listProducts_image .produit_illus { position:absolute; z-index:0; } .produitFiche .dansCadencier .produit_illus { border:2px solid #595858;} .produitFiche .dansCadencier .listProducts_infos { width:241px; height:25px; margin:210px 1px 0 2px; padding:15px 0 0 0;} .produitFiche .dansCadencier .listProducts_infos span { background:0; display:inline; } .clientSelection img {border:none} .clientSelection .dopcapsub {font-size:18px; font-weight:bold; } #head_produitsListe .clientSelection .prix {width:118px; padding:0 10px 0 0;} #head_produitsListe .clientSelection .prix img{border:none;} .clientSelection .discount {font-size:11px; color:#ef1101; font-weight:normal} .clientSelection .dopcap {font-size:30px; font-weight:bold} #head_produitsListe .clientSelection dl {float:left; display:block; padding:0;} .clientSelection dt {padding:7px 0 5px 0;} .clientSelection dd span {font-size:10px; color:#ef1101} /* BEGIN TG SPECIFICS*/ /* .clientSelection dd fieldset {width:57px; border:1px solid #B2B7B2;} */ .clientSelection dd fieldset {width:110px; border:1px solid #B2B7B2;} /*END TG SPECIFICS */ .clientSelection dd input {width:25px; height:17px; padding:1px 0 0 0; float:left; border:none; display:inline; text-align:center;} #head_produitsListe .clientSelection dd fieldset img {float:left; border:none;} .clientSelection label{font-size:9px;} #head_produitsListe .commander img {float:right; margin:15px 10px 0 0; border:none} #head_produitsListe #banner img {float:none; display:block;} .cadencier {background:#efefef; border-top:1px dotted #999999; border-bottom:1px dotted #999999; width:522px; margin:0 0 10px 0; padding:0 0 7px 0; overflow:hidden} .cadencier p {clear:both; padding:3px 0 3px 7px} .cadencier .arrow label{background:url(/tg-ecommerce/images/ico_arrow.gif) 0 4px no-repeat; padding:0 0 0 7px;} .cadencier .arrow .listlbl {color:#FF0000; font-weight:bold; background:none; padding:0 7px} .cadencier .envoyer {border:none; padding:10px 0 0 0; width:auto; padding:0; height:auto; background:none;} .cadencier .choice {width:12px; border:none; margin:5px 0 0 10px;} .cadencier label {float:left; padding:0 0 0 5px} .cadencier input {background:#EFEFEF; width:235px; height:16px; float:left; padding:2px 7px 0 5px; border:1px solid #B2B7B2; margin:0 0 0 5px} .cadencier textarea {width:490px; height:70px; float:left; padding:0 7px 0 5px; border:1px solid #B2B7B2; margin:0 0 7px 5px} .descriptionProduct {margin:0 0 10px 0; background:url(/tg-ecommerce/images/bgd_description_top.gif) 0 26px no-repeat;} .descriptionProduct h3 { color:#FFF !important; font-size:12px; width:132px; height:31px; background:url(/tg-ecommerce/images/bgd_tit_ficheProduit.gif) no-repeat; padding:5px 0 0 10px;} .descriptionProduct ul {float:left} .descriptionProduct .ingredients { float:none; } .descriptionProduct .textOnly{padding:5px 0 0 25px} #head_produitsListe .descriptionProduct ol.ingredients {width:480px; padding:0 0 10px 0; margin:0; float:left; display:inline;} #head_produitsListe .descriptionProduct .ingredients li { width:auto; display:block; border:none; float:left; padding:0 5px 0 0} .descriptionBottom { background:url(/tg-ecommerce/images/bgd_description_bottom.gif) no-repeat; width:522px; height:10px; overflow:hidden; margin:0 0 10px 0; } .contentdescription {background:#FFECC7; width:480px; border-left:1px solid #f99b45; border-right:1px solid #f99b45; padding:12px 20px 0 20px; overflow:hidden; } #head_produitsListe .contentdescription h4 { width:460px; color:#525052; padding:0 0 5px 0;} .contentdescription div{width:480px; padding:0; float:left;} .contentdescription div p{padding:0 0 15px 0;} .contentdescription div strong{text-transform:uppercase;} .contentdescription .last{width:190px; padding:10px 0 0 0} .contentdescription .valeurNutri{ width:auto; float:none; padding:5px 10px;} #head_produitsListe .contentdescription .valeurNutri h4{font-size:11px; color:#525052; } .contentdescription .valeurNutri th{font-weight:bold; border-right:1px solid #FFFFFF; width:100px} .contentdescription .valeurNutri td{border-right:1px solid #525052; padding:5px 5px 5px 10px ;} .contentdescription .valeurNutri .last{border-right:none; width:100px;} .contentdescription .recipe{width:480px; padding:0 0 10px 0; float:none; overflow:hidden;} #head_produitsListe .contentdescription .recipe img{float:left!important; margin:0 20px 0 0; padding:0;} #head_produitsListe .contentdescription .recipe ul{font-size:10px; float:left; width:163px; padding:0} .contentdescription .recipe strong{font-size:11px;} #head_produitsListe .contentdescription .recipe li{background:none; text-transform:uppercase; display:block; float:none; padding:0;} #head_produitsListe .contentdescription .recipe .ingreLast{color:#FFFFFF; background:#F8A851; width:116px; border:1px solid #e1d7bf; padding:8px;} #head_produitsListe .contentdescription ol li{font-size:10px; background:none; float:left; width:160px; display:inline; line-height:15px; padding:0 20px 0 0;} #head_produitsListe .contentdescription ol .next{padding:0 30px 0 0; width:140px;} #head_produitsListe .contentdescription ol .last{padding:0; width:130px;} #productHeader{margin:0 0 20px 0;} #productHeader h4{color:#FCB044; padding:3px 0 0 0; clear:right;} #productHeader p{font-size:10px;} #productHeader div{margin:0 0 0 45px; padding:0;} #productHeader .productHeaderIco { float:left; width:30px; height:30px; padding:5px; margin:0; text-align:center; } #paging{background:url(/tg-ecommerce/images/bgd_serperator.gif) repeat-x; width:522px; margin:0 0 15px 0; overflow:hidden;} #paging ul{width:200px; float:left;} #paging li{display:inline; line-height:29px; background:url(/tg-ecommerce/images/bullet_01.gif) 0 3px no-repeat; padding:0 2px 0 7px;} #paging .first{background:none; padding-left:0;} #paging li a{font-size:10px; text-decoration:underline;} #paging li a:hover{text-decoration:none;} #paging p{width:84px; float:right; padding:1px 0 0 0;} /* NOT available product alert layer */ #naProduct {width:150px; border:1px solid #000000; padding:10px 20px; position:absolute; top:0; left:0; z-index:100; display:none;} /*footer v2 *******************/ #footer2 { width:975px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden; background: url(/images/bgd_botFooter.gif) 1px 100% no-repeat;} #footer2Img { width:975px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden;height:100px} #footer2 .cont{ width:975px; margin:0 auto; padding:3px 0 15px 0; overflow:hidden; background: url(/images/bgd_contFooter.gif) 1px 0 no-repeat;} #footer2 h3 { color:#EC1203; text-transform:uppercase; font-weight: bold; font-size:1.2em; line-height:13px; padding:0 0 5px 15px; background:url(/tg-ecommerce/images/puce.png) 0 2px no-repeat;} #footer2 h3 a { color:#525052;} #footer2 a:hover { text-decoration:underline} #footer2 .part {width:960px; padding:40px 0 0 0; overflow:hidden; float:left} #footer2 .part ul { padding:0 0 0 25px} #footer2 .part div { width:250px; padding:0 5px 0 30px; float:left;} /*footer *******************/ #footer { width:965px; margin:0 auto; padding:40px 0 10px 35px; overflow:hidden; /*border-top:#525053 solid 20px; */background: #FFFFFF url(/tg-ecommerce/images/bgd_footer.gif) 16px 0 no-repeat;} #footer h3 { color:#EC1203; text-transform:uppercase; font-weight: normal; font-size:14px; line-height:13px; padding:0 0 10px 0} #footer h3 strong{ font-weight: bold; display:block} #upperFooter{ width:229px; float:left; margin:0 25px 0 0;} #upperFooter ul { width:224px; float:left; background:url(/tg-ecommerce/images/bgd_upperFooter.gif) 100% 100% no-repeat; padding:0 5px 5px 0; overflow:hidden} #upperFooter li {text-transform:uppercase; font-weight: bold; background:url(/tg-ecommerce/images/bgd_li_upperFooter.gif) 0 50% no-repeat; padding:5px 0 5px 23px; border:#FFF solid 1px; margin:0 0 1px 0;} #upperFooter li a{ padding:0 0 0 0} #lowerFooter{ width:680px; float:left; background:url(/tg-ecommerce/images/bgd_lowerFooter.gif) 0 0 repeat-y; overflow:hidden; } #lowerFooter h3 { margin:0 0 0 25px} #lowerFooter ul{ width:auto; float:left; padding:0 10px; margin:0;} #lowerFooter li { font-weight:bold; line-height:16px} #lowerFooter li a { text-transform:uppercase; background:url(/tg-ecommerce/images/ico_arrow.gif) 0 3px no-repeat; padding:0 0 5px 10px} #lowerFooter .first {text-transform:uppercase} #lowerFooter .last { padding:15px 0 0 0; text-transform:uppercase} #lowerFooter ul.first { width:130px} #lowerFooter ul.second { width:190px} #lowerFooter ul.third { width:165px;} #lowerFooter ul.fourth { width:120px; padding:0;} .alertMsg {color:#FF0000;} .blockBeneath span.alertMsg { width:130px; padding:0; color:#FF0000; font-size:9px; float:left; clear:both} #customer span.alertMsg {padding:0; color:#FF0000 !important; font-size:9px; display:block;} /*contentMain *******************/ #contentMain { width:730px; overflow:hidden;} #contentMain h3 img { vertical-align:middle; margin:0 5px 0 0} /*contentMain TYPE 01 *******************/ #contentMain03 {width:928px; margin:0; position:relative; padding:0 20px; overflow:hidden;background:url(/tg-ecommerce/images/bgd_main_content03.gif) 0 0px no-repeat;} #contentMain01 {width:928px; margin:0; top:-90px; position:relative; padding:0 20px; overflow:hidden; background:url(/tg-ecommerce/images/bgd_main_content.gif) 0 80px no-repeat;} #contentMain02 {width:928px; margin:0; top:-100px; position:relative; padding:0 20px; overflow:hidden; background:url(/tg-ecommerce/images/bgd_main_content.gif) 0 80px no-repeat;} .confirmation {margin:0; padding:0; height:569px} .confirmation p{ text-align:center; color:#ee192e; font-weight:bold; font-size:15px; padding:130px 250px } .confirmation p span { font-weight:100; color:#666; font-size:12px; display:block; padding:10px 0; } .confirmation p img { padding-top:10px;} .maCommande { width:730px; height:51px; overflow:hidden; margin:0 0 1px 0; padding:0;} .maCommande ul { float:right; height:40px; margin:11px 0 0 0; padding:0;} .maCommande li { float:left; margin:0 0 0 5px; padding:0; } .detailMaCommande { background:#ff1100; width:720px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px; height:18px;} .detailMaCommande a { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailMaCommande li { float:left} .detailMaCommande .last { float:right} .detailMaCommande .atitle { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .frmClasser { margin:0 0 20px 0;} .frmClasser label { display:inline; vertical-align:middle; margin:0 5px 0 0;} .frmClasser select { display:inline; vertical-align:middle; width:167px; padding:1px 0;} .frmClasser input { display:inline; vertical-align:middle; border:0 none} .frmClasser p { margin:10px 0;} .frmClasser p a { background:url(/tg-ecommerce/images/ico_arrow.gif) 0 3px no-repeat; padding:0 0 0 8px; font-weight:bold; text-decoration:underline} .frmClasser p a:hover { text-decoration:none} .tblNomRayon {background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 bottom repeat-x; width:730px; margin:0 0 10px 0; overflow:hidden} .tblNomRayon caption { visibility:hidden; height:0; } .tblNomRayon th { font-size:17px; font-weight:bold; width:230px; vertical-align:top; } .tblNomRayon th img { display:inline; vertical-align:middle; margin:0 8px 0 0;} .tblNomRayon .produit_illus{display:block; position:absolute; z-index:0; float:none;padding:0; margin:0 8px 0 0;} /*BEGIN TG SPECIFICS*/ /* .tblNomRayon .listProducts_image { margin: 0 0 10px 0; height:71px; } */ .tblNomRayon .listProducts_image { margin: 0 0 10px 0; } /*END TG SPECIFICS */ .tblNomRayon .dansCadencier .listProducts_infos { padding:35px 0 0 0; } .tblNomRayon td.first { width:90px;} html>body .tblNomRayon td.first { width:75px;} .tblNomRayon td.last { width:300px;} html>body .tblNomRayon td.last {width:250px;*width:310px;-width:250px} /*BEGIN TG SPECIFICS*/ /* .tblNomRayon td { background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 0 repeat-x; width:60%; padding:5px 0 0 0;} */ .tblNomRayon td { background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 0 repeat-x; width:40%; padding:5px 0 0 0;vertical-align:top;} html>body .tblNomRayon td { background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 0 repeat-x; padding:5px 0 0 0;vertical-align:top;width:228px} */ /*END TG SPECIFICS*/ .tblNomRayon dl { background: url(/tg-ecommerce/images/bgd_tbl_nom_right.gif) right 0 repeat-y; width:auto; overflow:hidden; padding:0; margin:0 0 0 5px;} .tblNomRayon dt { text-transform:uppercase; } .tblNomRayon dt a:hover{ text-decoration:underline; } .tblNomRayon .last { padding: 0 0 0 30px;-padding:0; -margin:0 0 0 20px;} .tblNomRayon ul { clear:right} .tblNomRayon h6 { font-size:12px;} .tblNomRayon p { text-transform:uppercase} .tblNomRayon .bgdOffer { background:url(/tg-ecommerce/images/bgd_offer.gif) 0 0 no-repeat; width:139px; height:30px; padding:5px 135px 5px 12px; text-transform:none; margin:0 0 5px 0; overflow:hidden; clear:both; color:#fff;} .tblMaCommande { border-left:2px solid #a5a5a5; border-right:2px solid#a5a5a5; border-bottom:2px solid #a5a5a5; margin:0 0 15px 0;} .tblMaCommande th { background:#a5a5a5; padding:5px; color:#fff; font-weight:bold} .tblMaCommande tr { background:#ececec; color:#525052;} .tblMaCommande td { border-bottom:1px solid #fff; border-top:1px solid #fff; padding:5px;} .tblMaCommande .bgdLast { background:#fff;} .tblMaCommande .bgdLast span { color:#ff1100; font-weight:bold} .tblMaCommande .bgdLast span a { color:#ff1100; font-weight:bold} .tblMaCommande .bgdLast p a { background:url(/tg-ecommerce/images/ico_arrow.gif) 0 3px no-repeat; padding:0 0 0 8px; font-weight:bold; text-decoration:underline} .tblMaCommande .bgdLast p a:hover { text-decoration:none} .tblMaCommande .first { width:540px} .tblMaCommande .articles { width:190px} .tblMaCommande .last { width:73px} .accedez { background:#e7e7e7; width:100%; overflow:hidden; font-weight:bold; clear:both; border-top:1px solid #525051; border-bottom:1px solid #525051; padding:5px 0; text-align:center} .accedez a { color:#ff1100; text-decoration:underline} .accedez a:hover { color:#ff1100; text-decoration:none} .lev4 { background:url(/tg-ecommerce/images/bgd_lev4.gif) 0 0 repeat-y; width:100%; overflow:hidden; margin:0 0 10px 0; padding:0 0 10px 0;} .lev4 dl { width:170px; float:left; margin: 0 10px 0 0;} .lev4 dt { background:url(/tg-ecommerce/images/ico_03.gif) 0 3px no-repeat; padding:0 0 0 8px;} .lev4 dd {padding:0 0 0 8px;} .lev4 .last { margin:0 0 0 10px;} .lev4 .last dt { background:none; padding:0;} .lev4 span a { font-weight:bold; font-size:11px; text-decoration:underline} .lev4 span a:hover { text-decoration:none} .lev4 .button {text-transform:uppercase; font-size:12px} .tblNomRayon caption { display:block; text-align:left} /*commande validation *******************/ #highlightValidation { background:#db1203 url(/tg-ecommerce/images/bgd_highlight_validater.gif) 0 0 repeat-x; width:709px; padding:10px; overflow:hidden} #highlightValidation div {float:left; width:153px; margin: 0 10px 0 0; padding:4px 10px 10px 10px;} #highlightValidation span { display:block} #highlightValidation .space { padding:10px 0 0 0} #highlightValidation .highlightValidation { background:url(/tg-ecommerce/images/bgd_highligh_vaide_div.gif) 0 0 repeat-y; width:100%; overflow:hidden; padding:0; margin:0; clear:both} #highlightValidation .col_02 { width:322px;} #highlightValidation .col_02 img { margin:0 10px 10px 0; display:inline; vertical-align:middle} #highlightValidation .col_02 dt { margin:0 0 8px 0;} #highlightValidation .col_02 dl { width:152px; padding:0 8px 0 0; float:left} #highlightValidation dt { margin:8px 0 0 0;} #highlightValidation .col_03 { margin:0;} #highlightValidation .col_03 input { margin:5px 0 0 0; clear:both; display:block; } #highlightValidation .col_03 dt span{ width:125px; float:left} #highlightValidation .col_03 dt img{float:right; padding:5px 0 5px 0;} #highlightValidation input { border:1px solid #525052; width:150px;} #highlightValidation .btnOk { width:20px; height:20px; float:right} .nomDuRayon {background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 bottom repeat-x; width:730px; margin:0 0 10px 0; overflow:hidden;} .nomDuRayon caption { font-size:17px; font-weight:bold; display:block; text-align:left; width:200px; display:none} .nomDuRayon .caption { background:0 none; font-size:17px; font-weight:bold; padding:5px 10px;} .nomDuRayon th { background:url(/tg-ecommerce/images/bgd_th_nom.gif) 0 0 repeat-x; font-weight:bold; padding:5px; line-height:10px;} .nomDuRayon td { background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 0 repeat-x; padding:8px 0 0 0; vertical-align:top} .nomDuRayon .col_01 { width:5%;} .nomDuRayon .col_01 img { padding:2px;} .nomDuRayon .col_02 { width:17%;} .nomDuRayon .col_03 { width:7%; padding-left:10px;} .nomDuRayon .col_04 { width:4%; padding-left:10px;} .nomDuRayon .col_05 { width:7%;} .nomDuRayon .col_06 { width:7%; padding-left:10px; font-weight:bold;} .nomDuRayon .col_07 { width:8%;} .nomDuRayon .col_08 { width:8%; padding-left:10px; font-weight:bold} .nomDuRayon .produitOffert { background:color:#52502; background-image:none; text-transform:uppercase; width:730px; height:74px; overflow:hidden; padding:0; border:2px solid #A5A5A5;} .nomDuRayon .produitOffert img { float:left; margin:4px 8px 4px 10px;} .nomDuRayon .produitOffert img.illusProduitOffert { display:block; float:right; margin:0;} .nomDuRayon .produitOffert p { float:left; padding:15px 0; font-weight:bold} .lev5 { background: url(/tg-ecommerce/images/bgd_line_lev5.gif) right 0 repeat-y; width:730px; overflow:hidden; margin:0 0 10px 0; padding:0 0 10px 0;} .lev5 dl { width:210px; float:right; margin: 0 0 0 10px;} .lev5 dt { padding:0 0 0 8px;} .lev5 dd { padding:0 0 0 25px;} .lev5 img { display:inline; vertical-align:middle} .lev5 .btnImprimer { margin-left:115px;} .lev5 .optin {} .lev5 .optin input { float:left; margin:0 5px 0 0; border:0} .lev5 .optin a { text-decoration:underline} .lev5 .optin a:hover { text-decoration:none} /* commande confirmation */ #commandeConfirmationPart { height:300px; } #commandeConfirmationPart p { text-align:center; margin:10px 0 10px 0; } /*error & confirm message*/ #error, #confirm { width:369px; text-align:center; background-color:#f7f7f7; padding:10px; position:absolute; left:0; top:0; display:none; z-index:100} #error .buttonExit, #confirm .buttonExit {float:right;} #error .messages, #confirm .messages { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0 } #error .iconError { padding:10px 0 0 0;} #confirm .confirmBtn {color:#ffffff; font-weight:bold; font-size:14px; width:100px; height:25px; line-height:25px; background:#e20025; border:2px solid #e20025; text-align:center; margin:20px 0 0 55px; display:inline; float:left;} #confirm .confirmBtn:hover {color:#e20025; background:none;} /*change password form*/ .popupType {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; } .popupType { width:426px; background:#f5f4f5 url(/tg-ecommerce/images/bgd_popupLayer.gif) 0 100% no-repeat; padding:10px 0; position:absolute; left:0; top:0; display:none; z-index:100;} .popupType p { width:396px; padding:5px 15px; float:left; } .popupType form {width:100%; overflow:hidden;} .popupType input.btnEnvoyer { width:61px; height:22px; float:right; border:none; margin:10px 0 0 0} .popupType input.btnValider { width:81px; height:22px; float:right; border:none; margin:10px 0 0 0} .popupType img { float:right; margin:0 0 5px 0;} .popupType li {width:396px; padding:5px 15px; float: left} .popupType label { width:203px; color:#000; float:left;} .popupType label.type { width:396px;} .popupType input {width:190px; padding:3px 0; display:block; float:left; } .popupType input.type{width:190px; margin:0 10px 0 0;} .popupType li span {font-size:10px; color:#FF0000;} .popupType dl { padding:0 10px; text-align:center;} .popupType dd { padding:5px 0;} .popupType dt { padding:5px 0; font-size:14px; color:red;} .popupType a { color:red; text-decoration:underline} .popupType a:hover { text-decoration:none} .tblHistorique { background:url(/tg-ecommerce/images/bgd_historique_tbl_content.gif) 0 0 no-repeat; padding:0; } .tblHistorique div { padding:0 15px 30px 20px; background:url(/tg-ecommerce/images/bgd_historique_tbl_b.gif) 0 100% no-repeat; overflow:hidden} .tblHistorique a{ color:red;} .tblHistorique a:hover{ text-decoration:underline;} .tblHistorique table th { width:100px; font-weight:bold; padding:5px 10px 5px 0; line-height:10px; text-align:center} .tblHistorique table td { padding:8px 20px 4px 0; vertical-align:top; border-bottom:1px dotted #525052; text-align:center; text-align:right;} .tblHistorique table img { padding:3px 0 3px 0; float:left; display:block; margin:0 3px 0 0} .tblHistorique .txtAlign { width:80px; } .tblHistorique .colWidth { width:170px; } .tblHistorique .last { width:180px; text-align:left; padding:0 0 4px 0;} .tblHistorique img.historiqueAide { margin:2px 0 0 0; } .tblHistorique .colType01 { width:180px} .monEspaceClient { width:730px; float:left; background:url(/tg-ecommerce/images/bgd_mon_espace_client.gif) bottom right no-repeat; overflow:hidden; margin:0 0 10px 0 } .monEspaceClient img { float:left; } .monEspaceClient h3 { margin:26px 0 0 50px; text-transform:uppercase; font-size:22px; color:#dc0000; } .monEspaceClient ul { float:right; height:48px; padding:0 70px 0 0 } .monEspaceClient li { float:left; padding:30px 0 0 5px; } .monEspaceClient .spec li { float:left; padding:30px 0 0 5px; } .monEspaceClient .icoMonEspace{ vertical-align:top} .historiqueBlock { width:730px; margin:0 0 20px 0; background:url(/tg-ecommerce/images/bgd_historique.gif) top no-repeat;} .historiqueBlock img { float:left; padding:0 5px 0 0} .historiqueBlock h3 { color:#dc0000; padding:15px 0; } .tblHistorique #monbre { width:130px; } .tblHistorique2 { background:url(/tg-ecommerce/images/bgd_historique_tbl_content2.gif) 0 0 no-repeat; padding:0; } .tblHistorique2 a{ color:red;} .tblHistorique2 a:hover{ text-decoration:underline;} .tblHistorique2 table th { width:100px; font-weight:bold; padding:5px 10px 5px 0; line-height:10px; text-align:center} .tblHistorique2 table td { padding:8px 20px 4px 0; vertical-align:top; border-bottom:1px dotted #525052; text-align:center; text-align:right;} .tblHistorique2 table img { padding:3px 0 3px 0; float:left; display:block; margin:0 3px 0 0} .tblHistorique2 .txtAlign { width:80px; } .tblHistorique2 .colWidth { width:170px; } .tblHistorique2 .last { width:180px; text-align:left; padding:0 0 4px 0;} .tblHistorique2 img.historiqueAide { margin:2px 0 0 0; } .tblHistorique2 .colType01 { width:180px} /*Nouvelle page Creation Compte*/ .creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottom h4{float:left;width:auto} .creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px} .creationCompte .infoForm a{text-decoration:underline;} .creationCompte .infoForm span.pasCli{font-size:10px;color:#000000;text-transform:none;} /*Nouvelle page Creation Compte*/ .creationCompte .headerBottomNv { border:none;width:913px; margin:20px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottomNv .portable {align:left;height:180px;width:270px;} .creationCompte .headerBottomNv .middle {height:180px;width:430px;} .creationCompte .headerBottomNv .middle .image {height:80px} .creationCompte .headerBottomNv .middle .texte {height:100px} .creationCompte .headerBottomNv .middle .texte p{color:#5d5d5d;font-family:Arial, Helvetica, sans-serif; font-size:1.0em;font-weight:bold;} .creationCompte .headerBottomNv .galets {height:180px;width:210px;} .creationCompte .headerBottomNv .galets .galet {height:60px;} /*Nouvelle page Creation Compte */ .creationCompte .headerBottomNv2 { border:none;width:920px; margin:20px 25px 0 0px; overflow:hidden;float:left;} .creationCompte .headerBottomNv2 .portable {align:left;height:180px;width:270px;} .creationCompte .headerBottomNv2 .middle {height:180px;width:430px;} .creationCompte .headerBottomNv2 .middle .image {height:80px} .creationCompte .headerBottomNv2 .middle .texte {height:100px} .creationCompte .headerBottomNv2 .middle .texte p{color:#5d5d5d;font-family:Arial, Helvetica, sans-serif; font-size:1.0em;font-weight:bold;} .creationCompte .headerBottomNv2 .galets {height:180px;width:220px;} .creationCompte .headerBottomNv2 .galets .galet {height:60px;} /*FORM TYPE01 ***************************/ .frmType01 ol { width:auto; overflow:hidden; } .frmType01 fieldset { float:left} .frmType01 ol.sec01{ width:344px; overflow:hidden; float:left;} .frmType01 .sec01 li { width:344px; padding:0 0 8px 0;} .frmType01 .sec02 { width:310px;} .frmType01 .sec03 { width:250px;} .frmType01 ol.line { width:auto;} .frmType01 ol.line01 {width:563px; background:url(/tg-ecommerce/images/bgd_line_dot.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 0 15px 0;} .frmType01 li { width:auto; padding:0 0 10px 0; margin:0; display:inline; float:left;} .frmType01 li p { width:120px; color:#FF0000; font-size:10px; margin:0 0 0 5px; padding:0; float:left; line-height:12px; position:relative} .frmType01 li p.space { width:300px; height:8px; color:#FF0000; font-size:10px; left:170px; padding:0; margin:0; float:left;} .frmType01 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; padding:0 0 0 80px; float:left; position:relative;} .frmType01 img { margin:0 0 0 5px} .frmType01 .txt {color:#FF0000; padding:10px 0} .frmType01 label { width:auto; float:left; padding:0 10px 0 0; margin:0} .frmType01 label.type01 { width:315px; float:left;} .frmType01 label.type02 { width:90px; } .frmType01 label.type03 { width:70px; } .frmType01 select { width:168px; height:17px; float:left; padding:0; margin:0} .frmType01 textarea { width:475px; float:left; padding:0; margin:0} .frmType01 input { width:160px; float:left; margin:0; padding:2px 3px} .frmType01 input.btnCreer { width:192px; height:22px; border:0; margin:0 0 0 98px;} .frmType01 input.btnEnvoyer { width:83px; height:22px; border:0; } .frmType01 li.space { text-align:right;float:right;} input.chekbox {width:13px; border:0; margin:0 5px 0 0; padding:0; float:left;} /*Hightlight Profil ***************************/ .hightlightProfil { width:360px; padding:0 0 5px 0; margin:0 10px 0 0; overflow:hidden; float:left; background:url(/tg-ecommerce/images/bgd_bottomProfil.gif) 0 100% no-repeat;} .hightlightProfil .contProfil {width:360px; background:url(/tg-ecommerce/images/bgd_contProfil.gif) 0 0 no-repeat; padding:0; margin:0; overflow:hidden} .hightlightProfil.last { margin:0} .hightlightProfil p {padding:10px 0 5px 10px;} .hightlightProfil p span { font-size:12px; color:#ff1502; font-weight:bold;} .hightlightProfil a { color:#dc0000} .hightlightProfil h4 { font-size:15px; font-weight:bold; color:#dc0000; text-transform:uppercase; overflow:hidden; padding:0 0 5px 0;} .hightlightProfil h4 img{ margin:0 5px 0 0; float:left; } /*.hightlightProfil h4 span{ display:block; padding:12px 0; margin: 0 0 0 40px; }*/ .hightlightProfil h4 span {font-size:11px; color:#525052; display:block; text-transform:none; font-weight:normal; margin:0; padding:0; } .hightlightProfil .h4Type01 h4 { background:url(/tg-ecommerce/images/ico_mon.gif) 0 0 no-repeat; } .hightlightProfil .h4Type02 h4 { background:url(/tg-ecommerce/images/ico_info.gif) 0 0 no-repeat;} .hightlightProfil .h4Type03 h4 { background:url(/tg-ecommerce/images/ico_coordon.gif) 0 0 no-repeat;} .hightlightProfil .h4Type04 h4 { background:url(/tg-ecommerce/images/ico_newsletter.gif) 0 0 no-repeat;} .hightlightProfil .h4Type05 h4 { background:url(/tg-ecommerce/images/ico_points.gif) 0 0 no-repeat; padding:10px 0 10px 50px;} .hightlightProfil .h4Type06 h4 { background:url(/tg-ecommerce/images/ico_autre.gif) 0 0 no-repeat;} .hightlightProfil div { width:344px; background:url(/tg-ecommerce/images/bgd_dot01.gif) 0 100% repeat-x; margin:0 8px 10px 8px; padding:0 0 10px 0; overflow:hidden} .hightlightProfil div.last { background:none; margin:0 8px 10px 8px; padding:0 0 10px 0} .hightlightProfil dl { width:344px; margin:0 0 10px 0; overflow:hidden;} .hightlightProfil dt { width:85px; font-weight:normal; float:left; padding:6px 0; line-height:14px} .hightlightProfil dd img{ vertical-align:middle; margin:0 0 0 5px;} .hightlightProfil dd { width:255px; float:left; padding:6px 0; line-height:14px} .hightlightProfil .infosPersonnelles dl.listePartagee { padding:0 0 0 11px;} .hightlightProfil .listeUneLigne dt{width:160px;} .hightlightProfil .listeUneLigne dd{width:180px;} .hightlightProfil dl.listePartagee { width:340px; float:left} .hightlightProfil .listePartagee dt{ width:85px;} .hightlightProfil .listePartagee dd{ width:255px;} .hightlightProfil .listePartagee dd.sec {width:75px;} .hightlightProfil .listePartagee dt.sec {width:75px; text-align:center} .hightlightProfil .listePartagee .street-address {width:200px;} .mesCoordonnees .listePartagee dd.postal-code {width:50px;} .mesCoordonnees .listePartagee dt.libelleVille {text-align:left; width:40px;} .mesCoordonnees .listePartagee dd.locality {width:140px;} .hightlightProfil dl.listeFlottante { width:160px; float:left;} .hightlightProfil .listeFlottante dt{ width:85px;} .hightlightProfil .listeFlottante dd{ width:75px;} .hightlightProfil .listeFlottante dt.alcoolLabel { width:150px; } /*blockType ***************************/ .hightlightProfil .blockType { width:324px; background:#e1e0e1; border:#d4d3d4 solid 1px; padding:10px; margin:0; overflow:hidden} /******************************/ /***** MODIF 2009/10/03 ******/ /****************************/ #header02 { width:965px; height:311px; float:left; background:url(/tg-ecommerce/images/illus_banner_02.jpg) 0 0 no-repeat; overflow:hidden; padding:0px 50px 0 20px;margin-left:-1px;} #header02 a {text-decoration:underline; color:#ff0000; background:url(../tg-ecommerce/images/ico_header02.gif) 0 3px no-repeat; padding:0 0 0 10px;} /*creation Compte ***************************/ .creationCompte { padding:0; } .creationCompte li {display:inline; padding:0 5px 0 0; } .creationCompte p { font-size:13px;} .creationCompte p span { font-size:10px; display:block;color:#ff0000;margin:5px 0 15px 0;} .creationCompte .form { width:610px; border:#ff1100 solid 1px; padding:10px; margin:0 15px 0 0; overflow:hidden; float:left;font-weight:bold;} .creationCompte div {float:left;} .creationCompte div.last {margin-right:0;} .creationCompte .infoForm{font-size:16px;color:#5d5d5d; text-transform:uppercase; font-weight:bold;} .creationCompte .infoForm span{color:#ff1805;font-size:16px;width:auto;display:inline} .creationCompte div.last p {margin-left:50px;} #compteFrm ol li, #contactFrm ol li { margin:0 0 15px 0;} #compteFrm .sec03, #contactFrm .sec03 { width:275px;} #compteFrm .message, #contactFrm .message { width:591px; padding:5px 0 0 0;} /*Nouvelle page Creation Compte*/ .creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;} .creationCompte .headerBottom h4{float:left;width:auto} .creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px} .creationCompte .infoForm a{text-decoration:underline;} .creationCompte .infoForm span.pasCli{font-size:10px;color:#000000;text-transform:none;} /*FORM TYPE01 ***************************/ .frmType01 input.btnCreer { width:194px; height:27px; border:0; margin:0 0 0 0; padding:0;} .frmType01 input.btnEnvoyer { width:75px; height:27px; border:0; float:right; padding:0 10px 0 0;} .frmType01 li p.space { width:160px; height:8px; color:#FF0000; font-size:10px; left:100px; padding:0 0 5px 0; margin:0; float:left;} .frmType01 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; padding:0 0 0 100px; float:left; position:relative;} /**********************************/ /***** FIN MODIF 2009/10/03 ******/ /********************************/ /*client Contact ***************************/ .clientContact { width:906px; padding:10px 10px 20px 10px; border:#ff1100 solid 1px; overflow:hidden } .clientContact h3 { padding:0 0 20px 0;} .clientContact p { padding:5px 0;} .clientContact .citationsClients { width:230px; float:left; margin:0 0 0 0; padding:0 10px 0 0;} .citationsClients img {margin:0 0 30px 0; } .citationsClients p {display:block; } .citationsClients span { color:#FF0000; font-weight:bold} .clientContact .devenezClients {width:563px; float:left; margin:15px 0 0 0; padding:0 0 0 35px; border-left:#ff1100 solid 1px; overflow:hidden} .clientContact .line01 {width:563px; padding:0 0 15px 0; background:url(../tg-ecommerce/images/bgd_line_dot.gif) 0 100% repeat-x; overflow:hidden; } /* Layer Calendrier */ #layerCalendrier{ width:572px; overflow:hidden; float:left} #layerCalendrier a:hover { text-decoration:underline;} #layerCalendrier h3{ background:url(/tg-ecommerce/images/bgd_layer_calendrier_top.gif) 0 0 no-repeat; padding:8px 10px;} .layerCalendrierCont{ width:552px; background:url(/tg-ecommerce/images/bgd_layer_calendrier_cont.gif) bottom no-repeat; padding:10px; overflow:hidden; } .layerCalendrierCont h4{ float:left; width:300px;} .layerCalendrierCont span{ font-size:16px; font-weight:bold;} .layerCalendrierSubCont{ width:540px; background:url(/tg-ecommerce/images/bgd_layer_calendrier_cont_sub.gif) bottom no-repeat; padding:15px 10px; margin:10px 0 0 0; overflow:auto; height:312px; } .dottedLine{ border-bottom:1px dotted #525052; padding:0 0 10px 0; margin:0 0 10px 0} .subContent{ width:532px; margin:10px 0 0 0; overflow:hidden; clear:both;} .subContentTop{width:522px; background:#d9d9d9; padding:8px 5px; overflow:hidden; clear:both; } .subContentTop a, .subContentBottom a {float:right; font-weight:normal; font-size:11px; display:block;} #layerCalendrier .subContentTop h4 { text-align:center; width:inherit; width:365px; } .subContentTop .prec { float:left; } .subContentCenter{width:550px; margin:5px 0; overflow:hidden;} .subContentBottom a.prec { float:left; } .subContentCenter dl{ width:40px; float:left; padding:0 2px;} .subContentCenter dt{ font-weight:normal; font-size:9px; text-align:center} .subContentCenter dd{ text-align:center; font-size:26px; font-weight:bold; height:32px; width:28px; background-color:#e5e5e5; padding:2px 4px;} .subContentCenter dd.disabled { color:#FFF; background:url(/tg-ecommerce/images/ico_calendrier_vide.gif) no-repeat center;} .subContentCenter dd.current { color:#FFF; background-color:#ff2e14;} .subContentCenter dd.holiday { color:#FFF; background:url(/tg-ecommerce/images/ico_calendrier_vide.gif) no-repeat center;} .subContentBottom{width:522px; background:#d9d9d9; padding:5px; overflow:hidden} .subContent .blockMessageError{ border:1px solid #FF0000; color:#FF0000; padding:5px; margin:10px 0 0 0} .contactList{ margin:5px 0 0 0; width:200px; float:left} .contactList h5{ padding:5px 0;} .contactList .infoContact{ width:100px; float:left; font-weight:normal; font-size:11px} .validerButton{ float:right; padding:60px 0 0 0} #layerEnlevementSubCont{display:none;} #tabListCalendrier { padding: 0 17px 0 2px;;width: 530px; clear:both; float:left;height:20px;margin:3px 0 0;border-top: 1px solid #E9E9E9; background: url("/tg-ecommerce/images/bgd_layer_calendrier_cont_sub_tab.gif") repeat-y scroll center bottom transparent;} #tabListCalendrier ul { width:546px;height:20px;background:url(/tg-ecommerce/images/cal_tab_bck.gif) repeat-x;} #tabListCalendrier li { margin: 0; display:inline; float:left;height:25px;border-width:3px;} #tabListCalendrier img {display:block; float:left} /* auto-complete */ div.autocompleter-loading, div.autocompleter-recipe {float:left;clear:right;background:#fff url(images/spinner.gif) no-repeat center;width:20px;height:16px} ul.autocompleter-choices, ul.autocompleter-recipe {position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50} ul.autocompleter-choices li, ul.autocompleter-recipe li {position:relative;padding:0.1em 1.5em 0.1em 1em;cursor:pointer;font-weight:normal;font-size:1em} ul.autocompleter-choices li.autocompleter-selected {background-color:#ff0000;color:#fff} ul.autocompleter-choices span.autocompleter-queried, ul.autocompleter-recipe span.autocompleter-recipe {font-weight:bold} ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried, ul.autocompleter-recipe li.autocompleter-recipe span.autocompleter-recipe {color:#ffffff} ul.autocompleter-recipe li.autocompleter-selected {background-color:#7D337D;color:white} /* layer confirmation */ #layerConfirmation { border:1px solid #ccc; width:369px; text-align:center; background-color:#f7f7f7; padding:10px; position:absolute; left:0; top:0; z-index:100; display:none;} #layerConfirmation .buttonExit {float:right;} #layerConfirmation p { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0 } #layerConfirmation p.popupButtonsContent { padding:0; float:left; } #layerConfirmation .iconError { padding:10px 0 0 0;} #layerConfirmation .confirmBtn {color:#ffffff; font-weight:bold; font-size:14px; width:100px; height:25px; line-height:25px; background:#e20025; border:2px solid #e20025; text-align:center; margin:20px 0 0 55px; display:inline; text-decoration:none; float:left;} #layerConfirmation .confirmBtn:hover {color:#e20025; background:none;} /* Layer Calendrier 2 */ #layerCalendrier2{width:792px; overflow:hidden; float:left} #layerCalendrier2 a:hover { text-decoration:underline;} #layerCalendrier2 h3{ background:url(/tg-ecommerce/images/bgd_layer_calendrier_top.gif) 0 0 no-repeat; padding:8px 10px;} .layerCalendrierCont2{ width:772px; background:url(/tg-ecommerce/images/bgd_layer_calendrier_cont2.gif) bottom no-repeat; padding:10px; overflow:hidden;} .layerCalendrierCont2 h4{ float:left; width:540px;} .layerCalendrierCont2 span{ font-size:16px; font-weight:bold;} .layerCalendrierSubCont2{ width:750px; background:url(/tg-ecommerce/images/bgd_layer_calendrier_cont_sub2.gif) bottom no-repeat; border-top:1px solid #E9E9E9; padding:15px 10px; margin:10px 0 0 0; overflow:hidden; } /* pre-commande*/ .precommande {font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#FF0000;} /* impression cadencier*/ #layerPrintCadencier { padding:0px 0px 0px 0px; width:375px; height:240px;background:url(/tg-ecommerce/images/bgd_layer_calendrier_cont.gif) bottom no-repeat;overflow:hidden;} #layerPrintCadencier .layerPrintCadencierCont {width:355px;height:193px;border-top:1px solid #E9E9E9;margin:0;overflow:hidden;padding:15px 10px;} #layerPrintCadencier .layerPrintCadencierCont #cadencierPrintForm{width:250px;height:80px;margin:0;padding:0} #dhtmltooltip{ position: absolute; width: 150px; border: 1px solid red; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 1000; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; } /* taxes*/ .taxesAddMes{font-family:Arial, Helvetica, sans-serif;color:#000000;} .taxesAddMes .taxesAttention {text-decoration:underline;} .taxesAdd{font-family:Arial, Helvetica, sans-serif;color:#FF0000;} /* post it */ #postIt {width:250px;height:163px;background:url(/tg-ecommerce/images/post_it.png) 0 0 no-repeat;left:725px;top:0;position:absolute;} .drag{position:absolute;cursor:all-scroll;z-index: 100;} #closePostIt{margin:15px 0 0 210px;cursor:pointer;} #estimation{ width:160px; height:20px; } .degre { /* les cases du vumÿtre */ border: 1px solid #ccc; margin-left: 2px; height: 0.5em; width: 16px; float: left; margin-top:6px; } #confiance0 { /* texte précédent les cases */ border: 0; color: #fff; /* blanc sur blanc tant que vumetre_mdp() n'est pas appelé */ line-height: 0.5em; width: 12em; } /******* IDEE MENU ***********************************************/ #backscreen{ width:100%; height:440px; margin:auto; display:block; position:absolute; top:0px;left:0px; z-index:10; /*background-color:#ffff00; opacity:0.75; filter: alpha(opacity=75); */ } #contentRecipe { float:left; width:725px;border: 1px solid #7D337D;} .purpleLink{background: url("/tg-ecommerce/images/puce_violette.gif") no-repeat 0 3px; color: #7D337D; text-decoration:none; font-weight:normal; font-size:10px;text-decoration:underline; width:70px; height: 12px; margin: 0 0 10px 0;padding-left:8px;} #recipeHeader{margin:0 0 20px 0;} #recipeHeader h4{color:#FFFFFF; padding:3px 0 0 0; clear:right;height:37px;} #recipeHeader p{color:#FFFFFF;font-size:10px;} #productHeader div{margin:0 0 0 45px; padding:0;} #recipeHeader .productHeaderIco { float:left; width:30px; height:30px; padding:5px; margin:0; text-align:center; } #recipeHeader a:hover{ text-decoration:underline; } #recipeDetail { margin-left:10px; margin-right:10px; } #recipeDetail #internalName { font-family:Arial; color :#474548; font-size:13px; font-weight:bold; } #recipeDetail #recipeBrand { height:25px; } #recipeDetail #familyLogo { float:left; margin-right:30px; } #recipeDetail #recipePrint {} #recipeDetail #recipeFiche {height:255px;} #recipeDetail #recipeImg { float:left; margin-right:10px; width:241px; height:241px; } #recipeDetail #listProducts_choice0 { float:left; margin-right:10px; width:200px; height:241px; padding:5px 0 0 0; } #recipeDetail #labelPrice{ font-family:Arial; color :#4c494d; font-size:13px; font-weight:bold; margin-bottom:5px; } #recipeDetail #recipeFiche ul { margin-bottom:20px; } #recipeDetail #recipeFiche li { height:25px;-height:20px; } #recipeDetail .priceValue{ float:left; font-family:Arial; color :#7D337D; font-size:15px; font-weight:bold; } #recipeDetail .value{ font-family:Arial; color :#757475; font-size:10px; padding-top:1px; } #recipeDetail .recipeLabel{ float:left; font-family:Arial; color :#686467; font-size:11px; font-weight:bold; } .recipeFiche h4 {padding:0 0 5px 0; color: #525052; text-decoration:none; font-weight:bold; font-size:12px; text-transform:uppercase; } .errorMessage { font-family:Arial; color :red; font-size:11px; font-weight:bold; text-align:center; } .descriptionRecipe {margin:0 0 10px 0; background:url(/tg-ecommerce/images/bgd_desc_recipe_top.gif) 0 26px no-repeat;clear:both} .descriptionRecipe h3 {float:left; color:#FFF !important; font-size:12px;p; height:30px; background:url(/tg-ecommerce/images/bgd_tit_ficheRecipe1.gif) repeat-x; padding:5px 0 0 0;} .descriptionRecipe .left {float:left; width:15px; height:26px; background: url("/tg-ecommerce/images/bgd_tit_ficheRecipe_left.gif") no-repeat scroll 0 0 transparent;} .descriptionRecipe .right {float:left; width:15px; height:26px; background: url("/tg-ecommerce/images/bgd_tit_ficheRecipe_right.gif") no-repeat scroll 0 0 transparent;} .descriptionRecipe ul {list-style-type:disc;} .descriptionRecipe li { color:#000000 !important;font-weight:inherit;font-size:12px; text-decoration:underline; margin-bottom:10px;} .descriptionRecipe .contentText { color:#000000; margin-bottom:15px;text-decoration: none;} .descriptionRecipe span { text-decoration:underline;} .descriptionRecipe .technicalTitle {text-decoration:underline;color:#000000;font-size:12px;} .descriptionRecipe table{border: 1px solid #000000;border-collapse: collapse} .descriptionRecipe td{border: 1px solid #000000;text-align:right;padding-right:2px;width:10%;} .descriptionRecipe th{border-left: 1px solid #000000;border-top: 1px solid #000000;border-bottom: 1px solid #000000;text-align:left;} .descriptionRecipe thead{height:70px;} .descriptionRecipe thead th{ font-family:Arial, Helvetica, sans-serif;font-size:12px;-moz-transform: rotate(-90deg);padding-top:26px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .descriptionRecipeContent {background:url(/tg-ecommerce/images/bgd_desc_recipe_border.gif) repeat-y; padding:12px 20px 1px 40px; clear:both;} .descriptionRecipeBottom { background:url(/tg-ecommerce/images/bgd_desc_recipe_bottom.gif) no-repeat; width:686px; height:10px; overflow:hidden; margin:0 0 10px 0; } #searchTools #searchTab { display:block; float:left; width: 185px; -width: 187px; -overflow:hidden; -height: 46px; } #searchTools #searchTab h3 {padding:4px 8px 0 8px;} #searchTools #searchTab div{ position:relative; display: block; float: left; border: 0px solid black; } #searchTools #imgProductOn, #searchTools #imgProductOff{width: 81px} #searchTools #imgRecipeOn, #searchTools #imgRecipeOff, #searchTools #imgRecipeBlank{width: 103px} #searchTools #imgProductOn, #searchTools #imgProductOff, #searchTools #imgRecipeOn, #searchTools #imgRecipeOff{cursor:pointer;} #searchTools #waitRecipe {display: none; width:32px; margin: 10px auto 10px ;} #searchTools form {background :none; border: 0px solid black;} #searchTools #recipeSearch { background: url("/tg-ecommerce/images/background_recettes_1px.gif") repeat scroll 0 0; display:none; float:left; color: white; } #searchTools #recipeSearch label, #searchTools #recipeSearch h3{color: white;} #searchTools #recipeSearch form{width: 170px;} #searchTools #productSearch { background:url("/tg-ecommerce/images/bgd_searchTools.gif") repeat scroll 0 0; float:left; } .listRecipes_label{ min-height: 80px; width:130px;} .pagerRecipe li span{background-color: #7D337D;} .pagerRecipe li a{color: #7D337D;} .pagerRecipe li a:hover{ background-color: #7D337D; color: #FFFFFF; } #content #recipesListe { width:531px; background:url(/tg-ecommerce/images/bgd_recipesListe.gif) repeat-y right!important; overflow:hidden; } #recipesListe li { width:531px; border-bottom:1px dotted #525052; float:left; overflow:hidden; } #recipesListe li .produit_illus{padding:8px 0 0 0;} #recipesListe label { display:block; font-size:10px; color: #525052; } #recipesListe .familleAlimentaire {border-bottom:0 solid black; float:left; overflow:hidden; width:130px;margin-top:4px;} #recipesListe .familleAlimentaire div {border-bottom:0 solid black; float:left; width:25px} #recipesListe dl{padding:0} #firstItem {border-top:1px dotted #525052;} .firstItem {border-top:1px dotted #525052;} #content #recipesListe h4 { padding:0 0 5px 0; color: #525052; text-decoration:none; font-weight:bold; font-size:11px; text-transform:uppercase; } .listRecipes_choice { width:140px; padding:5px 5px 5px 10px; float:left; font-size:10px } /* .listRecipes_choice h4 { padding:0 0 5px 0; color: #525052; text-decoration:none; font-weight:bold; font-size:11px; text-transform:uppercase; }*/ #recipesListe .listRecipes_choice ul li{ border-bottom: 0 solid; width: 146px; height: 22px; padding-top: 2px; } #recipesListe .listRecipes_choice ul li span{ color: #7D337D; text-decoration:none; font-weight:bold; font-size:14px; text-transform:uppercase; } #recipesListe .listRecipes_choice p {font-size:10px; color:#FF0000;} #recipesListe .listRecipes_choice img {float:left;} .listRecipes_quantity{ width:151px; padding:5px 0 5px 8px; float:left;-margin:5px 0 5px 0px;-padding:0;-width:150px} .listRecipes_quantity h5{padding:0 0 5px 0;} .listRecipes_quantity p { color:#FF0000; } .listRecipes_quantity fieldset {width:148px; border:1px solid #B2B7B2; margin:0 0 4px 0; height:18px} .listRecipes_quantity fieldset input {width:25px; height:17px; padding:1px 0 0 0; float:left; border:none; display:inline; text-align:center;} .listRecipes_quantity fieldset img{float:left;} .listRecipes_quantity label{margin:0 0 2px 0;} .listRecipes_quantity .libelle{font-weight:bold; font-size:11px;text-align:center; text-transform:uppercase; padding-top:2px} .listRecipes_quantity .addConvive{background: url("/tg-ecommerce/images/puce_violette.gif") no-repeat 0 3px; color: #7D337D; text-decoration:none; font-weight:normal; font-size:10px; width:70px; height: 12px; margin: 0 0 10px 0;padding-left:8px;} .listRecipes_quantity .prixTotal{color: #ffffff; background-color: #7D337D; background-repeat:no-repeat; background-position:center right; text-decoration:none; font-weight:bold; font-size:10px; width:146px; height:18px; margin: 10px 0 10px 0; padding: 4px 0 2px 5px;} .listRecipes_quantity .up{ background-image:url("/tg-ecommerce/images/flche_dte_vlt.png"); background-repeat:no-repeat; background-position:center right; } .listRecipes_quantity .down{ background-image:url("/tg-ecommerce/images/flche_haut_vlt.png"); background-repeat:no-repeat; background-position:center right; } .listRecipes_quantity .prixTotal span{font-weight:bold; font-size:12px;} .newConvive{ width: 290px; height:50px; padding: 10px; border: 1px solid #7D337D; z-index:90; background-color: white; position:absolute; } #winNewConvive select{width:110px; text-align:center; font-weight:bold; text-transform:capitalize; z-index:92} #winNewConvive div{float: left; z-index:92} #winNewConvive fieldset{width:67px; z-index:92} #winNewConvive input{width:35px; z-index:92} #winNewConvive #pricelabel{width:100px; text-align:center; font-size:12px; font-weight:bold;z-index:92} #winNewConvive #pricefield{margin-left:10px; z-index:92} #winNewConvive #btnValidConvive{float:right; width:30px; height:20px; margin-top:8px; z-index:92} #detailRecipePrice{width:220px; height:46px; padding:5px; border:1px solid #7D337D; background-color:#FFFFD4;z-index:90;position:absolute;margin:0} #detailRecipePrice div{font-size:12px; color:black; z-index:90} #detailRecipePrice .backline{clear:both} /*************** cart recipe ***********/ #recipeList .table{width:730px; overflow:hidden;} #recipeList .row {-display:block;width:730px; overflow:hidden; border-bottom:1px dotted #525052; min-height:50px;} #recipeList .familyTitle {-display:block;width:730px;height:35px;margin-top:10px;border-bottom:1px dotted blue;-margin:10px 0 0 0 ;} #recipeList .text {float:left;width:400px;height:22px;padding:6px 0 4px 4px;} #recipeList .firstRow{border-top:1px dotted #525052} #recipeList .picture{float:left; width:65px;padding:5px;overflow:hidden;} #recipeList .infos{float:left; width:210px; padding:5px; overflow:hidden;} #recipeList .infos dt{text-transform:uppercase} #recipeList .infosplus{float:left; width:150px; padding:5px; overflow:hidden;} #recipeList .infosplus span{font-weight:bold;} #recipeList .prices{float:left; width:100px;padding:5px;overflow:hidden;} #recipeList .prices ul li {text-align:right; height:20px; margin: 4px 0} #recipeList .familleAlimentaire {float:left; overflow:hidden; width:200px;height:14px;margin-top:4px;-margin-top:8px} #recipeList .familleAlimentaire div{float:left; width:25px} #recipeList .unavailableRecipe{float:left; width:261px; padding:5px; overflow:hidden; color:red; font-size:14px;font-weight:bold; } #recipeList dt a:hover{ text-decoration:underline; } .unreferencedProduct{padding:5px; overflow:hidden; color:red; font-size:14px;font-weight:bold; width:250px;margin:0 auto; } #bottomListRecipe {background:url("/tg-ecommerce/images/puce_violette.gif") no-repeat left center; width:730px; height:20px; padding: 10px 0 4px 20px; border-bottom:1px dotted #525052; text-decoration:underline; color:#7D337D; margin-bottom:10px; } .detailMesRecettes { background:#7D337D url("/tg-ecommerce/images/toque_visuel.gif") no-repeat 10px center;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailMesRecettes span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailMesRecettes li { float:left} .detailMesRecettes .last { float:right} .detailMesProduits { background:#ebebeb;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailMesProduits span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailMesProduits li { float:left} .detailMesProduits .last { float:right} .detailRecipeAno { background:#7D337D url("/tg-ecommerce/images/toque_visuel.gif") no-repeat 10px center;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailRecipeAno span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailRecipeAno li { float:left} .detailRecipeAno .last { float:right} .detailProductAno { background:#626262;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailProductAno span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailProductAno li { float:left} .detailProductAno .last { float:right} .detailIngredientOrder { background:#7D337D url("/tg-ecommerce/images/toque_visuel.gif") no-repeat 10px center;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailIngredientOrder span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailIngredientOrder li { float:left} .detailIngredientOrder .last { float:right} .detailProductOrder { background:red;width:675px; overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailProductOrder span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailProductOrder li { float:left} .detailProductOrder .last { float:right} .detailIngredientNoOrder { background:#626262; width:675px;overflow:hidden; margin:0 0 10px 0; padding:10px 5px 10px 50px; height:18px;} .detailIngredientNoOrder span { color:#fff; font-weight:bold; text-transform:uppercase; font-size:14px;} .detailIngredientNoOrder li { float:left} .detailIngredientNoOrder .last { float:right} /********* modifier ingredients ****/ .detailMesIngredients{background-color:#7D337D} /********* iframe replace product *******/ #frameCart{background-color:#ebebeb;} #headerFrameProductList {width:627px;height:130px} #productList {width:627px; height:340px;padding:0 0 0 5px; overflow-x:hidden; overflow-y:auto;} #productList #produitsListe { width:606px; background:url(/tg-ecommerce/images/bgd_produitsListeFrame.gif) repeat-y right!important;overflow:hidden;} #productList #produitsListe .produit_illus { position:relative;} #productList #produitsListe .listProduct_info{background-color:#ffffff; float:left;width:246px} #productList #produitsListe .listProducts_choice{width:140px; padding:0;} #productList #produitsListe .listProducts_quantity{width:140px;padding:0;} #productList #produitsListe .listProducts_frame {width:120px; margin-top:5px; margin-left:7px;} #productList #produitsListe .listProducts_choose{width:80px;float:left;} #productList #produitsListe .listProducts_btChoose{width:70px; margin-top:30px !important;margin-left:5px} #productList #produitsListe li { width:606px; float:left; overflow:hidden; } #productList #produitsListe li .produit_illus{padding:8px 0 0 0;} #productList #produitsListe label { display:block; font-size:10px; color: #525052; } #productList #produitsListe .produitElements ul{padding:5px 0;} #productList #produitsListe .produitElements li{width:154px;font-weight:bold; color:#2D9400; background:url(/tg-ecommerce/images/bullet_02.gif) 0 0 no-repeat; padding:0 4px 0 6px; display:inline; float:left;} #productList #produitsListe .produitElements .first{padding-left:0; background:none;} #productList #produitsListe .produitElements li span{font-weight:bold; color:#2D9400; line-height:18px;} #titleProductList { width:610px; font-size:14px;font-weight:bold;border-top:1px dotted #525052; float:left; overflow:hidden;margin-left:5px; padding-top:5px; } /* layer confirmation */ #productNotFound { width:580px; text-align:center; padding:10px; left:0; top:0; z-index:100; } #productNotFound p { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0 } #productNotFound p.popupButtonsContent { padding:0 100px; float:left; } #productNotFound .iconError { padding:10px 0 0 0;} #productNotFound .confirmBtn {color:#ffffff; font-weight:bold; font-size:14px; width:100px; height:25px; line-height:25px; background:#e20025; border:2px solid #e20025; text-align:center; margin:20px 0 0 55px; display:inline; text-decoration:none; float:left;} #productNotFound .confirmBtn:hover {color:#e20025; background:none;} #footerFrame .pager {width:537px; margin:7px 0 0;float:left;} #footerFrame #btnclose {width:70px;float:right;margin-top:6px;} #anolistTitle {text-align:right; font-weight:bold; font-size:16px;margin-bottom:10px;} .unreferencedQuantity{margin:10px 0 0 0px; overflow:hidden; width:240px; font-size:10px;} .recipeImpact{margin-top:15px;color:red; text-decoration:underline; font-weight:bold;font-size:10px;} #productList .table{width:612px;overflow:hidden; background-color:#FFFFFF;} #productList .table .listProduct_info{float:left;width:300px} #productList .table .row { width:612px; float:left; overflow:hidden; } #productList .table .listProducts_label{width:214px} #productList .table .prices {width:310px;float:left;margin-top:5px} #productList .table .prices li {height:20px;} #productList .table .prices .titre{font-weight:bold;width:110px;float:left;} #productList .table .prices .prix{color:black;width:140px;float:left;} #productList .table .prices .nbConvive{font-size:12px;width:30px;float:left;} #productList .table .prices .convive{font-weight:bold;width:120px;float:left;} /*********Banniere IDEE MENU (Bloc de gauche)*******/ .banniereIDMENU {background: transparent url(/tg-ecommerce/images/BanniereIdeeMenu.gif) no-repeat; height: 432px; width: 186px; clear: both;} #lienID1 {height :55px; width:139px; margin:187px 22px 0 23px; position: absolute;} #lienID2 {height :55px; width:139px; margin:265px 22px 0 23px;position: absolute;}