body { background-color:#FFF; background-image:url('../images/html.jpg'); font-family:Arial, Helvetica; } body input, textarea { font-family:Arial, Helvetica; } .spacer { border:medium none !important; clear:both !important; float:none !important; font-size:1px !important; height:1px !important; line-height:1px !important; margin:0 0 -1px !important; padding:0 !important; visibility:hidden !important; } .waiting { width:100%; height:100%; position:absolute; background:#FFFFFF url('../images/130.gif') no-repeat center center; } #login { width:500px; height:230px; background-image:url('../images/main_background.png'); margin:auto; margin-top:200px } #login #top { width:100%; height:40px; background-image:url('../images/main_background.jpg'); } #login #top img { margin:8px; } #login #content { width:300px; margin:auto; } #login #content input { width:100%; margin-top:20px;border:solid 1px #919191; border-radius:2px; padding:4px; font-size:16px; color:#FFF } #login #login_btn { float:right; margin-top:15px; } .button { width:116px; height:25px; background-image:url('../images/base_button.png'); background-position:bottom; cursor:pointer; text-align:center; font-size:16px; padding-top:5px; color:#38383c;text-shadow:0 1px 0 #FFFFFF } .button:hover { background-position:top; } input[type=password], textarea, input[type=text] { border-radius:3px; padding:3px; font-size:12px; border:1px solid #282828; border-bottom:1px solid #616161; background:#353535; color:white; box-shadow:0 0 5px 1px #8a8a8a inset; } input[type=password]:hover, textarea:hover, input[type=text]:hover { border:1px solid #5488ba; border-bottom:1px solid #7cb3e8; box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #5488ba; -webkit-box-shadow:0 0 5px 1px #000000 inset, 0 0 5px 1px #5488ba; } #top_bar { position:absolute; top:0px; left:0px; width:100%; height:30px; background-image:url('../images/main_background.jpg'); } #top_bar .content { width:900px; position:relative; margin:auto; } #top_bar .content #login_info { position:absolute; left:0px; top:5px; background-image:url('../images/user_infos.png'); height:24px; padding-left:35px; background-repeat:no-repeat; color:#FFF; font-size:12px; padding-top:9px; } #top_bar .content #orders_info { position:absolute; right:80px; top:5px; background-image:url('../images/orders.png'); height:24px; padding-left:30px; background-repeat:no-repeat; color:#FFF; font-size:12px; padding-top:9px; z-index:99; cursor:pointer } #top_bar .content #basket_info { position:absolute; right:0px; top:5px; background-image:url('../images/basket.png'); height:24px; padding-left:30px; background-repeat:no-repeat; color:#FFF; font-size:12px; padding-top:9px; z-index:99; cursor:pointer } #top_bar .content #basket_indicator { position:absolute; right:-5px; top:5px; background-image:url('../images/basket_indicator.png'); height:15px; width:15px; display:inline-block; z-index:80; font-size:12px; font-weight:bold; text-align:center; color:#FFF; padding-top:1px; background-repeat:no-repeat } #main { width:900px; min-height:600px; margin:auto; margin-top:45px; position:relative; padding:10px; background-image:url('../images/main_background.png');-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; } #main .logo { width:350px; cursor:pointer; } .menu_item { width:555px; height:81px; margin:auto; margin-top:50px; background-image:url('../images/menu_item.png'); position:relative; cursor:pointer; background-position:top; } .menu_item:hover { background-position:bottom; } .menu_item img { position:absolute; top:10px; left:10px; cursor:pointer; } .menu_item label { position:absolute; top:20px; left:80px; font-size:15px; font-weight:bold; color:#FFF; cursor:pointer; } #footer { width:900px; margin:auto; } #footer .maqprint { float:right; background-image:url('../images/maqprint.png'); padding-right:60px; font-size:8px;height:20px; background-repeat:no-repeat; background-position:right; padding-top:10px; color:#000 } #dynamic_area { padding-top:20px; } #dynamic_area .jou_label { font-size:12px; } #fam_select { float:right; position:relative; } #fam_select #add_family { position:absolute; width:16px; height:16px; right:0px; top:0px; cursor:pointer; background-image:url('../images/add_family.png'); } #add_family_form { width:300px; margin:auto; text-align:center; } #add_family_form input[type=text] { width:250px; } #pic_area { float:left; width:200px; } #pic_area #main_pic { width:200px; text-align:center; } #pic_area #main_pic img { width:200px } #pic_area #img_list { padding:0px; margin:0px; list-style:none; width:150px; margin:auto; } #pic_area #img_list li { display:inline-block; width:50px; height:50px; cursor:pointer; position:relative } #pic_area #img_list li .delete_img { width:16px; height:16px; position:absolute; right:0px; top:0px; background-image:url('../images/delete_page.png'); } #pic_area #img_list li img { width:50px; height:50px; } #jou_area { float:left; width:500px; } #jou_area ul { list-style:none; margin:0px; padding:0px } #jou_area #jou_ref { width:300px; } #jou_area #jou_lettre { width:50px; } #jou_area #reference { position:relative; } #jou_area #lettre { position:absolute; top:0px; right:0px; width:180px; } #jou_area textarea { width:100%; resize:none } #search_jouet { text-align:center; position:relative; } #search_jouet #add_jouet { width:155px; height:20px; font-size:12px; margin-left:10px; margin-bottom:5px; background-image:url('../images/add_page.png'); padding-left:25px; padding-top:5px; background-repeat:no-repeat; background-position:top; cursor:pointer; color:#B6B6B6; text-align:left; position:absolute; top:0px; right:0px; } #search_jouet #add_jouet:hover { background-position:bottom; } #infos_area { float:left; width:200px; position:relative; } #infos_area #delete_jou { position:absolute; top:-30px; right:5px; height:25px; background-image:url('../images/delete_pdf.png'); background-repeat:no-repeat; cursor:pointer; color:red; padding-left:28px; padding-top:8px; } #prov_logos { width:140px; margin:auto; } #prov_logos .prov_logo { width:60px; height:60px; background-position:top; cursor:pointer; float:right; margin:5px; } #eu { background-image:url('../images/UE.png'); } #fr { background-image:url('../images/FR.png'); } #prov_logos .selected { background-position:bottom; } #genre { width:180px; margin:auto } #genre .genre_logo { width:60px; height:60px; background-position:top; cursor:pointer; float:right; } #men { background-image:url('../images/men.png'); } #mixte { background-image:url('../images/mixte.png'); } #women { background-image:url('../images/women.png'); } #genre .selected { background-position:bottom; } #marques { width:150px; margin:auto } #mar_nom { width:100% } #mar_nom select { width:100%; text-align:center; } #mar_logo { width:100%; height:80px; margin-bottom:10px; } .remove_item { width:16px; height:16px; background-image:url('../images/remove_item.png'); cursor:pointer; } .add_item { width:16px; height:16px; background-image:url('../images/add_item.png'); cursor:pointer; } .move_item { width:16px; height:16px; background-image:url('../images/move_item.png'); cursor:pointer; } .pagelem_number { width:20px !important; position:absolute; top:3px; left:90px; } .add_catalog { position:absolute; left:12px; top:12px; } .delete_catalog { position:absolute; left:12px; top:12px; } .status { position:absolute; right:12px; top:9px } .pending { width:25px; height:25px; background-image:url('../images/pending.png'); } .in_basket { width:25px; height:25px; background-image:url('../images/in_basket.png'); } .ordered { width:25px; height:25px; background-image:url('../images/ordered.png'); } .edit_item { height:18px; width:80px; background-image:url('../images/edit_item.png'); background-position:top; cursor:pointer; text-align:center; padding-top:4px; font-size:12px; background-repeat:no-repeat; color:#555; text-shadow:0 1px 0 #FFFFFF } .edit_item:hover { background-position:bottom; color:#FFF; text-shadow:0 1px 0 #555 } .cat_edit { position:absolute; top:10px; right:47px; } #catalogs { padding:0px; margin:0px; list-style:none; width:500px; margin:auto; } #catalogs li { padding:5px; height:35px; background-image:url('../images/cata_background.jpg'); position:relative; } #catalogs li input { width:300px; height:25px; font-size:14px; background-color:#555555; font-weight:bold; margin-left:45px; } #catalog { width:800px; border:solid 5px #565656; margin:auto; } #catalog_infos { float:right; width:200px; height:100%; /*background-color:#32363d;*/ background-color:#565656; } #catalog_infos ul { list-style:none; padding:0px; margin:0px; } #catalog_infos .headers { width:197px; font-size:12px; display:inline-block; height:15px; background-image:url('../images/header_background.png'); padding:2px; font-weight:bold; color:#b6b6b6; padding-left:5px; margin-top:15px; } #catalog_infos .top { margin-top:0px !important; } #catalog_infos .m_top { margin-top:5px; margin-left:5px; } #catalog_infos input[type=text] { background-color:#565656; border:solid 1px #000; width:185px; } #catalog_infos select { width:185px; } #catalog_infos .cat_infos_label { font-size:12px; color:#d1cece } #catalog_infos #add_page_btn { width:155px; height:20px; font-size:12px; margin-left:10px; margin-bottom:5px; background-image:url('../images/add_page.png'); padding-left:25px; padding-top:5px; background-repeat:no-repeat; background-position:top; cursor:pointer; color:#B6B6B6; } #catalog_infos #add_page_btn:hover { background-position:bottom; } #catalog_infos #toolbar { margin-left:5px; width:195px; height:40px; background-image:url('../images/toolbar_bg.png'); margin-top:10px; } #catalog_infos #toolbar ul { margin:0px; padding:0px; list-style:none; margin-left:5px } #catalog_infos #toolbar ul li { float:left; height:40px; width:60px; background-image:url('../images/toolbar_btn.png'); margin:0px; padding:0px; cursor:pointer } #catalog_infos #toolbar ul li:hover { background-image:url('../images/toolbar_hover.png'); } #catalog_infos #toolbar ul .sep { height:40px; background-image:url('../images/toolbar_sep.png'); width:1px; cursor:default } #catalog_infos #toolbar ul .sep:hover{ background-image:url('../images/toolbar_sep.png'); } #catalog_infos #toolbar .create_pdf { width:30px; height:30px; margin:auto; margin-top:5px; background-image:url('../images/create_pdf.png'); background-position:top; } #catalog_infos #toolbar .create_pdf:hover { background-position:bottom; } #catalog_infos #toolbar .add_basket { width:30px; height:30px; margin:auto; margin-top:5px; background-image:url('../images/add_basket.png'); background-position:top; } #catalog_infos #toolbar .add_basket:hover { background-position:bottom; } #catalog_infos #toolbar .download_pdf { width:30px; height:30px; margin:auto; margin-top:5px; background-image:url('../images/download_pdf.png'); background-position:top; } #catalog_infos #toolbar .download_pdf:hover { background-position:bottom; } #catalog_infos #toolbar #download_pdf { text-align:center } #catalog_infos #toolbar #download_pdf img { margin:auto; margin-top:5px; } .file_upload { margin:10px; position:relative; } .file_upload .file_preview { width:500px; height:500px; border:solid 1px #CCC; text-align:center ;margin:auto; padding:5px; } .file_upload .delete_file { position:absolute; top:5px; right:5px; width:25px; height:25px; background-image:url('../images/delete_pdf.png'); cursor:pointer } #catalog_pages { float:left; height:100%; width:600px; position:relative; } #catalog_pages .catalog_pages { list-style:none; padding:15px; padding-top:10px; } #catalog_pages .catalog_pages li { display:inline-block; width:60px; height:87px; border:solid 1px #b0b0b0; margin:0px; cursor:pointer; position:relative; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-shadow: -1px 1px 2px 0px #656565; -webkit-box-shadow: -1px 1px 2px 0px #656565; -o-box-shadow: -1px 1px 2px 0px #656565; box-shadow: -1px 1px 2px 0px #656565; } .catalog_pages .pair { margin-left:10px !important; } .catalog_pages li .list_ref { width:100%; height:100%; overflow:hidden; padding:1px } .catalog_pages li .list_ref img { max-width:60px; max-height:85px; } .cat_pag_num { display:inline-block; width:100%; text-align:center; margin-top:1px; font-size:10px; font-style:italic } #catalog_pages .delete_page { width:16px; height:16px; position:absolute; right:-5px; top:-5px; background-image:url('../images/delete_page.png'); cursor:pointer; display:none; } #tiny_header { } #tiny_header h1 { float:left; padding:0px; margin:0px; font-size:16px; color:#555555; } .tabs { padding:0px; margin:0px; list-style:none; border-bottom:solid 1px; border-left:solid 1px; border-color:#999999; width:700px; margin-top:10px; } .tabs li { width:100px; height:20px; display:inline-block; border-left:solid 1px; border-top:1px solid; border-right:solid 1px; margin:-1px;border-color:#999999; } .tabs li a { border:1px solid #FFFFFF; color:#000000; display:block; font-size:12px; text-decoration:none;text-align:center; padding-top:5px; background-color:#E0E0E0; font-weight:normal; font-family:Helvetica, Arial; } .tabs li a:hover { background-color:#CCCCCC; } .tabs li.active { border-bottom:solid 1px #FFF; font-weight:bold; } .tabs li.active a { background-color:#FFF } .tabs li.active a:hover { color:#000 } .tabs_content { border-style:none solid solid solid; border-color:#999999; border-width:1px; height:700px; width:700px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; overflow-x:hidden; overflow-y:auto; padding-top:10px; position:relative; } .jou_list { margin:0px; padding:0px; list-style:none; } .jou_list li { display:inline-block; width:50px; font-size:12px; } /** TINY BOX **/ .tbox { position:absolute; display:none; padding:14px 17px; z-index:900; } .tinner { padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333; } .tmask { position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800; } .tclose { position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat; } .tclose:hover { background-position:0 -30px; } .typ_fiche { width:300px!important; } .jou_ref { width:90px!important; } .bandeau .jou_ref { width:120px!important; } #addpag_elem { width:120px!important; } #pag_elems .bandeau_btn { width:16px; height:16px; position:absolute; left:10px; top:6px; background-image: url("../images/bandeau_btn.png"); cursor:pointer; background-position:top; } #pag_elems .active { background-position:bottom; } #pag_elems { list-style:none; padding:0px; margin:0px; width:480px; margin-left:10px; } #pag_elems li { position:relative; background-image: url("../images/page_item_background.png"); background-repeat:repeat-x; border-bottom:1px solid #B6B6B6; height:23px; margin:0px; padding:3px; text-align: center; } #pag_elems .row_1 { border-left:solid 8px orange; } #pag_elems .row_2 { border-left:solid 8px purple; } #pag_elems .row_3 { border-left:solid 8px blue; } #pag_elems .row_4 { border-left:solid 8px yellow; } #pag_elems .row_5 { border-left:solid 8px green; } #pag_elems li input { background-color:#565656; width:180px; text-align:center; } #pag_elems li #addpag_elem { width:260px; } #pag_elems li .editpag_item { position:absolute; right:10px; top:6px; } #pag_elems li .movepag_item { position:absolute; left:8px; top:6px; } #pag_elems .bandeau { background-image: url("../images/bandeau_background.png") !important; } #pag_elems .bandeau input { background-color:#6f9add !important; width:260px } #pag_elems .link { width:16px; height:16px; position:absolute; left:30px; top:6px; cursor:pointer; z-index:999 } #pag_elems .link_add { background-image: url("../images/add_link.png"); } #pag_elems .link_drop { background-image: url("../images/link_drop.gif") !important; z-index:500 } #pag_elems .link_remove { } #pag_elems .link_group_1 { background-image: url("../images/remove_link_1.png"); } #pag_elems .link_group_2 { background-image: url("../images/remove_link_2.png"); } #pag_elems .link_group_3 { background-image: url("../images/remove_link_3.png"); } #pag_elems .link_group_4 { background-image: url("../images/remove_link_4.png"); } #pag_elems .link_group_5 { background-image: url("../images/remove_link_5.png"); } #pag_elems .link_group_6 { background-image: url("../images/remove_link_6.png"); } #pag_elems .link_group_7 { background-image: url("../images/remove_link_7.png"); } #pag_elems .link_group_8 { background-image: url("../images/remove_link_8.png"); } #pag_elems .link_group_9 { background-image: url("../images/remove_link_9.png"); } #pag_elems .link_group_10 { background-image: url("../images/remove_link_10.png"); } #pag_elems .jou_office { width:16px; height:16px; position:absolute; left:60px; top:6px; background-image: url("../images/jou_office.png"); background-position:bottom; cursor:pointer } #pag_elems .selected { background-position:top !important; } #background_choice { width:200px; height:97%; position:absolute; top:10px; right:10px; text-align:right; } #background_choice ul { margin:0px; padding:0px; list-style:none; } #background_choice ul li { display:inline-block; margin:2px; cursor:pointer; box-shadow: -1px 1px 2px 0 #656565; padding:2px; height:120px; } #background_choice ul .selected { background-color:green; } #background_choice ul li img { width:83px; height:120px; } #pag_elems .participation { width:75px; position:absolute; right:35px; top:3px; text-align:right; } #pag_elems .participation .price { width:40px; float:right; } #pag_elems .participation .picto { float:left; height:20px; width:20px; background-image: url("../images/participation.png"); cursor:pointer; } #pag_elems .active { opacity:1; } #pag_elems .unactive { opacity:0.3; } #pag_elems .coup_coeur { width:16px; height:16px; position:absolute; right:116px; top:6px; background-image: url("../images/jou_coeur.png"); background-position:bottom; cursor:pointer } #pag_elems .jou_larger { width:16px; height:16px; position:absolute; right:140px; top:6px; background-image: url("../images/jou_larger.png"); background-position:bottom; cursor:pointer } .pag_content { font-size:8px; text-align:center; } #create_pdf { margin-left:5px;} #pdf_result { float:right; } #fic_infos { position:absolute; top:0px; right:5px; width:260px; margin:0px; padding:0px; list-style:none } #fic_infos li { margin:5px; } #fic_ban { margin-top:5px; width:220px; } #fic_fon ul { margin:0px; padding:0px; list-style:none; } #fic_fon ul li { display:inline-block; margin:2px; cursor:pointer; box-shadow: -1px 1px 2px 0 #656565; padding:2px; height:120px; } #fic_fon ul .selected { background-color:green; } #fic_fon ul li img { width:83px; height:120px; } /** FONDS **/ .fd1 { background-image: url("../../images/jpg/fonds/thumbs/fd1.jpg"); background-repeat:no-repeat; background-size: cover;} .fd2 { background-image: url("../../images/jpg/fonds/thumbs/fd2.jpg"); background-repeat:no-repeat; background-size: cover;} .fd3 { background-image: url("../../images/jpg/fonds/thumbs/fd3.jpg"); background-repeat:no-repeat; background-size: cover;} .fd4 { background-image: url("../../images/jpg/fonds/thumbs/fd4.jpg"); background-repeat:no-repeat; background-size: cover;} .fd5 { background-image: url("../../images/jpg/fonds/thumbs/fd5.jpg"); background-repeat:no-repeat;background-size: cover; } .fd6 { background-image: url("../../images/jpg/fonds/thumbs/fd6.jpg"); background-repeat:no-repeat;background-size: cover } .fd7 { background-image: url("../../images/jpg/fonds/thumbs/fd7.jpg"); background-repeat:no-repeat;background-size: cover } .fd8 { background-image: url("../../images/jpg/fonds/thumbs/fd8.jpg"); background-repeat:no-repeat;background-size: cover } .fd9 { background-image: url("../../images/jpg/fonds/thumbs/fd9.jpg"); background-repeat:no-repeat;background-size: cover } .fd10 { background-image: url("../../images/jpg/fonds/thumbs/fd10.jpg"); background-repeat:no-repeat;background-size: cover } .fd11 { background-image: url("../../images/jpg/fonds/thumbs/fd11.jpg"); background-repeat:no-repeat;background-size: cover } .fd12 { background-image: url("../../images/jpg/fonds/thumbs/fd12.jpg"); background-repeat:no-repeat;background-size: cover } .fd13 { background-image: url("../../images/jpg/fonds/thumbs/fd13.jpg"); background-repeat:no-repeat;background-size: cover } .fd14 { background-image: url("../../images/jpg/fonds/thumbs/fd14.jpg"); background-repeat:no-repeat;background-size: cover } .fd15 { background-image: url("../../images/jpg/fonds/thumbs/fd15.jpg"); background-repeat:no-repeat;background-size: cover } .fd16 { background-image: url("../../images/jpg/fonds/thumbs/fd16.jpg"); background-repeat:no-repeat;background-size: cover } .fd20 { background-image: url("../../images/jpg/fonds/thumbs/fd20.jpg"); background-repeat:no-repeat;background-size: cover } .fd22 { background-image: url("../../images/jpg/fonds/thumbs/fd22.jpg"); background-repeat:no-repeat;background-size: cover } .fd23 { background-image: url("../../images/jpg/fonds/thumbs/fd23.jpg"); background-repeat:no-repeat;background-size: cover } .fd24 { background-image: url("../../images/jpg/fonds/thumbs/fd24.jpg"); background-repeat:no-repeat;background-size: cover } .fd25 { background-image: url("../../images/jpg/fonds/thumbs/fd25.jpg"); background-repeat:no-repeat;background-size: cover } .fd26 { background-image: url("../../images/jpg/fonds/thumbs/fd26.jpg"); background-repeat:no-repeat;background-size: cover } .fd27 { background-image: url("../../images/jpg/fonds/thumbs/fd27.jpg"); background-repeat:no-repeat;background-size: cover } .fd28 { background-image: url("../../images/jpg/fonds/thumbs/fd28.jpg"); background-repeat:no-repeat;background-size: cover } .fd29 { background-image: url("../../images/jpg/fonds/thumbs/fd29.jpg"); background-repeat:no-repeat;background-size: cover } .fd210 { background-image: url("../../images/jpg/fonds/thumbs/fd210.jpg"); background-repeat:no-repeat;background-size: cover } .fd211 { background-image: url("../../images/jpg/fonds/thumbs/fd211.jpg"); background-repeat:no-repeat;background-size: cover } .fd212 { background-image: url("../../images/jpg/fonds/thumbs/fd212.jpg"); background-repeat:no-repeat;background-size: cover } .fd213 { background-image: url("../../images/jpg/fonds/thumbs/fd213.jpg"); background-repeat:no-repeat;background-size: cover } .fd214 { background-image: url("../../images/jpg/fonds/thumbs/fd214.jpg"); background-repeat:no-repeat;background-size: cover } .f0-1 { background-image: url("../../images/jpg/fonds/thumbs/f0-1.jpg"); background-repeat:no-repeat;background-size: cover } .f0-2 { background-image: url("../../images/jpg/fonds/thumbs/f0-2.jpg"); background-repeat:no-repeat;background-size: cover } .f2-1 { background-image: url("../../images/jpg/fonds/thumbs/f2-1.jpg"); background-repeat:no-repeat;background-size: cover } .f2-2 { background-image: url("../../images/jpg/fonds/thumbs/f2-2.jpg"); background-repeat:no-repeat;background-size: cover } .f4-1 { background-image: url("../../images/jpg/fonds/thumbs/f4-1.jpg"); background-repeat:no-repeat;background-size: cover } .f4-2 { background-image: url("../../images/jpg/fonds/thumbs/f4-2.jpg"); background-repeat:no-repeat;background-size: cover } .f6-1 { background-image: url("../../images/jpg/fonds/thumbs/f6-1.jpg"); background-repeat:no-repeat;background-size: cover } .f9-1 { background-image: url("../../images/jpg/fonds/thumbs/f9-1.jpg"); background-repeat:no-repeat;background-size: cover } .f9-2 { background-image: url("../../images/jpg/fonds/thumbs/f9-2.jpg"); background-repeat:no-repeat;background-size: cover } .f11-1 { background-image: url("../../images/jpg/fonds/thumbs/f11-1.jpg"); background-repeat:no-repeat;background-size: cover } .f11-2 { background-image: url("../../images/jpg/fonds/thumbs/f11-2.jpg"); background-repeat:no-repeat;background-size: cover } .goback { margin-left:30px; font-size:12px; color:#000; cursor:pointer; margin-bottom:10px; } /** BASKET **/ #basket { width:100%; font-size:12px; } #basket .disable { opacity:0.5 } #basket .bg_1 { background-color:#F4F4F1 } #basket .price { font-weight:bold; color:#e4a301; font-size:12px; } #basket .remove_bas_btn { cursor:pointer } #basket #total_price { font-size:14px; } #basket #total_price_info { font-weight:bold } #basket .bas_delete { text-align:center; border-bottom:1px dashed #BBBBBB; } #basket .bas_delete img { cursor:pointer; margin:auto; } #basket .cat_name { text-align:left; border-bottom:1px dashed #BBBBBB; width:150px; } #basket .format { text-align:center; border-bottom:1px dashed #BBBBBB; width:50px; } #basket .nb_pages { text-align:center; border-bottom:1px dashed #BBBBBB; width:50px; } #basket .cat_name { text-align:left; border-bottom:1px dashed #BBBBBB; width:150px; } #basket .bas_qte { text-align:center; border-bottom:1px dashed #BBBBBB; width:150px; } #basket .bas_qte input { width:70px; text-align:center } #basket .prt_id { text-align:center; border-bottom:1px dashed #BBBBBB; width:150px; } #basket .price_info { text-align:right; } #basket .price { text-align:right; width:150px;} #basket th { font-weight:bold; color:#555555; text-shadow:0 1px 0 #CCCCCC; border-bottom:1px solid #BBBBBB; } #basket #print_line .price_info { border-bottom:1px dashed #BBBBBB } #basket #print_line .price { border-bottom:1px dashed #BBBBBB } #basket_btn { float: right; position:relative; margin-top:20px; text-align:right; padding-right:16px; width:100px; font-size:14px; height:22px; padding-top:8px; font-weight:bold } #usr_mail { width:200px; } #bas_mail { float:left; width:300px; } #date_liv { float:right; width:200px; height:140px; margin-top:10px; } .ui-widget { font-size:10px !important; } .ui-datepicker { width:auto !important; } .btn-show { cursor:pointer; display:inline-block; margin-bottom:-5px; margin-left:20px; height:22px; line-height:22px; font-weight:bold; width:auto; padding:0 2px; text-align:center; min-width:35px; max-width:75px; overflow:hidden; background:#e4a301 url("../images/show.png") no-repeat center center; color:#FFFFFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);} .btn-modif { cursor:pointer; display:inline; margin-right:20px; text-decoration:underline; width:auto; } .btn-pdf { margin-left:20px; } /** ORDERS **/ #orders { width:100%; border:solid 1px #CCC; padding:2px; } #orders .order { font-weight:bold; height:20px; background-image: url("../images/toolbar_hover.png"); } #orders .bas_header { font-size:12px; } #orders .bas_header td { border-bottom:1px dashed #BBBBBB; } #orders .basket { font-size:12px; font-style:italic } #orders .bg_1 { background-color:#dcdcdc } /** COUV **/ #couv_elems { margin:5px; } #couv_elems textarea { resize:none; width:300px; height:150px; } #couv_elems .logo_preview { margin-top:10px; border:solid 1px #CCC; padding:2px; text-align:center; width:350px; margin-bottom:10px; } #couv_elems .logo_preview img { max-height:150px; max-width:200px; } .couv_1-1 { background-image: url("../../images/jpg/couv/thumbs/couv_1-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_2-1 { background-image: url("../../images/jpg/couv/thumbs/couv_2-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_3-1 { background-image: url("../../images/jpg/couv/thumbs/couv_3-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_4-1 { background-image: url("../../images/jpg/couv/thumbs/couv_4-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_5-1 { background-image: url("../../images/jpg/couv/thumbs/couv_5-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_6-1 { background-image: url("../../images/jpg/couv/thumbs/couv_6-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_7-1 { background-image: url("../../images/jpg/couv/thumbs/couv_7-1.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_1-4 { background-image: url("../../images/jpg/couv/thumbs/couv_1-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_2-4 { background-image: url("../../images/jpg/couv/thumbs/couv_2-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_3-4 { background-image: url("../../images/jpg/couv/thumbs/couv_3-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_4-4 { background-image: url("../../images/jpg/couv/thumbs/couv_4-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_5-4 { background-image: url("../../images/jpg/couv/thumbs/couv_5-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_6-4 { background-image: url("../../images/jpg/couv/thumbs/couv_6-4.jpg"); background-repeat:no-repeat; background-size: cover;} .couv_7-4 { background-image: url("../../images/jpg/couv/thumbs/couv_7-4.jpg"); background-repeat:no-repeat; background-size: cover;} #selected_liv { float:left; height:150px; margin-top:60px; width:400px; } .liv_info { cursor:pointer; font-size:13px; color:#5E6066; padding:3px; height:100px } .liv_info:hover { background-color:#99c4d6; color:#FFF } .con_info { cursor:pointer; font-size:13px; color:#5E6066; font-style:italic; margin-top:5px; padding:3px; height:20px; } .con_info:hover { background-color:#99c4d6; color:#FFF } .no_adr { height:64px; width:64px; margin:auto; margin-top:20px; background-image:url('../images/missing_liv.png') } .no_con { height:25px; width:25px; margin:auto; background-image:url('../images/missing_con.png') } .info_search { border:1px solid #CCCCCC !important; height:15px !important; margin-bottom:5px !important; margin-top:10px !important; padding-left:25px !important; width:200px !important; background-image:url('../images/search.png') !important; background-repeat:no-repeat !important; } #coms { float:right; height:150px; margin-top:60px; width:400px; } #coms textarea { resize:none; width:98%; height:95% } .add_form { list-style:none; padding:0px; margin:0px; margin-top:15px; width:100% !important; margin-left:70px !important; margin-top:20px !important; } .add_form li { text-align:left; padding-left:10px; font-size:12px; margin-top:2px; color:#5E6066; height:15px; padding-top:5px; border-bottom:solid 0.5px #CCC; cursor:pointer; background-image:none !important; height:auto !important; padding:0px !important; border:none !important; } .add_form li .label { display:inline-block; width:200px; } .add_form li input { border:solid 1px; width:250px; } #pays { width:250px; } #poputitle { text-align:center; color:#666; } #adr_result { border:solid 1px #d5d5d5; height:280px; overflow-y:auto; overflow-x:hidden; } #adr_result ul { list-style:none; padding:0px; margin:0px; font-size:12px; text-align:left; width:270px; margin:5px; } .liv ul li { padding:5px; height:80px; padding-left:60px; background-image:url('../images/livraison.png'); background-repeat:no-repeat; cursor:pointer; position:relative; } .liv ul li:hover { background-color:#e3e2e2; } .liv ul li .edit_elem { position:absolute; right:5px; top:5px; height:16px; width:16px; background-image:url('../images/update_adress.png'); } #adr_result .list_left { float:left; } #adr_result .list_right { float:right; } #con_result { border:solid 1px #000; height:280px; overflow-y:auto; overflow-x:hidden; } #con_result ul { list-style:none; padding:0px; margin:0px; font-size:12px; text-align:left; width:270px; margin:5px; } #con_result ul li { padding:5px; height:40px; padding-left:60px; background-image:url('../images/contact.png'); background-repeat:no-repeat; cursor:pointer } #con_result ul li:hover { background-color:#e3e2e2; } #con_result .list_left { float:left; } #con_result .list_right { float:right; } .add_info { width:100px; height:19px; background-image:url('../images/add_info.png'); background-position:top; cursor:pointer; float:right; font-size:12px; font-weight:bold; text-align:center; padding-top:3px; color:#2d5c24; margin-top:8px } .add_info:hover { background-position:bottom; } .no_print_list { text-align:left; margin-left:200px; margin-top:20px; margin-bottom:20px; } .no_print_list ul { list-style:none; padding:0px; margin:0px; } .no_print_list ul li { display:inline-block } .add-order { } .add-order label { width:100%; text-align:center; font-size:18px; display:inline-block; font-weight:bold; font-style:italic } .add-order ul { margin:0px; padding:0px; margin-top:25px; list-style:none; } .add-order ul li { text-align:center; margin-top:20px; } .add-order ul label { font-size:14px; font-weight:normal; font-style:normal } .add-order ul input[type='text']{ width:250px; text-align:center; } .add-order #debug { margin-top:10px; text-align:center; } #close_order { margin:auto; margin-top:20px; } /** CARDS **/ #cards-list { margin:40px auto; padding:0; list-style:none; text-align:center; } #cards-list li { display:inline-block; cursor:pointer; width:auto; } #cards-list li img { border:1px solid #999999; max-width:350px; margin:auto 40px; } #pages-list { margin:0; padding:0; list-style:none; text-align:center; border-bottom:0px solid #000000; } #pages-list img { border:1px solid #999999; max-width:390px; } #pages-list label { display:block; width:96%; padding:1% 2%; font-weight:bold; text-align:left; font-size:1.2em; border-bottom:0px solid #000000; border-top:0px solid #000000; background:#999999; color:#FFFFFF; margin:2% auto; border-radius:10px; } #pages-list div.half { display:inline-block; width:48%; text-align:right; vertical-align:middle; position:relative; } #pages-list label.label-small { background:transparent; color:#333333; font-weight:normal; font-size:1em; } #zones-list { margin:0; padding:0; list-style:none; text-align:center; } #zones-list li { display:block; width:100%; margin:10px auto; } #zones-list li textarea { display:block; width:90%; height:90px; } #zones-list li img { max-width:180px; max-height:100px; } #zones-list li div.half { display:inline-block; width:49%; text-align:center; } .page_preview { /*border-left:1px dashed #000000;*/ } .refresh-btn { z-index:100; display:block; position:absolute; left:50%; width:80px; height:80px; cursor:pointer; margin:0 auto; margin-top:-5px; margin-left:-40px; background:#FFFFFF url('../images/refresh.png') no-repeat center center; border-radius:40px; border:1px solid #666666; overflow:hidden; } .refresh-btn:hover { background-color:#999999; } textarea.zone_texte { resize:none; } #basket_btn.to_wait { margin-bottom:30px; } .breadcrumb { margin-top:-20px; font-size:12px; } .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover { background:#FFFFFF; padding:2px 5px; margin-left:20px; text-decoration:none; color:#666666; border:1px solid gray; border-radius:10px; } .breadcrumb a:hover { background:#666666; color:#FFFFFF; } .btn-action { cursor:pointer; border:1px dashed red; padding:2px 5px; display:inline-block; width:auto; margin-top:20px; font-size:0.8em; } .mce-menubtn.mce-fixed-width span { width:auto !important; }