/*********************************************************************************************************** * Website : PUM Plastique * Filename : print.css * Description : css print * Version : december 2008 * Author : Gaya ***********************************************************************************************************/ @page {size: auto; margin: 5%;} /*abbr[title]:before, acronym[title]:before {content : attr(title) " (";} abbr[title]:after, acronym[title]:after {content : ") ";} .main a:after,a[hreflang]:after {content: " [\00A0" attr(href) "\00A0]";}*/ .skip_link, .quick_search, .nav_main, .block_context, .services, .service, .print, .quick_nav, .aside, .nav_context_catalogue, .info_bulle, .add_article, .submit, .buttun, .button, .footer ul, .fiche_produit .block.download {display:none} .logo {display:block;} .content .header .quick_search {display:block;} .fiche_produit.fiche_produit_js .fiche_produit_int {display:block;} .fiche_produit.fiche_produit_js .fiche_produit_int.description {display:block;} .fiche_produit.fiche_produit_js .fiche_produit_int.infos_supplementaires {display:block;} .page_sommaire .col_1, .page_rubrique .col_1 {display:none;} .page_sommaire .col_2, .page_rubrique .col_2 {display:block;} .page_rubrique .niv-2-content .col_1 {display:block;} .page_rubrique .niv-2-content .col_2 {display:none;} body {font:12px/14px arial, serif; } h1 {font:bold 18px/19px arial, serif; margin:0 0 10px 0; } h2 {font:bold 15px/17px arial, serif; margin:0 0 10px 0; } h3 {font:bold 15px/17px arial, serif; margin:0 0 10px 0; } h4 {font:13px/17px arial, serif; margin:0 0 10px 0px; } h5 {font:13px/17px arial, serif; margin:0 0 10px 0px; } a {color:#000; text-decoration:none;} p a {color:#000; text-decoration:underline;} li {margin-bottom:5px} .list-deco {float:left; width:190px;} a img {border:0} li a {} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing: 0;} .body_int .screen .screen_int .main .main_int .content .content_int table th, .body_int .screen .screen_int .main .main_int .content .content_int table td {border:solid 1px #000;} .clear {clear:both; font:0px/0px arial; height:0;} .screen {width:600px;} .header {margin:0; padding:0; background:#fff; color:#000;} * html .header {height:1%;} .header_int {padding:0; height:165px;background:url(base/header_print.jpg) 100% 0 no-repeat;} .header .logo {float:left; margin:0; padding:0 0 0 5px; } .header .baseline {padding:29px 25px 0 0; text-align:right;} .header h1 {margin:0; padding:0; font-size:1em; line-height:0.8em;} .main {clear:both;} /*breadcrumb*/ .content .breadcrumb {overflow:auto; padding:12px 0 16px 0; margin:0 0 15px 0; color:#0093d6; font-weight:bold;} * html .content .breadcrumb {height:1%;} .content .breadcrumb ul {margin:0; padding:0;} .content .breadcrumb ul li {display:inline; margin:0; padding:0 3px 0 12px; background:url(typo/chevron_girs.gif) 0 5px no-repeat;} .content .breadcrumb ul li.first {padding-left:0; text-indent:0; background:none;} .content .breadcrumb ul li a {color:#5a5a5a; font-weight:normal; text-decoration:none;} /*contenu*/ .content h2 {clear:both;margin:0 0 15px 0; padding:0 0 10px 0; background:url(typo/titre_border.gif) 0 100% no-repeat; color:#0093d6; font-size:1.5em; line-height:1.2em;} /*.content h2 span {display:block; float:left; margin:0 0 15px 0; padding:0 20px 10px 0; background:url(typo/titre_border.gif) 100% 100% no-repeat; color:#0093d6; font-size:1.5em; line-height:1.2em;}*/ .content h3 {clear:both;margin:0 0 10px 0; padding:8px 0 0 0; color:#00598f; font-size:1.416em; line-height:1.2em;} .content h3 a {color:#00598f; text-decoration:none;} .content h3 a:hover {text-decoration:underline;} /*.content h3 span {float:left; padding:0 125px 0 0; background:url(typo/titre2_border.gif) 100% 100% no-repeat;}*/ .content h4 {margin:0 0 10px 0; padding:8px 0 0 20px; background:url(typo/titre3_puce.gif) 0 8px no-repeat; color:#0093d6; font-size:1.166em; line-height:1.2em;} .content h4 a {color:#0093d6; text-decoration:none;} .content h4 a:hover {text-decoration:underline;} .content h5 {margin:0 0 10px 0; padding:8px 0 0 15px; background:url(typo/titre4_puce.gif) 0 11px no-repeat; color:#0093d6; } .content h5 a {color:#00598f; text-decoration:none;} .content h5 a:hover {text-decoration:underline;} .content .standfirst {margin:0 0 10px 0; color:#83a900; font-weight:bold;} /*block text_image*/ .content .block_text_image {margin:0 0 0px 0; padding:0 1px 0 0;} .content .block_text_image .text {/*float:left; width:350px;*/ margin-bottom:5px;} .content .block_text_image .image {float:right; margin-bottom:5px; padding:0 0 0 10px;} /*block text_image image gauche*/ .content .block_text_image.left .text {} .content .block_text_image.left .image {float:left; padding:0 5px 0 0;} /*block text_image image gauche* .content .block_text_image.left .text {float:left; margin-bottom:20px; width:320px;} .content .block_text_image.left .image {float:left; margin-bottom:20px; padding:0 10px 0 0;} /*block text_image sans image*/ .content .block_text_image.no_image .text {float:none; width:100%;} .content .block_text_image.no_image .image {float:none; width:0; display:none;} /*bloc texte*/ .content .block_text {margin:0 0 5px 0;} .content .block_text_image a, .content .block_text a {text-decoration:underline; font-weight:normal;} .content .block_text_image a:hover, .content .block_text a:hover {text-decoration:none;} /*haut de page* .back_top a {display:block; padding:5px 35px 0 0; background:url(typo/back_top.gif) 100% 0 no-repeat; color:#495b71; font-weight:bold; text-align:right; text-decoration:none;} /*tableau*/ .content table {margin:0 0 20px 0; width:100%; color:#2c2c2c;text-align:center;font-size: 0.9em;} .content table th {border:2px solid #fff;padding:10px 5px; background:#0093d6 url(typo/table_th_bg.gif) 0 0 repeat-x; color:#fff;font-weight: normal; } .content table .odd th, .content table .even th {padding:5px 5px; border:2px solid #fff; background:#ebedeb; border-right:none; border-left:none; color:#000; font-weight:bold;} .content table .even th {background:#eadec8;} .content table td {padding:5px 5px; border:2px solid #fff; background:#d8e4ea; border-2px solid #fff; border-left:none;} .content table .odd td {background:#d8e4ea;} .content table .even td {background:#d8e4ea;} .content table .even td.first {background-color: #83a900; color: #fff;} .content table .odd td.first {background-color: #83a900; color: #fff;} /*telechargement*/ .download {margin:0 0 20px 0; padding:0 0 10px 0;} .download p {clear:left; float:left; padding:0 0 10px 0;} .download a {padding:3px 0 3px 25px; color:#514c4c; text-decoration:none;} .download a:hover {color:#514c4c; text-decoration:underline;} .download .pdf a {background:url(typo/ico_pdf.gif) 0 0 no-repeat;} .download .xls a {background:url(typo/ico_xls.gif) 0 0 no-repeat;} .download .ppt a {background:url(typo/ico_ppt.gif) 0 0 no-repeat;} .download .question a {background:url(typo/picto_question.gif) 2px 0 no-repeat;} /************ Bloc avec contours gris **************/ .block {float:left; padding-bottom:0; background:url(base/block_border_8.gif) 0 0 repeat-y;} .block .block_1 {background:url(base/block_border_2.gif) 0 0 repeat-x;} .block .block_2 {background:url(base/block_border_6.gif) 0 100% repeat-x;} .block .block_3 {background:url(base/block_border_4.gif) 100% 0 repeat-y;} .block .block_4 {background:url(base/block_border_5.gif) 100% 100% no-repeat;} .block .block_5 {background:url(base/block_border_3.gif) 100% 0 no-repeat;} .block .block_6 {background:url(base/block_border_7.gif) 0 100% no-repeat;} .block .block_7 {background:url(base/block_border_1.gif) 0 0 no-repeat;} .block .padder {overflow:auto;padding:10px 10px 0 10px;} * html .block .padder {height:1%;} .block ul li, .content .block.bg_gray ul li {background:none;} /*cas particulier coins carre*/ .block.block_carre .block_5 {background:url(base/block_border_3_carre.gif) 100% 0 no-repeat;} .block.block_carre .block_4 {background:url(base/block_border_5_carre.gif) 100% 100% no-repeat;} /*cas particulier fond gris*/ .block.bg_gray {background:#f0f0f0 url(base/block_border_bg_8.gif) 0 0 repeat-y;} .block.bg_gray .block_1 {background:url(base/block_border_bg_2.gif) 0 0 repeat-x;} .block.bg_gray .block_2 {background:url(base/block_border_bg_6.gif) 0 100% repeat-x;} .block.bg_gray .block_3 {background:url(base/block_border_bg_4.gif) 100% 0 repeat-y;} .block.bg_gray .block_4 {background:url(base/block_border_bg_5.gif) 100% 100% no-repeat;} .block.bg_gray .block_5 {background:url(base/block_border_bg_3.gif) 100% 0 no-repeat;} .block.bg_gray .block_6 {background:url(base/block_border_bg_7.gif) 0 100% no-repeat;} .block.bg_gray .block_7 {background:url(base/block_border_bg_1.gif) 0 0 no-repeat;} .block.bg_gray .padder {padding:10px 10px 10px 10px;} .block.bg_gray h3 {padding:0; background:url(base/block_bg_gray_title_top.gif) 0 0 no-repeat; color:#0093d6; font-size:1.166em;} .block.bg_gray h3 span {display:block; padding:8px 10px; background:url(base/block_bg_gray_title_bottom.gif) 0 100% no-repeat;} .block.bg_gray ul li {background-image:url(typo/puce_bleue_fond_gris.gif);} .block.bg_gray .blue {color:#0093d6;} .block.bg_gray .green a {color:#83a900;} .block.bg_gray .arrow a {display:block; padding-left:15px; background:url(typo/arrow_green.gif) 0 3px no-repeat;} .block.bg_gray form {width:250px; overflow:hidden;} .block.bg_gray form .input {width:240px;} .block.bg_gray form .input label {width:110px;} .block.bg_gray form .input .input_text {width:120px;} .block.bg_gray form .input .asterisque {float:none; clear:left; display:block; margin:0 0 20px 110px;} .block.bg_gray form .input .asterisque a {color:#5a5a5a; width:150px;} .block.bg_gray .button {float:none; text-align:center;} /*cas particulier total*/ .block.block_total {float:right; margin:0px 0 10px 0; width:165px;} .panier .block.block_total {margin:11px 0 0 0;} .block.block_total .padder {padding-bottom:5px;;} .block.block_total .padder p {clear:left;} .block.block_total .padder p span {display:block; float:left; width:85px;} .block.block_total .padder p.total_ttc {color:#0093d6; font-weight:bold;} /*cas particulier half*/ .block.half {margin:0 0 10px 0; width:280px;} .block.half.right {float:right;} .enlevement form .block.half.right {float:right} .enlevement .block.half .padder {height:140px;} .enlevement .block.half .padder p {clear:left;padding-left:5px; padding-bottom:10px;} .enlevement .block.half .padder p.blue {color:#00598f;} .enlevement .block.half .padder p span {display:block; float:left;padding:0 5px 0 0; width:150px; text-align:right;} /****************** bloc depliable ********************/ .content .block_foldable {clear:both; margin:0 0 20px 0; } .content .block_foldable .title {padding:0; width:499px; background:url(base/block_depliant_bg.gif) 0 0 repeat-y; color:#83a900; text-transform:uppercase;} .content .block_foldable.purple .title {color:#92278f;} .content .block_foldable .title strong {display:block; background:url(base/block_depliant_bottom.gif) 0 100% no-repeat; } .content .block_foldable .title strong span {display:block; padding:0 10px 0 0; background:url(base/block_depliant_top.gif) 0 0 no-repeat; cursor:pointer;} .content .block_foldable .title strong span a {display:block; padding:8px 25px 8px 10px; color:#83a900; text-decoration:none;} .content .block_foldable.purple .title strong span a {color:#92278f; } *+html .content .block_foldable .title strong span a {overflow:auto;} * html .content .block_foldable .title strong span a {height:1%;} .content .block_foldable.off .block_foldable_int {display:block;} .content .block_foldable .block_foldable_int {margin:0 20px 0 0; padding:10px; } *+html .content .block_foldable .block_foldable_int {overflow:auto;} * html .content .block_foldable .block_foldable_int {height:1%; margin-right:10px;} .content .block_foldable ul li {} .content .block_foldable .block_foldable_int .item {float: left; width: 230px;} .content .block_foldable .block_foldable_int .item strong {color: #0093d6;} /************************* nav tunnel d achat **************************/ .content .nav_commande ul {overflow:auto; margin:0; padding:0 0 10px 0;width:510px;} * html .content .nav_commande ul {height:1%;width:510px;} .content .nav_commande ul li {float:left; margin:0 0 10px 0; padding:0; background:none; list-style:none;} .content .nav_commande ul li span.like_link, .content .nav_commande ul li a {display: block; margin:0 0 0 5px; background: url(base/selection_nav_round.gif) no-repeat 100% 0; color: #0093d6; font-size: 1em;} .content .nav_commande ul li.first a {margin:0;} .content .nav_commande ul li a span, .content .nav_commande ul li span.like_link span {display: block; padding: 6px 8px 6px 18px; background: url(base/selection_tail.gif) no-repeat 0 0; font-weight:bold; white-space:nowrap} .content .nav_commande ul li a:hover span, .content .nav_commande ul li.on span.like_link span {background: url(base/selection_nav_hover.gif) no-repeat 100% 0; color: #fff; text-decoration: none;} /************************************* PAGE COMITE de DIRECTION **************************************/ .comite-de-direction .trombinoscope {} .comite-de-direction .trombinoscope .item {float:left; padding:0 5px; width:242px; min-height:220px; text-align:center;} * html .comite-de-direction .trombinoscope .item {height:113px;} .comite-de-direction .trombinoscope .item .image {margin:0; padding:10px 0 0 0; height:148px; background:url(base/trombi_top.jpg) 0 100% repeat-x;} .comite-de-direction .trombinoscope .item .image img {margin:0; padding:0} .comite-de-direction .trombinoscope .item .text {background:url(base/trombi_bottom.jpg) 0 0 repeat-x;} .comite-de-direction .trombinoscope .item .text p {margin:0; padding:7px;} .comite-de-direction .trombinoscope .item .text strong {display:block ; padding:0 0 5px 0; color:#0093d6;font-size:1.166em; line-height:1.2em;} /************************************* PAGE Nos Catalogues **************************************/ .content .block_text_image.nos-catalogues .image {width:103px; text-align:center;} .content .block_text_image.nos-catalogues .image img {border:1px solid #c2c2c2;} .content .block_text_image.nos-catalogues .text {float:left;width:390px; } .content .block_text_image.nos-catalogues .text h4 span {display:block; font-size:0.857em;} .content .block_text_image.nos-catalogues .text a {color:#5a5a5a; font-weight:normal; text-decoration:none;} .content .block_text_image.nos-catalogues .text a:hover {text-decoration:underline;} .content .block_text_image.nos-catalogues .text a img {vertical-align:middle;} .content .block_text_image.nos-catalogues .text ul li {} .content .block_text_image.nos-catalogues .text ul li.item_focus {} .content .block_text_image.nos-catalogues .text ul li.item_focus a {color:#83a900; font-weight:bold;} /* info bulle */ #glossOverDiv {width:254px;} #glossOverDiv .bottom {height:10px; } #glossOverDiv .glossOverDiv_int {background:url(base/info_bulle_bottom.gif) 0 100% no-repeat; } #glossOverDiv .padder {padding:5px 5px 18px;background:url(base/info_bulle_top.gif) 0 0 no-repeat;} #glossOverDiv .padder {font-size:11px;} /************************************* PAGE recherche google **************************************/ .content .google_search {margin:0 0 20px 0; width:505px;} /*zone entete*/ .content .google_search h3 {float:left; margin:0; padding:10px 23px 10px 15px; color:#0093d6; font-size:1.25em;} .content .google_search.fiche .google_contact h3 {float:none;} .content .google_search .google_zoom {display:none;} /*zone texte*/ .content .google_search .google_text {float:left; padding:10px 0; width:232px;} .content .google_search.fiche.illustr .google_text {padding-top:0;} .content .google_search.fiche.illustr .google_text h4, .content .google_search .google_text h4 {background: url(typo/titre3_puce.gif) 8px 2px no-repeat;} .content .google_search h4 {margin:0 0 0 10px; padding:3px 0 3px 25px; color:#83a900; font-size:1em;} .content .google_search.fiche h4 {color:#00598f; font-size:1.166em; background:url(typo/square_blue2.gif) 8px 7px no-repeat;} .content .google_search.fiche h4 a {color:#00598f; } .content .google_search.fiche h4.new {color:#792b90; background-image:url(typo/square_purple.gif);} .content .google_search.fiche h4.new a {color:#792b90;} .content .google_search .google_text p {padding-left:37px;} .content .google_search .google_text ul {margin:0; padding:0;} .content .google_search .google_text ul li {clear:both;margin-left:0; padding-left:0; background:none;} .content .google_search .google_text form {display:none;} .content .google_search .google_text ul li .title {padding:0 0 0 35px; background:url(typo/puce_bleue_bg_gris.gif) 18px 3px no-repeat; color:#0093d6; font-weight:bold;} .content .google_search .google_text ul li ul {padding:5px 0; } .content .google_search .google_text ul li ul li {padding:0 0 1px 0;} .content .google_search .google_text ul li ul li a {display:block; padding:3px 0 3px 48px; color:#5a5a5a;} .content .google_search .google_text ul li ul li a:hover, .content .google_search .google_text ul li ul li.on a {background:#c3dfeb url(typo/arrow_blue.gif) 38px 7px no-repeat; color:#00598f; text-decoration:none;} .content .google_search .google_text ul li ul li ul {display:none;} .content .google_search .google_text ul li ul li.on ul {display:block; padding:5px 0 0 0;} .content .google_search .google_text ul li ul li.on ul li a {padding:0 0 3px 63px; background:none; color:#00598f; font-size:0.9166em;} .content .google_search .google_text .google_text_illustr {margin-bottom:10px; height:126px; background:#007ebb url(base/google_search_fiche_illustr_bg.gif) 0 100% repeat-x; text-align:center;} /*image script google*/ .content .google_search .google_img {float:right; width:273px; overflow:hidden;} .content .google_search .google_img .balloon {width:154px; background:#fff;} .content .google_search .google_img .balloon h4 {margin:0; padding:0; background:none; color:#0093d6; font-size:1em;} .content .google_search .google_img .balloon p {margin:0; padding:0;} .content .google_search .google_img .balloon .new {padding:0 0 0 38px; background:url(typo/balloon_new_bg.gif) 0 2px no-repeat; color:#92278f;} .content .google_search .google_img .balloon .new strong {padding:0 38px 0 0; background:url(typo/balloon_new_bg.gif) 100% 2px no-repeat;} /*block dessous*/ .content .google_search .google_contact ul {padding-left:20px;} .content .google_search .google_contact ul li {margin-left:30px; color:#5a5a5a;} .content .google_search .google_contact ul li strong {display:block;color:#00598f; font-weight:normal;} .content .google_search .google_contact ul li a {color:#5a5a5a;} /********************** CATALOGUE **********************/ /********************** EXPLORER **********************/ .content .explorer_catalogue_rest ul li.on {font-weight:bold;} .content .explorer_catalogue {position:relative; margin:0 0 0px 0; padding:40px 0 0 9px; width:683px; height:247px;background:url(base/explorer_catalogue.jpg) 0 0 no-repeat;} * html .content .explorer_catalogue {padding:40px 0 0 9px; width:677px;} .content .explorer_catalogue ul.explorer_title {overflow:visible;position:absolute; top:0px; left:0px; width:auto; height:auto;} .content .explorer_catalogue ul.explorer_title li {float:left; padding:2px 0 0 0; width:225px; color:#fff; font-size:14px; font-weight:bold; text-align:center;} .content .explorer_catalogue ul {overflow-y:scroll; overflow-x:visible; padding:0; margin:0; width:216px; height:180px; list-style:none;} .content .explorer_catalogue ul li {margin:0; padding:0 0 1px 0; background:none;} /*.content .explorer_catalogue ul ul {display:none; position:absolute; top:40px; left:226px; width:213px;} .content .explorer_catalogue ul .on ul {display:block;}*/ .content .explorer_catalogue ul li a {display:block; padding:2px 8px 2px 11px; color:#00598f;} .content .explorer_catalogue ul li a.odd {background:#dff1fa;} .content .explorer_catalogue ul li.on a, .content .explorer_catalogue ul li a:hover {background:#0093d6; color:#fff; text-decoration:none;} /*.content .explorer_catalogue ul li.on ul li a {padding-left:19px; background:url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat; color:#00598f;} .content .explorer_catalogue ul li.on ul li a.odd {background:#dff1fa url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat;} .content .explorer_catalogue ul li.on ul li.on a, .content .explorer_catalogue ul li.on ul li a:hover {padding-left:19px; background:#0093d6 url(typo/arrow_white.gif) 8px 6px no-repeat; color:#fff; text-decoration:none;} */ .content .explorer_catalogue ul.chapitres {position:absolute; top:40px; left:236px; width:213px;} .content .explorer_catalogue ul.chapitres li a {padding-left:19px; background:url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat; color:#00598f;} .content .explorer_catalogue ul.chapitres li a.odd {background:#dff1fa url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat;} .content .explorer_catalogue ul.chapitres li.on a, .content .explorer_catalogue ul.chapitresli a:hover {padding-left:19px; background:#0093d6 url(typo/arrow_white.gif) 8px 6px no-repeat; color:#fff; text-decoration:none;} .content .explorer_catalogue ul.rubriques li a {padding-left:19px; background:url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat; color:#00598f;} .content .explorer_catalogue ul.rubriques li a.odd {background:#dff1fa url(typo/arrow_blue_transparent.gif) 8px 6px no-repeat;} .content .explorer_catalogue ul.rubriques li.on a, .content .explorer_catalogue ul.rubriques li a:hover {background:#0093d6 url(typo/arrow_white.gif) 8px 6px no-repeat; color:#fff; text-decoration:none;} .content .explorer_catalogue ul.rubriques {position:absolute; top:40px;left:462px; width:212px;} .content .explorer_catalogue ul.rubriques ul {position:relative;top:0;left:0px;overflow:visible; padding:0; width:auto; height:auto;} .content .explorer_catalogue ul.rubriques li.on ul li {padding:0;} .content .explorer_catalogue ul.rubriques li.on ul li a {padding:1px 19px; background:url(typo/arrow_blue_little.gif) 8px 7px no-repeat;color:#00598f; font-size:11px;} .content .explorer_catalogue ul.rubriques li.on ul li.on a, .content .explorer_catalogue ul.rubriques li.on ul li a:hover {background:url(typo/arrow_blue_ciel.gif) 8px 7px no-repeat; color:#0093d6;} /*********************** Recherche index ***********************/ .content .synonyme_search {padding:0 0 20px 110px;} .content .nav_index {} .content .nav_index ul {text-align:center;} .content .nav_index ul li {display:inline; padding:0;background:none;} .content .nav_index ul li a, .content .nav_index ul li span {padding:0 7px;} .content .index_item {float:left; width:25%; padding:0 0 20px 30px;} /*********************** FICHE PRODUIT ***********************/ .content .sticker {float:left; padding:2px 0; width:59px; text-align:center;} .content .sticker.right {float:right;} .content .sticker p {margin:0;padding:0;} .content .sticker.sticker_promo {width:75px; background:#ee1c25 url(base/sticker_promo.gif) 0 0 no-repeat; color:#fff;} .content .sticker.sticker_ic {background:#e2f3fa url(base/sticker_ic.gif) 0 0 no-repeat; color:#00598f; font-weight:bold;} .content .fiche_produit .table_article .sticker.sticker_ic {background-image:url(base/sticker_ic_top.gif);} .content .fiche_produit .table_article .sticker p {margin:0;padding:0;} .content .fiche_produit .table_article div.legend {float:right;} .content .fiche_produit .table_article div.legend p {margin:0;padding:0;} .content img.legend {margin:0 5px 0 0; vertical-align:middle;} .content .fiche_produit_int {padding:0 0 10px 10px;} .content .fiche_produit .illustr {float:left; width:180px;} .content .fiche_produit .illustr .illustr_img {clear:both; border:solid 1px #d2d9df; text-align:center;} .content .fiche_produit .illustr .code_produit {color:#959595; font-size:0.916em;} .content .fiche_produit .text {float:left; width:380px;} .content .fiche_produit .text .text_int {padding:18px 20px 10px 20px;} .content .fiche_produit .text ul {margin:0; padding:0;} /*les articles du produit*/ .content .fiche_produit .table_article h3 {margin:0 0 10px 0; padding:8px 0 0 20px; background:url(typo/titre3_puce.gif) no-repeat 0pt 8px; color: #0093d6; font-size: 1.166em; line-height: 1.2em;} .content .fiche_produit .table_article p {margin:0; padding:0 0 17px 0;} .content .fiche_produit .table_article table {font-size: 0.9166em; position:relative;} * html .content .fiche_produit .table_article table {position:relative;} .content .fiche_produit .table_article table td {vertical-align:middle;} .content .fiche_produit .table_article table .even td {background:#e6e7e9;} .content .fiche_produit .table_article table .even.row_2 td {background:#f3f3f4;} .content .fiche_produit .table_article table .odd td {background:#d5f0fc;} .content .fiche_produit .table_article table .odd.row_2 td {background:#e6f7ff;} .content .fiche_produit .table_article table td.left {padding:0 10px; text-align:left;} .content .fiche_produit .table_article table td .input_text {width:30px; border:1px solid #0093d6; text-align:right;} .content .fiche_produit .table_article table td p {margin:0; padding:0;} .content .fiche_produit .table_article table tr.focus td {background:#e8feab;} .content .fiche_produit .table_article table tr.focus.row_2 td {background:#f1fecc;} .content table .promo, .content .fiche_produit .table_article table .promo {padding:0; color:#ed1c24; vertical-align:bottom;} .content table .promo.middle {vertical-align:middle;} .content table .promo a {display:block; padding:0 0 5px;color:#ed1c24; font-weight:normal;} .content table td .sticker.sticker_promo {padding:0;width:100%; background-image:none;} .content table th.checkbox {background:#83a900;} .content table td.checkbox {background:none; border:none;} .content table th.checkbox, .content table td.checkbox {padding:0; width:25px; border-bottom:none;} /*les produits complemataires*/ .content .fiche_produit .complementary_product .illustr {width:125px;} .content .fiche_produit .complementary_product h3 {margin-bottom:5px;} .content .fiche_produit .complementary_product h4 {padding-left:0; background:none; font-size:1em;} .content .fiche_produit .complementary_product h5 {margin:0 0 10px 0; padding:8px 0 0 20px; background:url(typo/titre3_puce.gif) no-repeat 0pt 8px; color: #0093d6; font-size: 1.166em; line-height: 1.2em;} /*Promotions*/ .content .promotions .fiche_produit.fiche_produit_js {padding:10px 0 0;} .content .promotions .fiche_produit .text .text_int {padding:0px 20px 10px 20px;} .content .promotions .promo_date {padding-bottom:10px; color:#ed1c24; font-size:1.25em;font-weight:bold;} /*********************** Bloc list de produit ***********************/ .list_product {margin:0 0 20px 5px;} .list_product .item {float:left; margin-left:17px; width:124px;} .list_product .item.first {margin-left:0;} .list_product .item h4 {margin:0; padding:0 0 5px 0; min-height:42px; background:none; color:#0093d6; font-size:1em;} * html .list_product .item h4 {height:42px;} .list_product .item h4 a {color:#0093d6;} .list_product .item .illustr_product {border:solid 1px #d5dbe0; text-align:center;} /*********************************** Commande par reference ************************************/ .catalogue .content .block_error {/*float:left;*/padding:20px 0 5px 0;} .catalogue .content .commander_par_ref .block_error {float:left;} .catalogue .content table {font-size: 0.9166em;} .catalogue .content .table_search_ref {margin-left:468px;} .content .table_search_ref table td, .content .table_search_ref table th {vertical-align:middle;} .content table td.libelle {width:468px; text-align:left;} .content .table_search_ref table .error {color:#ee1c24;} .content form table td .input_text {width:58px; border:solid 1px #ed1c24; font-size:1em; text-align:center;} .content form .table_search_ref table td .input_text {border:solid 1px #9aa5a4;} .catalogue .content form .submit {float:right; padding:0 150px 15px 0;} /*********************************** PANIER ************************************/ .content .panier table {margin:0;} .content .panier table th {padding:5px 0; border-top:none;border-bottom:none; background-image:url(base/td_panier_ligne.gif); background-position:0px 100%; background-repeat:repeat-x;} .content .panier table td {border-top:none; border-bottom:none; background-image:url(base/td_panier_ligne.gif); background-position:0px 100%; background-repeat:repeat-x;} .content .panier table th.checkbox {padding:0;} .content form .panier table td .input_text {width:30px; border:1px solid #0093d6;} .content .panier table td.libelle {width:300px;} .content .panier table td.checkbox {padding:0; background:url(base/td_checkbox_bg.gif) 2px 0 repeat-y;} .content .panier table th.checkbox div {padding:5px 0; background:url(base/td_checkbox_ligne.gif) -1px 100% no-repeat;} *+html .content .panier table th.checkbox div {background-position:-2px 100%;} * html .content .panier table th.checkbox div {background-position:-2px 100%;} .content .panier table td.checkbox div {padding:5px 0; background:url(base/td_checkbox_ligne.gif) 0px 100% no-repeat;} .content .panier table td .sticker {margin-bottom:2px;} .content form .panier .submit {float:left; padding:0 0 10px 13px;} .content .panier_action {padding:10px 0 0 0;} .content .panier_action .add_article {float:left; margin:0 90px 0 0;} .content .button {float:left; font-weight:bold; text-transform:uppercase;} .content .panier_action .print {margin:0 15px 0 0;} .content .button input {padding:0; background:none; border:none; color:#fff; font-weight:bold; text-transform:uppercase; font-family:arial;} .content .panier_action .button a, .content .button span.like_link {display:block; background:url(base/panier_button.gif) 0 0 no-repeat; color:#fff; text-decoration:none;} .content .button span.like_link span, .content .panier_action .button a span {display:block; padding:6px 15px 6px 17px; background:url(base/panier_button_right.gif) 100% 0 no-repeat;} .content .button span.like_link {width:110px; text-align:center;} .content .button span.like_link span {padding:5px 0;} .content .submit_alone {float:right;} /*page commande*/ .popup_print .header {height:auto;} .popup_print .header_int {height:auto;background:#fff;} .popup_print .header .logo {float:none; padding:0;} .popup_print .main {margin:0; width:600px;} .popup_print .content {float:left;width:400px;} .popup_print .aside {display:block; float:right;margin:0; padding:0;width:180px;} .popup_print .aside_int {margin:0; padding:0;width:auto;} .popup_print .aside ul {margin:0;padding:0;width:auto; list-style-type:none;} .popup_print .aside ul li {margin:0;padding:0 0 10px 0px;width:auto;} .popup_print .aside .item_int {margin:0;padding:0; width:auto;} .popup_print .footer {margin:0; width:600px; background:#fff;} /*bloc nav service*/ .aside ul li .item_header {background: url(base/aside_bot.gif) no-repeat 0 100%;} .aside ul li .bottom {background:url(base/aside_item_top.gif) no-repeat 0 0;} * html ul li .bottom {height: 1%;} .aside ul li p {padding-bottom: 7px;} .aside ul li p a {display: block; margin:0 0 0 10px; padding:9px 45px 0px 14px; color: #00598f; font-weight: bold; text-decoration: none;} .aside ul li .item_int {margin:0 0 0 15px; background:#fff url(base/aside_item_bg.jpg) repeat-x 0 100%; border:1px solid #cccccc; border-top:none; border-right:none;} .aside ul li .item_int p {background:none;} /*over*/ .aside ul li.on .item_header {background: url(base/aside_bot_on.gif) no-repeat 0 100%;} .aside ul li.on .bottom {background: url(base/aside_item_top_on.gif) no-repeat 0 0;} /*item compte*/ .aside .compte p {background: url(base/aside-compte.gif) no-repeat 100% 1px;} .aside .on .compte p {background: url(base/aside-compte_on.gif) no-repeat 100% 1px;} .aside .compte p a {background: url(typo/puce_bleue.gif) no-repeat 0 12px; font-size: 1.2em; color: #00598f;} .aside .compte p a:hover, .aside .compte p a:focus, .aside .on .compte p a {background: url(typo/puce_bleue_on.gif) no-repeat 0 12px; color: #0093d6;} /*logged*/ .aside .compte .item_int {padding: 5px 0 5px 5px;} .aside .compte .item_int span {color: #0093d6;font-weight: bold;} .aside .compte .item_int p {background-image: none;padding: 0;} .aside .compte .item_int p.identite {margin-bottom: 5px;} .aside .compte .item_int p a {padding: 0 0 0 10px;margin: 0;font-size: 1em;font-weight: normal;color: #5a5a5a;text-decoration: underline; background: url(typo/compte_log_puce.gif) no-repeat 0 4px;} .aside .compte .item_int p a:hover, .aside .compte .item_int p a:focus {text-decoration: none;} /*not logged*/ .aside .compte.create .item_int {padding:0; /*background: url(base/compte_bg.gif) 0 0 repeat-y;*/} .aside .compte.create .item_int div {background:url(base/compte_bottom.gif) 0 100% no-repeat;} .aside .on .compte.create .item_int p, .aside .compte.create .item_int p {padding:15px 0 15px; background:url(base/compte_top.gif) 0 0 no-repeat; text-align:center;} .aside .on .compte.create .item_int p a, .aside .compte.create .item_int p a {padding: 0 10px 2px 4px; background-image: none; color: #fff; font-weight: bold; font-size: 1.1em;text-transform: uppercase; text-decoration:none;} .aside .on .compte.create .item_int div {background-image:url(base/compte_bottom_on.gif);} .aside .on .compte.create .item_int p {background-image:url(base/compte_top_on.gif)} /*compte catalogue*/ .aside .compte .item_int .block_header {margin:0 0 8px 0;color:#00598f; font-size:1.0833em;} .aside .compte .item_int p span a {padding:0; margin: 0; color: #0093d6; text-decoration: none; background:none;} .aside .compte.block_catalogue .item_int {padding:8px 0px 8px 8px; background:#fff url(base/aside_block_catalogue_bg.jpg) repeat-x 0 100%; border:1px solid #cccccc; } .aside .compte.block_catalogue .item_int p a {display:none;}