/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#fff; font:12px/1.5 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a {} a:hover {} :focus { outline: 0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.3; } h2 { font-size:18px; font-weight:normal; line-height:1.34; } h3 { font-size:16px; font-weight:bold; line-height:1.375; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .col-main .cart .data-table.cart-table .a-right.last { text-align:left !important; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout ================================================================================= */ .wrapper { background:url(../images/background.gif) repeat;} .page { width:976px; margin:0 auto; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { width:976px; padding:0px 13px; background:url(../images/ombre.png) repeat-y; min-height:400px;} .col1-layout { width:950px; padding:0px 13px; background:url(../images/ombre.png) repeat-y;} .main.col2-right-layout { width:950px; padding:0px 13px; background:url(../images/ombre.png) repeat-y;} /* Base Columns */ .col-left { float:left; width:230px; padding:5px 5px 0; } .col1-layout .col-main { float:none; width:auto;} /* Header ================================================================================ */ #ouverture_samedi{position:absolute;width:424px;height:15px;margin-left:200px;margin-top:17px;background:url(../images/header/ouverture_samedi.png) no-repeat;} #headernoel_neige { position:absolute; width:318px; height:90px; margin-left:175px; margin-top:-8px; background:url(../images/headernoel_neige.png) no-repeat; } #headernoel_bougie { position:absolute; width:47px; height:79px; margin-left:730px; margin-top:35px; background:url(../images/headernoel_bougie.png) no-repeat; } #headernoel_cadeau { position:absolute; width:30px; height:30px; margin-left:915px; margin-top:84px; background:url(../images/headernoel_cadeau.png) no-repeat; } .header-container { height:186px; } .above_header {} .header { padding: 0px 13px; height:168px; background:url(../images/ombre.png) repeat-y;} .header .header_background { width:950px; height:132px; background:url(../images/header/header_back.gif) repeat-x; } .header #logo { display:block; position:absolute; margin-left:23px; margin-top:2px; width:154px; height:68px; background:url(../images/header/logo_mariages.png) no-repeat; cursor:pointer } .header #site_phone { background:url(../images/header/telephone.png) no-repeat;position:absolute; width:124px; height:43px; margin-left:824px; margin-top:40px; } .header .welcome-msg { color:white; font-family:Georgia,Verdana; font-size:19px; position:absolute; margin-top:30px; margin-left:191px; } .header .links { position:absolute; width:940px; text-align:right; margin-top:-3px; font-family:Arial; font-size:13px; } .header .links ul ,li{ display:inline; color:white; } .header .links a { text-decoration:none; color:white; } .header .links a:hover { text-decoration:underline; color:white; } .header .couple { position:absolute; width:297px; height:117px; margin-left:637px; margin-top:10px; } .header .catalogue { background:url(../images/header/catalogue.png) no-repeat;position:absolute; width:241px; height:102px; margin-left:600px; margin-top:12px; } .header .form-search { } .header .form-search .search-autocomplete { } .header .form-search .search-autocomplete ul { } .header .form-search .search-autocomplete li { } .header .form-search .search-autocomplete li .amount { } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .header .info_client_spacer { display:inline; width:1px; height:16px; padding-left: 4px; margin-top:2px !important; margin-top:0px; } .navigation { font-family:Arial; font-size:13px;} .header .leftnav { position:absolute; margin-top:72px !important; margin-top:71px; } /*.leftnav .nav-accueil #notactive { position:absolute; width:66px; height:35px; text-align:right; } .leftnav .nav-mariage-pacs #notactive { position:absolute; width:109px; height:35px; text-align:right; margin-left:88px; } .leftnav .nav-fiancaille #notactive { position:absolute; width:84px; height:35px; text-align:right; margin-left:201px; } .leftnav .nav-anniversaire-mariage #notactive { position:absolute; width:162px; height:35px; text-align:right; margin-left:295px; } .leftnav .nav-enterrement-vie-garcon #notactive { position:absolute; width:98px; height:35px; text-align:right; margin-left:471px; } .leftnav .nav-accueil #active { position:absolute; background:url(../images/header/onglet0_actif.gif) no-repeat; width:89px; height:35px; text-align:center; } .leftnav .nav-mariage-pacs #active { position:absolute; background:url(../images/header/onglet1_actif.gif) no-repeat; width:114px; height:35px; text-align:center; margin-left:88px; } .leftnav .nav-fiancaille #active { position:absolute; background:url(../images/header/onglet2_actif.gif) no-repeat; width:95px; height:35px; text-align:center; margin-left:201px; } .leftnav .nav-anniversaire-mariage #active { position:absolute; background:url(../images/header/onglet3_actif.gif) no-repeat; width:177px; height:35px; text-align:center; margin-left:295px; } .leftnav .nav-enterrement-vie-garcon #active { position:absolute; background:url(../images/header/onglet4_actif.gif) no-repeat; width:100px; height:35px; text-align:center; margin-left:471px; }*/ /*.leftnav #active span { padding-top:14px !important; padding-top:13px; margin-right:2px; } .leftnav #notactive span { padding-top:14px !important; padding-top:13px; background:url(../images/dropdown.gif) no-repeat; }*/ #onglets { padding-left:11px; } #nav { height:35px; width:584px; background:url(../images/header/header_back_v2.gif) no-repeat; } #nav .active { display:block; color:#e51a58; font-weight:bold; cursor:default; text-decoration:none; height:35px; } #nav .notactive { display:block; color:#f0d8e0; font-weight:normal; cursor:pointer; text-decoration:none; height:35px; } .nav-accueil { position:absolute; width:78px; } .nav-mariage-pacs { position:absolute; width:123px; margin-left:78px; } .nav-fiancaille { position:absolute; width:97px; margin-left:201px; } .nav-anniversaire-mariage { position:absolute; width:173px; margin-left:298px; } .nav-enterrement-vie-garcon { position:absolute; width:114px; margin-left:471px; } #nav .notactive span { padding-left:21px; padding-top:14px !important; padding-top:13px; } #nav .active span { padding-top:14px !important; padding-top:13px; text-align:center; margin-right:3px; } .nav-accueil .active { width:79px; background:url(../images/header/onglet0.gif) no-repeat; } .nav-mariage-pacs .active { width:124px; background:url(../images/header/onglet1.gif) no-repeat; } .nav-fiancaille .active { width:98px; background:url(../images/header/onglet2.gif) no-repeat; } .nav-anniversaire-mariage .active { width:174px; background:url(../images/header/onglet3.gif) no-repeat; } .nav-enterrement-vie-garcon .active { width:115px; background:url(../images/header/onglet4.gif) no-repeat; } .dropcat { position:absolute; z-index:4; margin-top:-35px; } .dropcat_list { display:block; width:178px; } .dropcat dd a { color:#8f2044; text-decoration:none; font-family:Arial; font-size: 14px; display:block; padding-left:7px; padding-top:2px; padding-bottom:2px; width:175px; background:url(../images/header/dropcat_back.png) repeat-y; } .dropcat dd a:hover { color:white; background:url(../images/header/dropcat_over.png) repeat-y; } .drop_mariage-pacs { margin-left:78px; } .drop_fiancaille { margin-left:203px; } .drop_anniversaire-mariage { margin-left:300px; } .drop_enterrement-vie-garcon { margin-left:473px; } #drop_mariage-pacs { display:none; } #drop_fiancaille { display:none; } #drop_anniversaire-mariage { display:none; } #drop_enterrement-vie-garcon { display:none; } .dropcat_footer { width:178px; height:15px; background:url(../images/header/dropcat_footer.png) no-repeat; } #foto-cards { width:155px; height:42px; background:url(../images/header/foto-cards.png) no-repeat; } #drop_mariage-pacs .dropcat_down { height:4px; background:url(../images/header/dropcat_01_down.png) no-repeat; } #drop_enterrement-vie-garcon .dropcat_down { height:4px; background:url(../images/header/dropcat_04_down.png) no-repeat; } .dropcat dt { padding-left:21px; padding-top:11px; width:178px; } #drop_mariage-pacs dt { background:url(../images/header/dropcat_01.png) no-repeat; } #drop_fiancaille dt { background:url(../images/header/dropcat_02.png) no-repeat; } #drop_anniversaire-mariage dt { background:url(../images/header/dropcat_03.png) no-repeat; } #drop_enterrement-vie-garcon dt { background:url(../images/header/dropcat_04.png) no-repeat; } /*.dropmenu { display:none; } .dropmenu dt a { text-decoration:none; font-family:Arial; font-size:13px; font-weight:bold; color:#e51a58; width:185px; height:31px; padding-top:14px; padding-left:35px; background:url(../images/header/astuces_top2.png) no-repeat; } .dropmenu dt a:hover { text-decoration:underline; } .dropmenu_list { display:block; width:209px; background:url(../images/header/astuces_back2.png) repeat-y; } .dropmenu a { color:black; display:block; padding-left:20px; height:20px; width:189px; } .dropmenu a:hover { color:#EE1957; } .dropmenu_footer { width:209px; height:26px; background:url(../images/header/astuces_bottom2.png) no-repeat; }*/ .leftnav .separateur_gauche { float:left; width:596px; height:7px; background-color:white; } .leftnav .separateur_coin { float:left; width:10px; height:7px; background:url(../images/header/coin_serarateur.gif) no-repeat; background-color:white; } .rightnav { position:absolute; margin-left:831px; margin-top:89px; clear:both; } .rightnav .bt_conseil { width:147px; height:25px; background:url(../images/header/bt_cms.png) no-repeat; } .rightnav .bt_conseil span { font-weight:bold; color:#e51a58; position:absolute; width:147px; height:25px; margin-left:5px; margin-top:3px; cursor:pointer; } .recherche_gauche {width:11px; height:59px; position:absolute; margin-left:-11px; margin-top: 107px; background:url(../images/header/recherche_gauche.png) no-repeat; } .recherche_droite {width:11px; height:59px; position:absolute; margin-left:949px; margin-top: 114px;background:url(../images/header/recherche_droite.png) no-repeat;} .sub_navigation { position:absolute; height:55px; width:950px; margin-top:114px; background-color:white; } .sub_navigation .recherche { position:absolute; } .sub_navigation .newsletter { position:absolute; } .sub_navigation .mini_anim { position:absolute; margin-left:589px; margin-top:1px; } .sub_navigation .loupe { position:absolute; width:16px; height:18px; background:url(../images/header/loupe.gif) no-repeat; margin-left:11px; margin-top:10px; } .sub_navigation .recherche label { position:absolute; display:block; width:82px; height:18px; background:url(../images/header/recherche.gif) no-repeat; margin-left:37px; margin-top:10px; } .sub_navigation .recherche input { position:absolute; margin-left:127px; width:388px; color:#b5b5b5; font-style:italic; margin-top:8px; height:14px; } .sub_navigation .recherche .button { position:absolute; width:38px; height:21px; background:url(../images/header/bt_ok.png) no-repeat; margin-left:526px; border:0px; margin-top:8px; } .sub_navigation .recherche .button:hover { position:absolute; width:38px; height:21px; background:url(../images/header/bt_ok_hover.png) no-repeat; margin-left:526px; border:0px; margin-top:8px; } .sub_navigation .newsletter label { position:absolute; display:block; width:154px; height:18px; background:url(../images/header/inscription.gif) no-repeat; margin-left:604px; margin-top:10px; } .sub_navigation .newsletter input { position:absolute; margin-left:767px; width:124px; color:#b5b5b5; font-style:italic; margin-top:8px; } .sub_navigation .newsletter .button { position:absolute; width:24px; height:18px; background:url(../images/header/bt_ok.gif) no-repeat; margin-left:906px; border:0px; margin-top:10px; } .sub_navigation .subnav { position:absolute; width:950px; height:20px; background:url(../images/header/sub_nav.gif) repeat-x; margin-top:36px; } /* Conseils et Astuces */ .menu_conseil { position:absolute; margin-top:-72px;margin-left:762px; width:220px; z-index:5; } .block-cmsgroup {} .block-cmsgroup #astuce-top { width:220px; height:45px; background:url(../images/header/astuces_top2.png) no-repeat; } .block-cmsgroup #astuce-top span { position:absolute; width:147px; height:25px; margin-left:15px; margin-top:14px; cursor:pointer; } .block-cmsgroup #astuce-top span a { font-family:Arial; font-size:13px; font-weight:bold; color:#e51a58; text-decoration:none; } .block-cmsgroup #astuce-top span a:hover { text-decoration:underline; } .block-cmsgroup .block-content ul { display:block; padding:0px 11px; width:220px; background:url(../images/header/astuces_back2.png) repeat-y; } .block-cmsgroup .block-content li { display:block; padding:0px 8px 3px 8px; } #astuce-bottom { width:220px; height:26px; background:url(../images/header/astuces_bottom2.png) no-repeat; } .cmsgroup-list { margin:0px; padding:0px; } .cmsgroup-list a {color:black;} .cmsgroup-list a:hover {color:#EE1957;} #astuces { font-family:Arial; font-size:13px; font-weight:bold; color:#e51a58; width:102px; height:22px; padding-top:3px; padding-left:5px; background:url(../images/header/bt_cms.png) no-repeat; cursor:pointer; } .dropmenu { display:none; } .dropmenu dt a { text-decoration:none; font-family:Arial; font-size:13px; font-weight:bold; color:#e51a58; width:185px; height:31px; padding-top:14px; padding-left:74px; background:url(../images/header/astuces_top2.png) no-repeat; } .dropmenu dt a:hover { text-decoration:underline; } .dropmenu_list { display:block; width:209px; background:url(../images/header/astuces_back2.png) repeat-y; } .dropmenu a { color:black; display:block; padding-left:20px; height:20px; width:189px; } .dropmenu a:hover { color:#EE1957; } .dropmenu_footer { width:209px; height:26px; background:url(../images/header/astuces_bottom2.png) no-repeat; } /* -----------------------------------HOME PAGE -------------------------------------------------*/ /* Styles du slide show */ .slide { position:absolute; } #anim_commerciale{ width:945px; height:344px; float:left; margin-top:3px; padding-top:5px; padding-left:5px; background-color:#fffcf5;} #slide_container { z-index:1; padding-left:4px; padding-top:4px; width:935px; height:340px; background-color:#d0d0d0;} #picture_container { width:931px; height:336px; background-color:white; float:left;} #slider_menu { position:absolute; display:block; margin-top:46px; margin-left:37px; z-index: 2;} #slider_menu li { display:block;} #slider_menu li a { font-family:Arial; font-size:15px; color:#36332e; font-weight:bold; text-decoration:none; display:block; padding-top:14px; padding-left:10px; width:270px; height:35px; background:url('../images/bt_slideshow_hover.png') no-repeat; cursor:pointer;} #slider_menu li a:hover { background:url('../images/bt_slideshow.png') no-repeat; color:white; cursor:pointer;} img { border:0px;} /* Styles demande de catalgoue */ #demande_catalogue { float:left; margin-top:2px; width: 328px; height: 281px; background-color:#fffcf5;padding-top:12px;padding-left:15px; } #banniere_demande_catalogue{padding-top:5px;padding-bottom:5px} /* ======================================================*/ /*Styles de reassurance*/ #reassurance { padding-top:5px; width: 950px; height:55px; float:left; background-color:#fffcf5;} #reassurance img { float:left; } #presentation { float:left; padding-left:17px; width:284px; height:253px; background-color:#fffcf5;} #presentation p {margin-top:29px; margin-left:8px; line-height: 16px; font-family:Arial; font-size:13px; color:black; text-align:justify; } #presentation b { color:#912045;} #presentation strong,a{color:#912045;} #bt_retour {text-decoration:none; position:absolute; width:84px; height:30px; color:white; margin-left:15px; margin-top:-18px; padding-left:35px; cursor:pointer; font-weight:bold; padding-top:14px; text-transform:uppercase; background:url(../images/btn_retour.png) no-repeat; color:white;} #bt_retour:hover {position:absolute; width:84px; height:30px; color:white; text-decoration:underline; margin-left:15px; margin-top:-18px; padding-left:35px; cursor:pointer; font-weight:bold; padding-top:14px; text-transform:uppercase; background:url(../images/btn_retour.png) no-repeat; color:white;} #bt_retour_no {position:absolute; width:84px; height:30px; color:white; margin-left:15px; margin-top:-36px; padding-left:35px; cursor:pointer; font-weight:bold; padding-top:14px; text-transform:uppercase; background:url(../images/btn_retour.png) no-repeat; color:white;} #bt_retour_no:hover {position:absolute; width:84px; height:30px; color:white; text-decoration:underline; margin-left:15px; margin-top:-36px; padding-left:35px; cursor:pointer; font-weight:bold; padding-top:14px; text-transform:uppercase; background:url(../images/btn_retour.png) no-repeat; color:white;} .filtered_selection #selection {text-align:right; border-bottom:2px solid #8c2044; padding:10px;} .filtered_selection #selection a{margin-right:15px;color:#8f2044; font-family:Arial; font-weight:bold; font-size:14px; cursor:pointer; text-decoration:none; } .filtered_selection #selection a:hover{margin-right:15px;color:#8f2044; font-family:Arial; font-weight:bold; font-size:14px; cursor:pointer; text-decoration:underline; } .filtered_selection #precedent_selection { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche.gif) no-repeat; cursor:pointer; margin-top:42px; margin-left:0px;} .filtered_selection #precedent_selection:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche_hover.gif) no-repeat; cursor:pointer; margin-top:42px; margin-left:0px;} .filtered_selection #suivant_selection { position:absolute; width:20px; height:20px; background:url(../images/PS_droite.gif) no-repeat; cursor:pointer; margin-top:42px; margin-left:912px;} .filtered_selection #suivant_selection:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_droite_hover.gif) no-repeat; cursor:pointer; margin-top:42px; margin-left:912px;} /* ------------------------------------PAGE CATEGORIES ----------------------------------------*/ /* FILTRES */ .col2-left-layout { width:950px; padding:0px 13px; background:url(../images/ombre.png) repeat-y; } .col2-left-layout .col-left.sidebar { float:left; width:245px !important; background-color:#fffcf5; padding-left:10px;} .col2-left-layout .col-left.sidebar-layered { float:left; width:220px !important; background-color:#fffcf5; padding-left:10px;} .col2-left-layout .col-main-catalog { float:left; background-color:#fffcf5; padding-left:10px; width:680px; } .col2-left-layout .col-main-catalog-layered { float:left; background-color:#fffcf5; padding-left:20px; width:680px; } .category-title {margin-left:-255px; padding:10px 0px 10px 10px ; width:940px; font-weight:bold; font-family:Georgia; color:#4a4a4a; font-size:15px; background-color:#f2f1ee; line-height:20px; text-transform:uppercase; } .block-content h3 { display:none;} .block.block-layered-nav{margin-top:45px;} .col2-left-layout .block-content li {display:block; } .col2-left-layout .block-content dl {display:block; width:210px; padding-right:5px; } .col2-left-layout .block-content dt { display:block;width:203px; height:25px; padding-top:4px; padding-left:5px; color:#d51b54; font-size:15px; font-family:Arial; font-weight:bold; text-align:left; background:url(../images/fond_filtres_haut.gif) repeat-x;} .col2-left-layout .block-content dd { display:block;width:208px; margin-top:-4px; margin-bottom:10px; display:block; background-color: #F2F1EE; padding-top:10px; padding-bottom:5px;} /*.col2-left-layout .block-content .filter-product-theme { padding-left:15px; width:230px; padding-bottom:10px;} .col2-left-layout .block-content .filter-product-type { padding-left:15px; width:230px; padding-bottom:10px;} .col2-left-layout .block-content .filter-collection { padding-left:15px; width:230px; padding-bottom:10px;}*/ .col2-left-layout .block-content .filter-product-color { padding-left:5px !important; padding-left:10px;width:203px; padding-bottom:10px; height:80px !important;} .col2-left-layout .block-content .filter-product-color li {display:inline;} /*.col2-left-layout .block-content .filter-silhouette li {display:inline;} .col2-left-layout .block-content .filter-collection select {width:210px;}*/ #filters-checked-list li {display:block;} .filtered-list { width:165px; height:24px; padding-top:4px; padding-left:43px; display:block; background:url(../images/filter_unchecked.png) no-repeat; font-size:13px; font-weight:bold; } .filtered-list:hover {text-decoration:none; } .filtered-list:hover { background:url(../images/filter_hover.png) no-repeat; } .filtered-list-checked { width:165px; height:24px; padding-top:4px; padding-left:43px; display:block; background:url(../images/filter_checked.png) no-repeat; font-size:13px; font-weight:bold;} .filters-checked-link { width:208px; height:28px; display:block; background:url(../images/tag_filter.png) no-repeat; text-decoration:none; color:black; padding-top:6px; padding-left:12px; } .filtered-color { margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color-checked { margin:1px; width:36px; height:36px; float:left; display:block; } /* Gestion des couleurs */ .filtered-color#check-product-color_link_17 { background:url(../images/filtres_couleurs/noir_blanc.png) no-repeat; } .filtered-color:hover#check-product-color_link_17 { background:url(../images/filtres_couleurs/noir_blanc_over.png) no-repeat; } .filtered-color-checked_17 { background:url(../images/filtres_couleurs/noir_blanc_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_16 { background:url(../images/filtres_couleurs/vert.png) no-repeat; } .filtered-color:hover#check-product-color_link_16 { background:url(../images/filtres_couleurs/vert_over.png) no-repeat; } .filtered-color-checked_16 { background:url(../images/filtres_couleurs/vert_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_15 { background:url(../images/filtres_couleurs/rouge.png) no-repeat; } .filtered-color:hover#check-product-color_link_15 { background:url(../images/filtres_couleurs/rouge_over.png) no-repeat; } .filtered-color-checked_15 { background:url(../images/filtres_couleurs/rouge_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_14 { background:url(../images/filtres_couleurs/jaune.png) no-repeat; } .filtered-color:hover#check-product-color_link_14 { background:url(../images/filtres_couleurs/jaune_over.png) no-repeat; } .filtered-color-checked_14 { background:url(../images/filtres_couleurs/jaune_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_13 { background:url(../images/filtres_couleurs/orange.png) no-repeat; } .filtered-color:hover#check-product-color_link_13 { background:url(../images/filtres_couleurs/orange_over.png) no-repeat; } .filtered-color-checked_13 { background:url(../images/filtres_couleurs/orange_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_12 { background:url(../images/filtres_couleurs/bleu.png) no-repeat; } .filtered-color:hover#check-product-color_link_12 { background:url(../images/filtres_couleurs/bleu_over.png) no-repeat; } .filtered-color-checked_12 { background:url(../images/filtres_couleurs/bleu_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_11 { background:url(../images/filtres_couleurs/rose.png) no-repeat; } .filtered-color:hover#check-product-color_link_11 { background:url(../images/filtres_couleurs/rose_over.png) no-repeat; } .filtered-color-checked_11 { background:url(../images/filtres_couleurs/rose_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_10 { background:url(../images/filtres_couleurs/violet.png) no-repeat; } .filtered-color:hover#check-product-color_link_10 { background:url(../images/filtres_couleurs/violet_over.png) no-repeat; } .filtered-color-checked_10 { background:url(../images/filtres_couleurs/violet_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_9 { background:url(../images/filtres_couleurs/marron.png) no-repeat; } .filtered-color:hover#check-product-color_link_9 { background:url(../images/filtres_couleurs/marron_over.png) no-repeat; } .filtered-color-checked_9 { background:url(../images/filtres_couleurs/marron_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .filtered-color#check-product-color_link_41 { background:url(../images/filtres_couleurs/gris.png) no-repeat; } .filtered-color:hover#check-product-color_link_41 { background:url(../images/filtres_couleurs/gris_over.png) no-repeat; } .filtered-color-checked_41 { background:url(../images/filtres_couleurs/gris_checked.png) no-repeat; margin:1px; width:36px; height:36px; float:left; display:block; } .product_color_div { border:1px solid #F2F1EE; cursor:pointer; } .reassurance_filter img {width:200px;} .category-description{} .gondole { padding-left:10px; margin:0px; padding:0px; width:650px; height:202px; } .products-grid {font-size:10px;} .products-grid .produits_images {text-align:center;} .products-grid .produits_images .promo {position:absolute; margin-left:80px; margin-top:-130px; background:url(../images/promo.png) no-repeat; } .products-grid .vignette img{ display:none; float:left; width:33px; height:33px; margin-bottom:5px; margin-right:5px; margin-top:2px;} .products-grid .product-name { font-size:12px; line-height:17px; margin-top:-7px;} .products-grid .product-name h3 {float:left; margin-top:-2px; line-height:16px; } .products-grid .arrow { margin-bottom:20px;} .products-grid .product-name .arrow img {float:left;width:12px; height:12px; margin-left:2px;} .produits_images #zoom { margin-top:-15px; width:56px; height:21px; background:url(../images/zoom.png) no-repeat; } /* liste des produits */ .products-grid { width:100%; } .products-grid-table {width:700px;} .products-grid tr.odd { width:700px;} .products-grid tr.even { width:700px;} .products-grid td { width:33%; padding:4px; } /* ------------------------------------FIN PAGE CATEGORIES ----------------------------------------*/ /* ------------------------------------PAGE MOT DE PASSE OUBLIE ----------------------------------------*/ .fond_form { width:950px; background-color:#fffcf5; padding-bottom:50px;} .col_left_create {float:left; width:640px; padding-top:0px;} .col_right_create { float:left; width:310px !important; width:300px; padding-top:0px;} .col_left_create .error-msg {margin-left:0px; margin-top:10px; } .col_left_create .messages {margin-left:0px; margin-top:10px; } .fond_form #forgotpwd{ margin-left:25px; border:1px solid #BFB9B3; background-color:#f2f1ee; width:400px; padding:15px 25px; margin-top:10px;} .fond_form #forgotpwd .buttons-set-forgot {margin-top:20px;} .fond_form #forgotpwd .buttons-set-forgot button{ float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin-top:-20px;} .fond_form #forgotpwd .buttons-set-forgot button:hover{ float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin-top:-20px;} .fond_form #forgotpwd .buttons-set-forgot span{ margin-left:-25px; color:#c02050; font-family:Arial; font-size:14px;} .fond_form #form-validate ul{ display:block;} .fond_form #form-validate .required{ text-align:left; padding-top:30px;} .fond_form #form-validate .buttons-set button{ float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; } .fond_form #form-validate .buttons-set button:hover{ float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; } .fond_form #form-validate .buttons-set span{ margin-left:-25px; color:#c02050; font-family:Arial; font-size:14px;} .fond_form #form-validate .buttons-set {margin:40px 70px 10px 0px; } #form-validate .link-confirmation { margin-top:30px;} #form-validate .link-confirmation button{float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; } #form-validate .link-confirmation span:hover{float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; } #form-validate .link-confirmation span{ margin-left:-25px; color:#c02050; font-family:Arial; font-size:14px;} /* ------------------------------------FIN PAGE MOT DE PASSE OUBLIE ----------------------------------------*/ /* ------------------------------------LOGOUT ----------------------------------------*/ .logout {margin-left:25px;} .logout p {font-size:13px; font-weight:bold;} /* ------------------------------------PAGE CREATE ACCOUNT ----------------------------------------*/ .login-page { width:950px;} .col-main .page-title { width:925px; height:50px; background-color:#fffcf5; padding-bottom:10px;} .col-main .page-title h2{ font-family:Arial; font-size:20px; color:black; padding:10px; border-bottom:1px solid #BFB9B3; margin:0px 25px 10px 0px; } .col-main .page-title h3{ font-family:Arial; font-size:20px; color:black; padding:10px; border-bottom:1px solid #BFB9B3; margin:0px 25px 10px 25px; } .content { padding:10px 5px; height:220px; background-color:#f2f1ee; } .content h3{ font-family:Georgia; font-size:15px; color:#d10055; border-bottom:1px solid #BFB9B3; padding-bottom: 10px;} .col-1.new-users .content { padding-bottom:15px !important; padding-bottom:62px; padding-left:10px; padding-right:10px;} .col-2.registered-users .content { padding-bottom:15px !important; padding-bottom:35px; padding-left:10px; padding-right:10px;} .content p { padding-top: 10px;} .content li {display:block; } .col-1.new-users .buttons-set { background-color:#f2f1ee; padding:10px;} .col-2.registered-users .buttons-set { background-color:#f2f1ee; padding:10px;} .col-2.registered-users .buttons-set .f-left {padding-left:10px; } .col-1.new-users { margin:10px 0px 100px 25px; border:1px solid #BFB9B3; } .col-1.new-users .buttons-set button { float:right; width:170px; height:35px; background:url(../images/button1.png) no-repeat; border:0px; margin: 0px 15px 10px;} .col-1.new-users .buttons-set button:hover { float:right; width:170px; height:35px; background:url(../images/button1_hover.png) no-repeat; border:0px; margin: 0px 15px 10px;} .col-1.new-users .buttons-set span { margin-left:-18px; color:#c02050; font-family:Arial; font-size:14px;} .col-2.registered-users { margin:10px 25px 100px 0px; border:1px solid #BFB9B3;} .col-2.registered-users .buttons-set button { float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin: 0px 15px 10px;} .col-2.registered-users .buttons-set button:hover { float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin: 0px 15px 10px;} .col-2.registered-users .buttons-set span { margin-left:-15px; color:#c02050; font-family:Arial; font-size:14px;} .col-2.registered-users .buttons-set .f-left { margin-left:15px; font-family:Georgia; font-size:13px; color:#d10055; } /* ------------------------------------FIN PAGE CREATE ACCOUNT ----------------------------------------*/ .col-main .page-title.create_account { width:950px; height:50px; background-color:#fffcf5; } .col-main .page-title.create_account h2{ font-family:Arial; font-size:20px; color:black; padding:10px; border-bottom:1px solid #BFB9B3; margin:0px 25px 0px 25px; } .col-main .page-title-login { width:950px; height:50px; background-color:#fffcf5; } .col-main .page-title-login h2{ font-family:Arial; font-size:20px; color:black; padding:10px; border-bottom:1px solid #BFB9B3; margin:0px 25px 0px 25px; } .group-select { margin:0px 25px 0px 25px; border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:570px;} .group-select-edit {border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:630px; margin-bottom:10px; margin-top:10px;} .group-select-edit.cms {border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:620px !important; width:610px; margin-bottom:20px; margin-top:10px;} .group-select h3 { font-family:Georgia; font-size:16px; color:#d10055; margin-bottom:10px;} .group-select .input-box label {font-family:Arial; font-size:12px; font-weight:bold; } .group-select .input-box.name-prefix { width:240px; margin:0px; } .group-select .input-box.name-prefix select{ width:240px;} .group-select .input-box.name-firstname {float:left; width:240px; margin-right:20px;} .group-select .input-box.name-firstname #firstname {float:left; width:240px; } .group-select .input-box.name-lastname {float:left; width:240px;} .group-select .input-box.name-lastname #lastname {float:left; width:240px;} .group-select .input-box.email-required {float:left; width:240px; margin-right:20px !important; margin-right:13px; } .group-select .input-box.email-required #email_address {float:left; width:240px; } .group-select .input-box.email-confirm {float:left; width:240px;} .group-select .input-box.email-confirm #email_address_confirm {float:left; width:240px;} .group-select .input-box.password { float:left; width:240px; margin-right:20px;} .group-select .input-box.password #password{ float:left; width:240px;} .group-select .input-box.confirmation { float:left; width:240px;} .group-select .input-box.confirmation #confirmation{ float:left; width:240px;} .group-select .value{ float:left; width:240px; margin-right:20px !important; margin-right:45px;} .group-select .value label{ font-family:Arial; font-size:12px; font-weight:bold; } .group-select .value #mariage_date{float:left;width:240px!important;width:210px} .group-select .value #mariage_date span{ float:left; } #mariage_date_style { position:absolute; margin-left:188px; cursor:pointer; } .group-select-edit #mariage_date_style { position:absolute; margin-left:238px; cursor:pointer; } .group-select .value #mariage_date_style{margin-left:228px} #advice-required-entry-mariage_date{float:left; width:180px; } .group-select .input-box.name-firstname-spouse {float:left; width:240px; } .group-select .input-box.name-firstname-spouse #spouse_name {float:left; width:240px; } .group-select .input-box.code-privilege {width:240px; margin-right:20px;} .group-select .input-box.code-privilege #privilege_code {width:240px;} .group-select td {text-align:left;} .group-select .input-box.name-prefix.infos {margin-bottom:10px; margin-right:20px; display:block; width:460px;} .group-select .input-box.name-prefix.infos select { width:460px;} #known_other_input input {width:450px;} .separateur {height:80px;} .separateur2{height:0px;} .separateur3{height:10px;} #changer_password {margin:10px 0px;} /* Share to a Friend */ .col_left_send {float:left; width:555px; padding-top:10px; padding-left:25px;} .col_right_send img{margin-bottom:15px; } .col_right_send { float:left; width:310px; margin-left:50px; margin-top:70px; } .col_left_send .page-title h2 { width:550px;} .col_left_send .messages {position:absolute; margin-top:-40px; padding-left:150px;} .group-select-send { margin:10px 25px 20px 0px; border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:550px;} .group-select-send h3 { font-family:Georgia; font-size:16px; color:#d10055; margin-bottom:10px;} .group-select-send .input-box label {font-family:Arial; font-size:12px; font-weight:bold; } .group-select-send .input-box.name{float:left; width:240px; margin-right:20px;} .group-select-send .input-box.name input{width:240px; } .group-select-send .input-box.email {float:left; width:240px;} .group-select-send .input-box.email input {width:240px;} .group-select-send .remove {float:left; margin-left:20px; margin-top:23px;} .group-select-send .input-box.message {width:500px;} .group-select-send .input-box.message textarea {width:500px;} .group-select-send .buttons-set-send {float:right; margin-top:10px;} .group-select-send .buttons-set-send .button.send {width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin-left:27px;} .group-select-send.buttons-set-send .button.send:hover {width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin-left:27px;} .group-select-send .buttons-set-send .button.add{width:178px; height:35px; background:url(../images/button_produit.png) no-repeat; border:0px; margin-bottom:10px;} .group-select-send.buttons-set-send .button:hover {width:178px; height:35px; background:url(../images/button_produit_hover.png) no-repeat; border:0px; margin-bottom:10px;} .group-select-send .buttons-set-send #send span { position:absolute; margin-top:-10px; color:#c02050; font-family:Arial; font-size:13px; font-weight:bold;} .group-select-send .buttons-set-send #add span { position:absolute; margin-top:-10px; color:#c02050; font-family:Arial; font-size:13px; font-weight:bold;} .required-suscribe { padding-left:25px; padding-top:0px; color:#f00; font-size:10px;} .back-link { float:left; display:none; } .buttons-set-suscribe .button { width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin-left:460px; margin-bottom:40px;} .buttons-set-suscribe .button:hover { width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin-left:460px; margin-bottom:40px;} .buttons-set-suscribe .button span { margin-left:-15px; color:#c02050; font-family:Arial; font-size:14px; font-weight:bold;} /* Creation de compte Reassurance */ .compte_reassurance {border:1px solid #BFB9B3; background-color:#f2f1ee;line-height:19px; padding:10px; text-align:left; color:black; font-family:Arial; font-size:12px; margin-right:20px;font-weight:bold; margin-top:10px;} .compte_reassurance #title{font-family:Georgia; font-size:16px; color:#d10055; margin-bottom:30px;} .col_right_create img{margin-bottom:15px; } .compte_reassurance img {text-align:left;} .compte_reassurance #reas {padding-left:4px; font-style:italic; font-size:11px; font-weight:normal; line-height:20px; margin-top:15px;} .compte_reassurance strong { color:#c02050; font-family:Arial; font-size:13px; font-weight:bold} /* --------------------------- EMPTY CART- ----------------------------------------------------------*/ .col_left_empty_cart .page-title-empty {width:640px;} .col_left_empty_cart {float:left; width:640px; padding-top:0px;} .col_right_empty_cart { float:left; width:310px !important; width:300px; padding-top:20px } .col_right_empty_cart img{margin-bottom:15px; } /* ---------------------------------- EDIT INFORMATIONS ------------------------------------*/ .group-select-edit li {display:block;} .group-select-edit h3 { font-family:Georgia; font-size:16px; color:#d10055; margin-bottom:10px;} .group-select-edit #prefix{ width:110px; } .group-select-edit label {font-family:Arial; font-size:12px; font-weight:bold; } .group-select-edit .input-box.name-prefix { width:200px; } .group-select-edit .input-box.name-prefix #prefix{ width:200px; } .group-select-edit .input-box.name-firstname {float:left; width:250px; margin-right:20px;} .group-select-edit .input-box.name-firstname #firstname{float:left; width:250px; } .group-select-edit .input-box.name-lastname {float:left; width:250px;} .group-select-edit .input-box.name-lastname #lastname {float:left; width:250px;} .group-select-edit .input-box.email {float:left; width:250px;} .group-select-edit .input-box.email #email {float:left; width:250px;} .group-select-edit .input-box.email2 {float:left; width:250px; margin-right:20px;} .group-select-edit .input-box.email2 #email_address {float:left; width:250px;} .group-select-edit .input-box.email2 #email_address_confirm {float:left; width:250px;} .group-select-edit .input-box.company { float:left; width:520px; } .group-select-edit .input-box.company #company{ float:left; width:520px;} .group-select-edit .input-box.telephone {float:left; width:250px; margin-right:20px;} .group-select-edit .input-box.telephone #telephone{float:left; width:250px; } .group-select-edit .input-box.fax {float:left; width:250px;} .group-select-edit .input-box.fax #fax {float:left; width:250px;} .group-select-edit .input-box.street { float:left; width:520px; } .group-select-edit .input-box.street .input-text{ float:left; width:520px;} .group-select-edit .input-box.city { float:left; width:250px; margin-right:20px; } .group-select-edit .input-box.city #city{ float:left; width:250px;} .group-select-edit .input-box.zip {float:left; width:250px; } .group-select-edit .input-box.zip #zip{float:left; width:250px; } .group-select-edit .input-box.country {width:250px; margin-right:20px;} .group-select-edit .input-box.country #country{width:250px; margin-right:20px;} .group-select-edit .input-box.zip-request {float:left; width:250px; margin-right:20px; } .group-select-edit .input-box.zip-request #zip{float:left; width:250px; } .group-select-edit .input-box.country-request{float:left; width:240px; } .group-select-edit .input-box.country-request select{float:left; width:240px; } .group-select-edit .input-box.checkbox1 { width:300px; margin-top:10px;} .group-select-edit .input-box.checkbox2 { width:300px; } .group-select-edit #email {float:left; width:320px;} .group-select-edit .input-box.email-required {float:left; width:340px; margin-top:20px;} .group-select-edit .input-box.email-required #email_address {width:320px;} .group-select-edit .input-box-password1{ width:260px; margin-right:20px;} .group-select-edit .input-box-password1 #current_password{ width:260px;} .group-select-edit .input-box-password2 { float:left; width:260px; margin-right:20px;} .group-select-edit .input-box-password2 #password{ float:left; width:260px;} .group-select-edit .input-box-confirmation { float:left; width:260px;} .group-select-edit .input-box-confirmation #confirmation{ float:left; width:260px;} .group-select-edit .input-box.code-privilege {float:left; width:250px; margin-right:20px;} .group-select-edit .input-box.code-privilege #privilege_code {float:left; width:250px;} .group-select-edit .value{ float:left; width:250px; margin-right:20px !important; margin-right:45px;} .group-select-edit .value label{ font-family:Arial; font-size:12px; font-weight:bold; } .group-select-edit .value #mariage_date{float:left;width:250px!important;width:220px} .group-select-edit .input-box.name-firstname-spouse {float:left; width:240px; } .group-select-edit .input-box.name-firstname-spouse #spouse_name {float:left; width:240px; } .buttons-set-edit .button { float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin-right:30px; color:#c02050; margin-bottom:20px;} .buttons-set-edit .button:hover{ float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin-right:30px; color:#c02050; margin-bottom:20px;} .buttons-set-edit .button span{ display:block; color:#c02050; font-family:Arial; font-size:13px; margin-top:-2px; margin-left:-12px;} .col-main-catalog-cms .success-msg {margin-right:0px; margin-top:0px;} .group-select-edit.cms .input-box.email input {width:250px;} .group-select-edit.cms .input-box.zip-request {float:left;margin-right:20px;width:250px;} .group-select-edit.cms .input-box.telephone {float:left;margin-right:20px;width:250px;} .group-select-edit.cms .input-box.country-request{ float:left; width:240px; margin-right:30px; } .group-select-edit.cms .input-box.country-request select{ float:left; width:240px;} .group-select-edit.cms .input-box.name-firstname-spouse #spouse_name {width:250px;} /* ----------------------------- FIN INFORMATIONS ----------------------------*/ /* --------------------------------PAGE 404 -------------------------------------*/ .col-main .not_found { float:left; padding-top:20px; margin-left:15px; margin-bottom:20px; width:700px;} .reassur_not_found {float:left; margin-top:30px; background-color:#f2f1ee; border:1px solid #BFB9B3; padding:10px; margin-right:25px; } .reassur_not_found h4 {font-family: Georgia; font-size:16px; font-style:italic;} .reassur_not_found img {margin-bottom:8px;} .col-main .not_found img {float:left;} .col-main .not_found h3{ margin-top:20px; margin-right:25px;font-size:18px; font-family:Georgia; font-style:italic; font-weight:bold; color:#d10055;} .col-main .not_found p, .col-main .not_found ul {margin-top:15px;margin-left:15px;} .col-main .not_found li {margin-left:15px; list-style-image:none; display:block;font-size:12px;} .col-main .sitemap-cms{margin-top:10px; margin-left:25px; float:left; width:250px;} .col-main .sitemap-cms h3 {margin-bottom:10px;} .col-main .sitemap-cms ul {margin-bottom:10px;} .col-main .sitemap-cms li{display:block; } .col-main .sitemap_category {width:600px; float:left; margin-left:25px; margin-top:14px; text-align:justify;} .col-main .sitemap_category li{display:block; margin-left:25px;} div #ban_fotocards_success { width:897px; height:70px; background:url(../images/email_banniere_voeux.jpg) no-repeat; margin-left:25px; } /* -----------------------------PAGE CONTACT US ------------------------------*/ .group-select-contact {border:1px solid #BFB9B3; background-color:#f2f1ee; padding:20px; width:600px; margin-bottom:20px; margin-top:10px;} .col-main-catalog-cms .group-select-contact h3 { font-family:Georgia; font-size:16px; color:#d10055; margin-bottom:10px;} .group-select-contact label {font-family:Arial; font-size:12px; font-weight:bold; } .group-select-contact .input-box.select{ width:300px;} .group-select-contact .input-box.select select{ width:300px;} .group-select-contact .input-box.name{ width:300px;} .group-select-contact .input-box.name input{ width:300px;} .group-select-contact .input-box.email { width:300px;} .group-select-contact .input-box.email #email {width:300px;} .group-select-contact .input-box.telephone { width:300px;} .group-select-contact .input-box.telephone #telephone {width:300px;} .group-select-contact .input.comment{ width:590px;} .group-select-contact .input.comment textarea {width:590px;} /* ------------------------------------DASHBOARD ----------------------------------------*/ .col-main-catalog {margin-bottom:50px;} .col-main-catalog .page-title ,.page-head{ width:620px; height:50px; background-color:#fffcf5; margin-top:7px; padding-top:8px !important; padding-top:5px;} .col-main-catalog .page-title h2, .page-head h2 { width:650px; background-color:#fffcf5;font-family:Arial; font-size:20px; color:black; border-bottom:1px solid #BFB9B3; margin:12px 10px 10px 0px; } .page-title-empty{ width:900px; height:50px; background-color:#fffcf5; padding-top:8px !important; padding-top:5px; } .page-title-empty h2{ width:600px; background-color:#fffcf5;font-family:Arial; font-size:20px; color:black; border-bottom:1px solid #BFB9B3; margin:12px 10px 10px 25px;} .empty_cart {margin-left:25px;} .col-left.sidebar .block.block-account {margin-left:auto; margin-right:auto; width: 190px; margin-top:20px; margin-bottom:40px;} .col-left.sidebar .block.block-account{margin-left:25px; margin-bottom:30px; width: 200px; border:1px solid #BFB9B3; background-color:#f2f1ee; } .col-left.sidebar .block.block-account .block-title h2{ margin-left:-10px; width:194px; height:26px; padding-top:4px; padding-left:6px;font-family:Georgia; font-weight:bold; font-size:15px; color:#ffffff; background:url(../images/fond_block.gif) #d10055 repeat-x; background-color:#d10055; text-align:left;} .col-left.sidebar .block.block-account ul{ width: 200px; margin-left:auto; margin-right:auto; text-align:left;} .col-left.sidebar .block.block-account li{display:block; border-top:1px solid #BFB9B3; padding:5px; } .col-left.sidebar .block.block-account .current{display:block; color:#D10055; font-weight:bold; padding:5px; } .col-left.sidebar .block.block-account a {text-decoration:none;} .col-left.sidebar .block.block-cart {margin-left:25px; margin-bottom:30px; width: 200px; border:1px solid #BFB9B3; background-color:#f2f1ee; } .col-left.sidebar .block.block-cart .block-title h2 { margin-left:-10px; width:194px; height:26px; padding-top:4px; padding-left:6px; font-family:Georgia; font-weight:bold; font-size:15px; color:#ffffff; background:url(../images/fond_block.gif) #d10055 repeat-x; text-align:left;} .col-left.sidebar .block.block-cart .block-content { padding:5px; text-align:center; color:black;} .col-left.sidebar .block.block-cart .block-content .subtotal{ margin-bottom:10px;} .col-left.sidebar .block.block-cart .block-content .button {float:right; width:170px; height:35px; background:url(../images/button1.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-left.sidebar .block.block-cart .block-content .button:hover {float:right; width:170px; height:35px; background:url(../images/button1_hover.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-left.sidebar .block.block-cart .block-content .button-cart {float:left; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; margin-left:20px;} .col-left.sidebar .block.block-cart .block-content .button-cart:hover {float:left; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; margin-left:20px;} .col-left.sidebar .block.block-cart .block-content .button-cart p { width:150px; height:35px; color:#c02050; font-weight:bold; margin-left:-12px; margin-top:7px; font-size:13px;} .col-left.sidebar .block.block-cart .block-content .button p { width:170px; height:35px; color:#c02050; font-weight:bold; margin-left:-14px; margin-top:7px; font-size:13px;} .col-left.sidebar .block.block-cart .block-content .products-image {float:left; display:inline; } .col-left.sidebar .block.block-cart .block-content .btn-remove {float:right; margin-top:-30px; margin-right:15px; width:20px;} .col-left.sidebar .block.block-cart .block-content .product-details { margin-bottom:10px; color:black;} .col-left.sidebar .block.block-cart .block-content .product-details a{ font-size:12px; color:black;} /*-------------------------------------------------ANCIENNES COMMANDES ------------------------------------------------*/ .col-left.sidebar .block.block-reorder {margin-left:25px; margin-bottom:30px; width: 200px; border:1px solid #BFB9B3; background-color:#f2f1ee; } .col-left.sidebar .block.block-reorder .block-title h2 { margin-left:-10px; width:194px; height:26px; padding-top:4px; padding-left:6px; font-family:Georgia; font-weight:bold; font-size:15px; color:#ffffff; background:url(../images/fond_block.gif) #d10055 repeat-x; text-align:left;} .col-left.sidebar .block.block-reorder .block-title h2 a{ text-decoration:none; color:white; font-size:12px;font-family:Arial; padding-left:0px;} .col-left.sidebar .block.block-reorder .block-content { padding:5px; color:black; } .col-left.sidebar .block.block-reorder .block-content .button {float:right; width:170px; height:35px; background:url(../images/button1.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-left.sidebar .block.block-reorder .block-content .button:hover {float:right; width:170px; height:35px; background:url(../images/button1_hover.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-left.sidebar .block.block-reorder .block-content .button span { width:170px; height:35px; color:#c02050; font-weight:bold; margin-left:-20px; margin-top:7px; } /* ----------------------------------COMMANDS VIEW -----------------------------------------*/ .col-main-catalog div.actions button.button-close-order {float:right; width:230px; height:35px; background:url(../images/button3.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-main-catalog div.actions button.button-close-order:hover {float:right; width:230px; height:35px; background:url(../images/button3_hover.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-main-catalog div.actions button.button-close-order p { width:200px; height:35px; color:#c02050; font-weight:bold; margin-left:-5px; margin-top:7px; font-size:13px;} .col-main-catalog div.actions button.button {float:right; width:230px; height:35px; background:url(../images/button3.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-main-catalog div.actions button.button:hover {float:right; width:230px; height:35px; background:url(../images/button3_hover.png) no-repeat; border:0px; margin:10px 12px 10px 0px;} .col-main-catalog div.actions button.button p { width:150px; height:35px; color:#c02050; font-weight:bold; margin-left:21px; margin-top:7px; font-size:13px;} .col-main-catalog .page-title.title-buttons a{ margin-right:20px;} .col-main-catalog .page-title.title-buttons #reorder{ margin-right:10px;} .col-main-catalog .col2-set { border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; margin-top:15px; width:630px;} .dashboard .col2-set { border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; margin-top:15px; width:630px;} .dashboard h3{ margin-bottom:10px; font-family:Georgia; font-size:15px; color:#d10055;} .dashboard .welcome-msg h3{ font-family:Arial; font-size:16px; font-weight:bold; color:black;} .dashboard .welcome-msg p{ margin-bottom:15px;} .col2-set .col-1 { float:left; width:49%;} .col2-set .col-2 {float:right; width:49%;} .col2-set .col-1-book { float:left; width:49%;} .col2-set .col-2-book {float:right; width:49%;} #my-orders-table .button {float:right; width:200px; height:35px; background:url(../images/button_qas.png) no-repeat; border:0px; margin:5px 17px 0px 17px;} #my-orders-table .button:hover {float:right; width:200px; height:35px; background:url(../images/button_qas_hover.png) no-repeat; border:0px; margin:5px 17px 0px 17px;} #my-orders-table .button p{margin-left:10px;} /* --------------------------WISHLIST ---------------------------------*/ #wishlist-table {width:96%; } #wishlist-table th{text-align:center;} #wishlist-table .last img {margin-left:5px; margin-top:2px;} #wishlist-table .button { width:178px; height:35px; background:url(../images/button_produit.png) no-repeat; border:0px; color:#c02050; margin:10px 0px;} #wishlist-table .button:hover { width:178px; height:35px; background:url(../images/button_produit_hover.png) no-repeat; border:0px; color:#c02050; margin:10px 0px;} #wishlist-table .button span { margin-left:-20px; margin-top:-2px; color:#c02050; font-weight:bold;} .button-wishlist {float:right; margin-right:35px;} .button-wishlist .button{width:220px; height:35px; background:url(../images/button3.png) no-repeat; border:0px; margin:10px 5px;} .button-wishlist .button:hover{width:220px; height:35px; background:url(../images/button3_hover.png) no-repeat; border:0px; margin:10px 5px;} .button-wishlist .button.maj{width:170px; height:35px; background:url(../images/button1.png) no-repeat; border:0px; margin-top:10px; margin-right:-5px;} .button-wishlist .button.maj:hover{width:170px; height:35px; background:url(../images/button1_hover.png) no-repeat; border:0px; margin-top:10px; margin-right:-5px;} .button-wishlist .button.maj span {margin-left:-20px; margin-top:-2px; color:#c02050; font-weight:bold;} /* ---------------------- CARNET D'ADRESSES ---------------------*/ .col-main-catalog .page-title.title-buttons-book {margin-bottom:0px;} .col-main-catalog .col2-set.book { border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:630px; margin-bottom:0px;} .col-main-catalog .col-2-book button {width:170px; height:35px; background:url(../images/button1.png) no-repeat; border:0px; margin-top:120px; margin-right:12px; margin-left:110px;} .col-main-catalog .col-2-book button:hover {width:170px; height:35px; background:url(../images/button1_hover.png) no-repeat; border:0px; margin-top:120px; margin-right:12px; margin-left:110px;} .col-main-catalog .col-2-book #button { width:170px; height:35px; color:#c02050; font-weight:bold; margin-left:-20px; margin-top:7px; } #qas_title { margin:10px 0px; padding-top:20px; font-family:Arial; font-weight:bold; font-style:italic; font-size:13px;} #qas_notok {padding:10px;} #qas_ok {padding:10px;} #qas_notok button{width:200px; height:35px; background:url(../images/button_qas.png) no-repeat; border:0px; } #qas_notok button:hover{width:200px; height:35px; background:url(../images/button_qas_hover.png) no-repeat; border:0px; } #qas_ok button{width:200px; height:35px; background:url(../images/button_perso.png) no-repeat; border:0px;} #qas_ok button:hover{width:200px; height:35px; background:url(../images/button_perso_hover.png) no-repeat; border:0px;} #qas_notok p {margin-top:-4px; margin-left:-10px; color:#c02050; font-weight:bold;} #qas_ok p {margin-top:-4px; margin-left:-10px; font-weight:bold; color:#008203;} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set { background-color:#fffcf5; padding-top:10px; } .col2-set .col-1.new-users { float:left; width:425px; } .col2-set .col-2.registered-users { float:right; width:435px; } .col2-set .col-1_cart {float:left; width:525px;} .col2-set .col-2_cart{ float:right; width:400px;} .col-main-right .col2-set .col-1 { float:left; width:305px; } .col-main-right .col2-set .col-2 {float:right; width:305px;} .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* CMS ================================================================================= */ .cms-grouplist ul,li { color:black; } .cms-group li{display:block;} .cms-group { border:1px solid #ccc; background-color:#eee; display:block; margin-top:20px; margin-bottom:20px; padding-bottom:10px; margin-left:10px; } .cms-group h3{ color:#d10055; height:20px; padding:5px; font-family:Georgia; font-weight:bold; font-size:15px;} .cms-group a{ padding:0px 10px; text-decoration:none;} .cms-group a:hover{ padding:0px 10px; text-decoration:underline; font-weight:bold} .cms-group.group-navigate li {display:block;} .cms-group.group-navigate h3{ background:url(../images/fond_block.gif) #d10055 repeat-x; color:white; height:20px; padding:5px; margin-bottom:10px; padding-left:8px; font-family:Georgia; font-weight:bold; font-size:15px;} .cms-navigate { color:black; font-weight:bold; font-style:italic; font-family:arial; font-size:12px; text-decoration:none; } .cms-navigate:hover { color:#d10055; text-decoration:underline; } .col-main-catalog-cms {float:left; padding:10px 20px; width:640px !important; width:630px; text-align:justify;} .col-main-catalog-cms h1{ color:#c02050; font-weight:bold; font-style:italic; font-family:Georgia; font-size:20px; padding-top:10px; } .col-main-catalog-cms h2{ color:black; height:20px; padding:5px; font-family:Georgia; font-weight:bold; font-size:15px;} .col-main-catalog-cms h3{ color:black; height:20px; padding:5px; font-family:Georgia; font-weight:bold; font-size:13px;} .col-main-catalog-cms .group-select-edit h3{ color:#c02050; height:20px; padding:5px; font-family:Georgia; font-weight:bold; font-size:13px;} .col-main-catalog-cms .group-select-edit td{ border:1px solid #F2F1EE; background-color:#F2F1EE} .col-main-catalog-cms #minus {font-style:italic; font-size:11px; color:black; font-weight:normal;} .col-main-catalog-cms p {text-align:center; font-style:italic;} .col-main-catalog-cms #images {position:absolute; margin-top:-30px; margin-left:200px;} .col-main-catalog-cms #images2 {position:absolute; margin-top:15px; margin-left:200px;} .col-main-catalog-cms table{ border:1px solid #ccc; } .col-main-catalog-cms th{ font-weight:bold; text-align:center; border:1px solid #ccc; padding:5px; font-size:12px; background-color:#eee; } .col-main-catalog-cms td{ text-align:center; border:1px solid #ccc; padding:5px; vertical-align:middle; background-color:#eee; } .col-main-catalog-cms #anniv { margin-left:100px; font-size:13px; border:0px; background-color:#fffcf5;} .col-main-catalog-cms #anniv td{ text-align:left; border:0px; width:300px; font-family:Georgia; font-style:italic; background-color:#fffcf5;} .col-main-catalog-cms span {color:#c02050; font-family:Georgia; font-weight:bold; font-style:normal;} .col-main-catalog-cms #jourJ {border:0px; background-color:#fffcf5;} .col-main-catalog-cms #jourJ td{text-align:left; border:0px; background-color:#fffcf5;} .col-main-catalog-cms #jourJ #jour {color:#c02050; font-size:14px; font-family:Georgia; font-weight:bold; font-style:normal; width:100px;} .col-main-catalog-cms .required {text-align:left;} .col-main-catalog-cms .buttons-set-request button {float:right; width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin:0px 10px 10px;} .col-main-catalog-cms .buttons-set-request button:hover{float:right; width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin:0px 10px 10px;} .col-main-catalog-cms .buttons-set span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} .col-main-catalog-cms .buttons-set-request span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} .col-main-catalog-cms .sitemap-catalog-depth {margin-left:0px;} .col-main-catalog-cms .sitemap-catalog-depth li {display:block; margin-left:15px;} .col-main-catalog-cms .sitemap_category {margin-top:20px; margin-bottom:20px;} .col-main-catalog-cms .sitemap_category li{ display:block; margin-left:20px; margin-bottom:10px;} /* Nos packs */ .col-main-catalog-cms .packs { border-bottom:1px dashed #ccc; margin:10px 0;} .col-main-catalog-cms .pack { border-bottom:1px dashed #ccc;} .col-main-catalog-cms .pack h2{ margin-top:10px; color:#c02050; } .col-main-catalog-cms .pack img {float:left; width:400px; margin-bottom:20px; margin-top:20px;} .col-main-catalog-cms .pack .pack_left {padding-top:20px; float:left; width:210px; text-align:center; margin-right:15px;} .col-main-catalog-cms .pack .pack_right {padding-top:20px; float:left; width:210px; text-align:center; margin-left:15px;} .col-main-catalog-cms .pack .pack_left p {text-align:left; margin-top:10px;} .col-main-catalog-cms .pack .pack_right p {text-align:left;margin-top:10px;} /* Nos enveloppes */ .col-main-catalog-cms .enve { border-bottom:1px dashed #ccc;} .col-main-catalog-cms .enve h2{ margin-top:10px; color:#c02050; } .col-main-catalog-cms .enve img {float:left; width:220px; margin-bottom:20px; margin-top:20px;} .col-main-catalog-cms .enve .enve_left {padding-top:20px; float:left; width:370px; text-align:center; margin-right:15px;} .col-main-catalog-cms .enve .enve_right {padding-top:20px; float:left; width:370px; text-align:center; margin-left:15px;} .col-main-catalog-cms .enve .enve_left p {text-align:center; margin-top:10px;} .col-main-catalog-cms .enve .enve_right p {text-align:center;margin-top:10px;} /* Nos tarifs */ .col-main-catalog-cms .product-price-details th{border:0px; padding:0px;} .col-main-catalog-cms .product-price-details td{border:0px; padding:0px;} .col-main-catalog-cms .product-price-details table{border:0px;} .col-main-catalog-cms .product-price-details p {font-style:normal;} .col-main-catalog-cms .product-price-details span {font-family:Arial; font-weight:bold; color:black; font-style:normal;} .col-main-catalog-cms .product-price-details .tfoot_product { width:208px; height:35px; padding-top:3px; background:url(../images/grill_prix_bas.gif) no-repeat; } .col-main-catalog-cms .partenaires {margin-top:15px;} .col-main-catalog-cms .partenaires p {text-align:left; margin-bottom:20px; } .col-main-catalog-cms .partenaires img{margin-right:20px; } .col-main-catalog-cms .partenaires h3 {font-style:normal; color:#c02050; margin-left:0px; padding:0px;} /* Demande de cat et echantillons */ #cms_echantillon {background-color:#fffcf5;} #cms_echantillon ul {margin-left:20px;} #cms_echantillon li {float:left; margin:5px;width:190px;} #cms_echantillon label {margin-left:4px;} .col-main-catalog-cms .cms-demandes {margin-top:20px;} .col-main-catalog-cms .reassurance p{text-decoration:underline; font-size:12px; font-weight:bold; color:#6FB728;} .col-main-catalog-cms .reassurance {text-align:center;} .col-main-catalog-cms .group-select {border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px; width:620px !important; width:610px; margin-bottom:20px; margin-top:10px; margin-left:0px;} .col-main-catalog-cms .group-select h3{ color:#c02050; height:20px; padding:5px; font-family:Georgia; font-weight:bold; font-size:13px;} .col-main-catalog-cms .group-select table{border:0; background-color: #f2f1ee; } .col-main-catalog-cms .group-select td {border:0; background-color: #f2f1ee; text-align:left; padding:0px;} /* ====================================================================================== */ .above_header .header_haut_ombre {width:976px; height:18px; background:url(../images/header/header_haut.png) no-repeat; } /* .above_header .coin_haut_gauche { width:8px; height:9px; background-image:url(../images/header/coin_hg.png); margin-bottom:0px !important; margin-bottom:-6px; float:left; } .above_header .header_top { width:934px; height:9px; background-image:url(../images/header/header_top.gif); margin-bottom:0px !important; margin-bottom:-6px; background-repeat:repeat-x; float:left; } .above_header .coin_haut_droit { width:8px; height:9px; background-image:url(../images/header/coin_hd.png); margin-bottom:0px !important; margin-bottom:-6px; float:left; } */ /********** < Navigation */ /* All Levels */ #nav li { position:absolute; } #nav li.over { z-index:3; } #nav a, #nav a:hover { display:block; line-height:14px; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li li.parent {} /* 0 Level */ #nav li { float:left; } #nav li.active a { } #nav a { } #nav li.over a, #nav a:hover { color:white; } #nav .active a:hover { color:#e51a58; font-weight:bold; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ddd; } #nav ul li.over {} #nav ul li.last { } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd leven */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; } /* 3rd+ Level */ #nav ul ul { top:5px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#f6f6f6; color:#898885; } #nav ul li a:hover { background:#ccc; color:#fff !important; } #nav ul span, #nav ul li.last li span { } /********** Navigation > */ /* ======================================================================================= */ /*=====================================================*/ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } /*button::-moz-focus-inner { padding:0; border:0; }*/ button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; } button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {} .highlight {}*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .group-select li { margin:0 0 5px; float:left; } .group-select li input.input-text, .group-select li textarea {width:180px; } .group-select li select { width:226px; } .group-select li .input-box input.input-text, .group-select li .input-box textarea { width:180px; } .group-select li .input-box select { width:140px; } /* ----------------------------------- Processus de Commande -----------------------------------*/ .opc li.section { border:1px solid #fffcf5; margin-bottom:10px; margin-top:10px; border-bottom:0; border-top:0; height:20px;} .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { position:relative; } .opc .step .tool-tip { right:10px; } .col-main-right { float:left; width:700px; background-color:#FFFCF5;} .col-right {padding-top:25px;} .col-right .complete{ color:#4F4F4F; float:left; background-color:#CCCCCC; margin-top:10px; padding:5px 5px; width:224px !important; width:219px;} .col-right .complete_{ float:left; border:1px solid #ddd; background-color:#F2F1EE; padding:5px 2px; width:228px !important; width:223px;} .col-right.sidebar .block.block-progress .block-title{ float:right; width:235px; height:22px; padding-top:8px; text-align:center; margin:0px 15px 0px 0px; background:url(../images/fond_block.gif) repeat-x;} .col-right.sidebar .block.block-progress .block-title h2{ font-family:Georgia; font-size:12px; color:white; font-weight:bold; } .col-right.sidebar .block.block-progress {} .col-main-right .col2-set {padding-top:0px;} .col-main-right .opc { margin-left:25px; position:relative; width:650px; min-height:500px; } .col-main-right .page-title h2 { width:650px; background-color:#fffcf5;font-family:Arial; font-size:20px; color:black; border-bottom:1px solid #BFB9B3; margin-left:25px; margin-top:10px;} .col-main-right .page-title.checkout { height:40px; padding-top:10px;} .col-main-right .sidebar { background-color: #f2f1ee; margin-right:20px; width:180px;margin-top:10px;} .col-main-right .block.block-progress { } .col-main-right #opc-login h4{ font-family:Georgia; font-size:13px; color:#d10055; padding-bottom:0px; margin-left:10px; margin-top:10px;} .col-main-right #opc-login p{ font-family:Arial; font-size:12px; color:black; margin-left:10px; margin-top:10px;} .col-main-right #opc-login li{ font-family:Arial; font-size:12px; color:black; margin-left:10px; display:block;} .col-main-right #checkout-step-login {margin:0px;} .col-main-right #opc-login .required{ font-family:Arial; font-size:10px; color:red;} .col-main-right #opc-login .col-1 { height:300px; border:1px solid #BFB9B3; background-color:#f2f1ee; } .col-main-right #opc-login .col-2 { height:300px; border:1px solid #BFB9B3; background-color:#f2f1ee; padding-left:10px;} .col-main-right #opc-login .col-2 .input-box.email {margin-top:10px; margin-bottom:10px;} .col-main-right #opc-login .col-2 .error-msg {position:absolute; margin:10px; width:230px; } .col-main-right #opc-login .col-2 .form-list{ margin-left:0px; height:150px;} .col-main-right #opc-login .col-1 .buttons-set button { width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin-bottom:20px; margin-top:140px; margin-left:150px;} .col-main-right #opc-login .col-1 .buttons-set button:hover { width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin-bottom:20px; margin-top:140px; margin-left:150px;} .col-main-right #opc-login .col-2 .buttons-set button { width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin-bottom:20px; margin-top:0px; margin-left:20px;} .col-main-right #opc-login .col-2 .buttons-set button:hover { width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin-bottom:20px; margin-top:0px; margin-left:20px;} .col-main-right #opc-login .col-2 .buttons-set a {margin-left:10px;} .col-main-right #opc-login .col-1 .buttons-set span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} .col-main-right #opc-login .col-2 .buttons-set span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} .col-main-right .step-title { background-color:#ccc; height:22px; color:white; margin-top:0px;} .col-main-right .active .step-title { height:22px; background:url(../images/fond_block.gif) repeat-x; cursor:default;padding:4px 0px 2px 10px; margin-bottom:15px;} .col-main-right .step-title .number { float:left; font-size:18px; font-weight:bold; font-family:Arial; margin:-2px 8px 0px 5px;} .col-main-right .group-select-checkout .buttons-set button { width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin-bottom:10px; margin-left:440px !important;} .col-main-right .group-select-checkout .buttons-set button:hover{ width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin-bottom:10px; margin-left:440px;} .col-main-right .group-select-checkout .buttons-set span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} #checkout-step-billing {margin-top:-15px;} .group-select-checkout .billing-address-select {width:570px;} .group-select-checkout .billing-address-select select {width:570px; margin-bottom:10px; margin-top:10px; display:block;} .group-select-checkout .input-box.mariage-date{float:left;width:270px!important;width:290px;margin-right:30px!important;margin-right:20px;margin-bottom:10px} .group-select-checkout .input-box.mariage-date input{float:left;width:270px!important;width:240px} .group-select-checkout .input-box.spouse-name{float:left;width:270px;margin-right:30px!important;margin-right:20px;margin-bottom:10px} .group-select-checkout .input-box.spouse-name input{float:left;width:270px} .group-select-checkout #mariage_date_style{margin-left:258px!important;margin-left:5px;float:left} .group-select-checkout {border:1px solid #BFB9B3; background-color:#f2f1ee; padding:10px 10px 10px 10px; width:628px; } .group-select-checkout label {font-family:Arial; font-size:12px; font-weight:bold; } .group-select-checkout .input-box.name-prefix {width:270px; margin-right:20px; display:block;} .group-select-checkout .input-box.name-prefix select {width:270px; display:block;} .group-select-checkout .input-box.name-firstname {float:left; width:270px; margin-right:30px !important; margin-right:18px; } .group-select-checkout .input-box.name-firstname input{float:left; width:270px; } .group-select-checkout .input-box.name-lastname {float:left; width:270px;} .group-select-checkout .input-box.name-lastname input {float:left; width:270px;} .group-select-checkout .input-box.company { float:left; width:270px; } .group-select-checkout .input-box.company input{ float:left; width:270px;} .group-select-checkout .input-box.password { float:left; width:270px; margin-right:30px !important; margin-right:20px; margin-bottom:10px;} .group-select-checkout .input-box.password input{ float:left; width:270px;} .group-select-checkout .input-box.password.confirm { float:left; width:270px; margin-right:30px !important; margin-right:20px; margin-bottom:10px;} .group-select-checkout .input-box.password.confirm input{ float:left; width:270px;} .group-select-checkout .input-box.email { float:left; width:270px; margin-right:30px !important; margin-right:20px;} .group-select-checkout .input-box.email input{ float:left; width:270px;} .group-select-checkout .input-box.email.confirm { float:left; width:270px; } .group-select-checkout .input-box.email.confirm input{ float:left; width:270px;} .group-select-checkout .input-box.street { float:left; width:570px; } .group-select-checkout .input-box.street .input-text{ float:left; width:570px !important; width:580px;} .group-select-checkout .input-box.city { float:left; width:270px; margin-right:30px !important; margin-right:20px; } .group-select-checkout .input-box.city input{ float:left; width:270px;} .group-select-checkout .input-box.zip {float:left; width:270px; margin-right:30px !important; margin-right:20px;} .group-select-checkout .input-box.zip input{float:left; width:270px; } .group-select-checkout .input-box.region {float:left; width:270px; } .group-select-checkout .input-box.region select{float:left; width:270px; } .group-select-checkout .input-box.country {float:left; width:270px; margin-right:30px; } .group-select-checkout .input-box.country select{float:left; width:270px; } .group-select-checkout .input-box.telephone {float:left; width:270px; margin-bottom:10px;} .group-select-checkout .input-box.telephone input{float:left; width:270px;} .group-select-checkout .required {margin-bottom:5px;} .group-select-checkout h3{margin:10px 0px; font-family:Georgia; font-size:17px; color:#d10055;} .group-select-checkout .input-box.code-privilege { width:270px;} .group-select-checkout .input-box.code-privilege input { width:270px; margin-bottom:5px;} .group-select-checkout .input-box.wedding-infos .value{ float:left; width:160px; margin-right:50px;} .group-select-checkout .input-box.wedding-infos .value #mariage_date { float:left; width:180px !important; width:170px;} .group-select-checkout .input-box.name-firstname-spouse {float:left; width:270px; margin-left: 90px;} .group-select-checkout .input-box.name-firstname-spouse #spouse_name {float:left; width:270px; } .group-select-checkout #is_suscribed {float:left; width:350px; margin-right:20px;} .group-select-checkout .input-box.address-book {width:270px; margin:5px 0px;} .group-select-checkout .input-box.address-book input {float:left; width:20px; margin-top:3px;} /* Mode de livraison */ .group-select-checkout .tool-tip {display:block; margin-bottom:10px; } .group-select-checkout dl #payment_form_ccsave {margin-bottom:100px !important; margin-bottom:10px;} .group-select-checkout dl #payment_form_ccsave .back-link {margin-bottom:10px;margin-top:10px;} .col-main-right #co-shipping-method-form .buttons-set.checkout button { float:right;width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin-left:440px;} .col-main-right #co-shipping-method-form .buttons-set.checkout button:hover{ width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin-bottom:10px; margin-left:440px;} .col-main-right #co-shipping-method-form .buttons-set.checkout span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} /* Mode de paiement */ .group-select-checkout #checkout-payment-method-load dt {margin-bottom:8px;} .group-select-checkout #checkout-payment-method-load dd{ margin: 0px 0px 4px 15px;} .group-select-checkout #checkout-payment-method-load .input-box-payment{width:500px;} .group-select-checkout #checkout-payment-method-load .input-box-payment td {text-align:left; padding-right:10px;} .group-select-checkout #checkout-payment-method-load .input-box-payment .checkmo-mailing-address {margin-top:10px; margin-left:10px;} #product_mask { background:url(../images/product_mask.png) repeat; position:absolute; z-index:4; } #product_loader { background:url(../images/product_loader.gif) no-repeat; position:absolute; width:32px; height:32px; margin-left:311px; margin-top:300px; z-index:3; } #loader_text { position:absolute; margin-left:287px; margin-top:336px; Font-family:Arial; font-size:13px; font-weight:bold; color:black; z-index:3; } .step.a-item .order-review { padding-left:0px; text-align:center; margin-top:10px !important;} .step.a-item .order-review .data-table table {border:1px solid #BFB9B3; background-color:#f2f1ee; color:black;} .step.a-item .order-review .data-table td a {display:block;} .step.a-item .order-review .data-table th,td {text-align:center; } .step.a-item .order-review .title-buttons a {font-family:Georgia; font-weight:bold;} .order-review table {width:100%; color:black; margin-left:0px; margin-top:10px;} .order-review th {font-family:Gerogia; font-weight:bold; font-size:17px; text-align:center; color:#c02050;} .order-review #checkout-review-table {} .order-review .first.last { } .buttons-set button { width:150px; height:35px; background:url(../images/button2.png) no-repeat; border:0px; color:#c02050; margin-left:490px; margin-top:10px;} .buttons-set button:hover { width:150px; height:35px; background:url(../images/button2_hover.png) no-repeat; border:0px; color:#c02050; margin-left:490px; margin-top:10px;} .buttons-set .button span { color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px;} .checkout-agreements { margin:15px 0px;} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; padding:5px; overflow:auto; height:12em; background-color:white;} .checkout-agreements .agree { margin-top:10px;} .checkout-agreements .agree label { padding-top:3px; Font-family:Arial; font-size:13px; font-weight:bold;} .checkout-agreements .agree input.checkbox { margin-right:3px; margin-top:-2px;} /* ----------------------------- COMMANDE OK --------------------------------*/ .col-main .page-title-success h2{ font-family:Arial; font-size:20px; color:black; padding-top:10px; border-bottom:1px solid #BFB9B3; margin:0px 25px 10px 25px; } .order_success {border:1px solid #BFB9B3; background-color:#f2f1ee; margin-top:20px; margin-left:25px; width:875px; padding:15px 10px; margin-bottom:20px; padding-bottom:70px;} .order_success a {font-weight:bold;} .order_success .button_continue { float:left; width:220px; height:35px; background:url(../images/button_poursuivre.png) no-repeat; border:0px; color:#c02050; margin-top:30px; margin-left:20px;} .order_success .button_continue:hover { float:left; width:220px; height:35px; background:url(../images/button_poursuivre_hover.png) no-repeat; border:0px; color:#c02050; margin-top:30px; margin-left:20px;} .order_success .button_dashboard { float:right; width:220px; height:35px; background:url(../images/button3.png) no-repeat; border:0px; color:#c02050; margin-right:20px; margin-top:30px;} .order_success .button_dashboard:hover { float:right; width:220px; height:35px; background:url(../images/button3_hover.png) no-repeat; border:0px; color:#c02050; margin-right:20px; margin-top:30px;} .order_success .button_continue span {width:220px; height:35px; color:#c02050; font-family:Arial; font-size:13px; margin-left:10px; font-weight:bold;} .order_success .button_dashboard span {width:220px; height:35px; color:#c02050; font-family:Arial; font-size:13px; margin-left:-20px; font-weight:bold;} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .main.col1-layout .messages {margin-left:25px;} .col-main .cart .messages {margin-left:0px;} .error-msg { display:block; margin:20px 25px 5px 0px; background-color:#FAEBE7; background-image:url(../images/error_msg_icon.gif); border-color:#F16048; color:#DF280A; } .success-msg { display:block; margin:20px 25px 5px 0px; border-color:#446423; color:#3d6611; background-color:#E1F0E0; background-image:url(../images/success_msg_icon.gif); } .note-msg { display:block; margin:20px 25px 5px 0px; border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } .error-msg, .success-msg, .note-msg, .note-msg { background-position:10px 10px !important; background-repeat:no-repeat !important; border-style:solid !important; border-width:1px !important; font-size:0.95em !important; font-weight:bold !important; margin-bottom:1em !important; min-height:23px !important; padding:8px 8px 8px 32px !important; } .error-msg li, .success-msg li, .notice-msg li { margin-bottom:0.2em; margin-top:5px; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { padding:5px; height:23px; margin:10px 0px; text-align:center; color:#505050;} .pager .limiter { float:left; font-weight:bold; margin-top:2px;} .pager label {color:#505050;} .pager .pages ul { float:right;display:inline; padding-left:10px; margin-top:0px;} .pager .pages li { float:left; } .pager p{ margin-top:2px; font-weight:bold;} .pager #number {width:21px; height:18px; float:left; margin:0px 1px; } .pager #number a{margin-left:7px; margin-right:7px; color:#515151; font-size:13px; font-weight:bold;} .pager #number a:hover{ margin-left:7px; color:#AE4E46; font-size:13px; font-weight:bold;} .pager #number_current {background:url(../images/number_current.gif) no-repeat; width:21px; height:19px; float:left; text-align:center; margin-left:2px; } .pager #number_current p{ width:21px; height:18px; color:white; font-size:13px; font-weight:bold; margin-top:0px; } .pager .pages {float:right; margin-top:2px; text-align:right; } .pager .pages strong {float:left; margin-right:10px;} .pager .pages img {float:left; padding-top:7px;} .category-products .top .pager { margin-top:-33px; text-align:center; color:#505050; margin-right:15px;} .top .limiter {display:none;} .bottom .pager { padding:5px 20px; width:910px; text-align:center; color:#505050; margin-left:-255px; background-color:#F2f1ee;} .history_pager .pager { margin:5px 30px 5px 0px; height:23px; background-color:#f2f1ee; } /* Data Table */ .data-table { width:650px; margin-right:10px; margin-bottom:10px; margin-top:10px;} .data-table th { padding:5px; border:1px solid #BFB9B3; font-weight:bold; } .data-table td { padding:5px; border:1px solid #BFB9B3; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Lists Decoration */ li.odd {} li.even { } dt.odd, dd.odd {} dt.even, dd.even { } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block-title{ margin-left:10px;} .col-main .block .block-title h2 { position:absolute; float:left; margin-top:28px; margin-left:30px; text-align:center; font-family:Georgia; font-size:20px; font-weight:bold; color:#d10055;} .block-title #coeur{ position:absolute; margin-top:20px; margin-left:240px; float:left; width: 34px; height: 35px; background:url(../images/coup_de_coeurs.gif) no-repeat; } .block h3 { font-size:14px; line-height:1.5; } /* Block Mise en Avant */ .block-featuredproduct { float:left; height:253px; background-color:#fffcf5; } .mise-en-avant{ margin-left:10px;} .mise-en-avant .product-image{ position:absolute; float:left;margin-top:59px; margin-left:90px; } .mise-en-avant .product-details { position:absolute; width:200px; text-align:center; margin-top:185px; margin-left:50px; } .mise-en-avant .product-details h4 .product-name{ font-size:1em; font-weight:bold; margin:0; color:black; font-family:Arial; font-size: 11px; } .mise-en-avant .product-details a { color:#8E2044; text-decoration:underline;} .mise-en-avant .product-details .product-price { font-size:1em; font-weight:bold; margin:0; color:black; font-family:Arial; font-size: 11px; } .mise-en-avant #precedent { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche.gif) no-repeat; cursor:pointer; margin-top:109px; margin-left:30px;} .mise-en-avant #precedent:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche_hover.gif) no-repeat; cursor:pointer; margin-top:109px; margin-left:30px;} .mise-en-avant #suivant { position:absolute; width:20px; height:20px; background:url(../images/PS_droite.gif) no-repeat; cursor:pointer; margin-top:109px; margin-left:252px;} .mise-en-avant #suivant:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_droite_hover.gif) no-repeat; cursor:pointer; margin-top:109px; margin-left:252px;} .mise-en-avant .promo {position:absolute; margin-left:95px; margin-top:-100px; background:url(../images/promo.png) no-repeat;} .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart .amount {} .mini-products-list li { padding:5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe { border:0px;} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product Images */ .product-view .product-img-box { float:left; width:450px; padding-left:10px;text-align:center; background-color:#fffcf5; } .product-view .product-shop { float:left; width:49%; padding-top:10px; background-color:#fffcf5;} .product-view .product-img-box .product-image {float:left; margin-top:10px; } .product-view .product-img-box .product-image-zoom { float:left; } .product-view .product-img-box .more-views .related_images {float:left; margin-top:10px;} .product-view .product-img-box .more-views h3 {display:none;} .product-view .product-shop .product-name h1 {float:left;font-family:Arial; font-size:16px; font-weight:bold; color:#8d2044; } .product-view .product-shop .product-name p{float:left; font-family:Arial; font-size:13px; color:#8d2044; } .product-view .product-shop .description { margin-top:20px; font-family:Arial; font-size:12px; font-weight:bold; color:#8e8e8e; } .product-view .product-shop .add-to-box {margin-top:10px;} .product-view .product-shop .add-to-box #wishlist{ float:left; display:block; width:105px; height:37px; background:url(../images/wishlist.png) no-repeat;} .product-view .product-shop .add-to-box #wishlist:hover{ float:left; display:block; width:105px; height:37px; background:url(../images/wishlist_hover.png) no-repeat;} .product-view .product-shop .add-to-box #share{ float:left; display:block; width:105px; height:37px; background:url(../images/share.png) no-repeat;} .product-view .product-shop .add-to-box #share:hover{ float:left; display:block; width:105px; height:37px; background:url(../images/share_hover.png) no-repeat;} .product-view .product-shop .add-to-box button { width:228px; height:35px; background:url(../images/button5_hover.png) no-repeat; border:0px; color:#c02050; margin-top:2px; } .product-view .product-shop .add-to-box button:hover { width:228px; height:35px; background:url(../images/button5.png) no-repeat; border:0px; color:#c02050; margin-top:2px;} .product-view .product-shop .add-to-box span { color:#008203; font-family:Arial; font-size:13px; margin-left:-20px; font-weight:bold; margin-top:-2px;} .product-view .product-shop .hor-scroll {float:left; margin-top:20px;} .product-price-details table{ width:209px; text-align:center;} .product-price-details caption { width:209px; height:28px; background:url(../images/caption.gif) no-repeat; text-align:center;} .product-price-details caption p{ color:white; font-weight:bold; padding-top:8px; } .product-price-details th {text-align:center; font-weight:bold; color:#8e8e8e;} .product-price-details th p {margin-top:2px;} .product-price-details td .item-text {margin-top:2px;} .product-price-details td {text-align:center; font-weight:bold; width:50%} .product-price-details td .rules{font-size:11px; margin-left:-8px; color:#a2a2a2} .product-price-details .tfoot_product { width:208px; height:35px; padding-top:3px; background:url(../images/grill_prix_bas.gif) no-repeat; } .product-price-details .single-item-gauche {width:103px; height:23px; background:url(../images/grill_prix1_gauche.gif) no-repeat; border-right:1px solid #e6e6e6;} .product-price-details .single-item-droite {width:103px; height:23px; background:url(../images/grill_prix1_droite.gif) no-repeat;} .product-price-details .even .single-item-gauche {width:103px; height:23px; background:url(../images/grill_prix2_gauche.gif) no-repeat; border-right:1px solid #e6e6e6;} .product-price-details .even .single-item-droite {width:103px; height:23px; background:url(../images/grill_prix2_droite.gif) no-repeat;} .product-format-details {float:left; width:220px; margin-left:10px; margin-top:10px;} .product-format-details .box{float:left; text-align:right; margin-top:15px; width:240px;} .product-format-details .box .format-image{float:left; margin-right:10px;text-align:center; } .product-format-details .box .format-image img{max-width:120px;} .product-price-details .tfoot_product .select_qty { float:left; display:block; margin-left:33px; margin-right:12px; font-weight:bold; z-index:3; } .product-price-details .tfoot_product .values_qty { width:106px; text-align:center; color:black; display:none; } .product-format-details .box .format-name{float:left; display:block; font-size:16px; font-weight:bold;} .product-format-details .box .format-description{ margin-top:10px !important; margin-top:25px; color:#8e8e8e; font-size:13px; line-height:20px; text-align:left; padding-left:0px; } .product-format-details .box .enveloppes{margin-top:0px; } .product-view .product-shop .reassurance { margin-bottom:10px; margin-top:10px;} .product-view .product-shop .reassurance img { margin-left:11px; } .product-view .product-shop .reassurance p{margin-top:5px; margin-bottom:5px; color:#6fb728; font-weight:bold; text-decoration:underline; text-align:center;} .block_collection { text-align:center; } .block_collection .block-title h3 {margin:20px 20px 30px 20px; font-family:Georgia; font-weight:bold; color:#8e2044; font-size:19px; border-bottom:3px solid #8e2044; line-height:15px; text-align:left;} .block_collection .product_collection {position:absolute; width:160px; } .block_collection .block-content { height:170px; display:block; } .block_collection #precedent_collection { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche.gif) no-repeat; cursor:pointer; margin-top:55px; margin-left:25px;} .block_collection #precedent_collection:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_gauche_hover.gif) no-repeat; cursor:pointer; margin-top:55px; margin-left:25px;} .block_collection #suivant_collection { position:absolute; width:20px; height:20px; background:url(../images/PS_droite.gif) no-repeat; cursor:pointer; margin-top:55px; margin-left:902px;} .block_collection #suivant_collection:hover { position:absolute; width:20px; height:20px; background:url(../images/PS_droite_hover.gif) no-repeat; cursor:pointer; margin-top:55px; margin-left:902px;} /* Perso Tool */ .block.block-persotool {background-color:#fffcf5;} .block.block-persotool .product-name {margin:5px 0px 5px 25px;} .block.block-persotool .product-name h1 {color:#8D2044;float:left;font-family:Arial;font-size:16px;font-weight:bold; } .block.block-persotool .product-name p {color:#8D2044; font-family:Arial;font-size:13px;} #fairePartFlexContent {/*height:767px;*/ background-color:#fffcf5;} .helper_persotool {background-color:#fffcf5; height:370px;} .helper_persotool h3 {margin:20px 20px; font-family:Georgia; font-weight:bold; color:#8e2044; font-size:19px; border-bottom:3px solid #8e2044; line-height:15px; text-align:left;} .helper_persotool .col-left_perso {float:left; width:520px; margin:0px 5px 0 15px; background-color:#fffcf5; } .helper_persotool .col-left_perso .video { cursor:pointer; text-align:center;} .helper_persotool .col-left_perso .video p{ font-family:Arial; font-weight:bold; color:#e2c3c7; font-size:14px; margin-left:-40px; } .helper_persotool .col-right_perso {float:left; padding-top:15px;} .helper_persotool .col-right_perso p{width:378px !important; width:370px; margin-bottom:15px; color:#464646; font-size:13px; font-weight:bold;} .helper_persotool .col-right_perso .liens{ width:378px !important; width:370px; border:1px solid #BFB9B3; background-color:#f2f1ee; } .helper_persotool .col-right_perso .liens h4 { padding-left:10px; padding-top:5px;background:url(../images/fond_block.gif) #d10055 repeat-x; color:white; height:25px; font-family:Georgia; font-weight:bold; margin-bottom:10px; } .helper_persotool .col-right_perso .liens a { padding-left:10px; display:block; font-weight:bold; color:#C01C4F; text-decoration:none; margin-bottom:8px;} .helper_persotool .col-right_perso .liens a:hover {padding-left:10px; display:block; font-weight:bold; font-style:italic; text-decoration:underline; color:#C01C4F; margin-bottom:8px;} /* Persotool History */ .block_persotool_account_history ul {text-align:center; padding-left:35px;} .block_persotool_account_history li{display:inline;float:left;padding:10px;margin:10px;margin-bottom:20px;width:160px;/*height:180px*/} .block_persotool_account_history img {} .block_persotool_account_history label { float:left; font-size:11px; margin-right:10px; width:120px;} .block_persotool_account_history #confirm_remove { float:right; margin-top:2px; margin-right:10px;} .block_persotool_account_history #add_to_cart { width:170px; height:35px; color: #C02050; font-size: 13px; font-weight: bold; text-decoration: none; line-height: 35px; background:url("../images/button1.png") 0 0 no-repeat; float:left; padding:0; margin-top:5px; margin-left:-12px} .block_persotool_account_history #add_to_cart:hover { background: url("../images/button1_hover.png") 0 0 no-repeat} .block_persotool_account_history #add_to_cart span { margin-left:-12px} /* enveloppes */ .product-view .product-img-box.review { float:left; width:126px; height:115px; padding-left:20px; padding-top:40px;text-align:center; background-color:#fffcf5; margin-right:20px; } .product-view .congrats h2 {font-family:Georgia; font-size:19px; padding-top:20px; } .product-view .congrats p {font-family:Georgia; font-size:15px; color:#4b4b4b; padding-top:0px; margin-right:10px; } .product-view .add-to-cart { margin-bottom:20px;} .product-view .add-to-cart .quantity { display:inline; margin-left:240px;} .product-view .add-to-cart .quantity label {color:#bf1d4f; font-family:Arial; font-weight:bold; font-size:14px; text-decoration:underline;} .product-view .add-to-cart .tarif_final {width:620px; text-align:right; font-size:14px; margin-top:-15px;} .product-view .add-to-cart button {width:240px; height:50px; background:url(../images/aj_panier.png) no-repeat; border:0px; color:#c02050; margin-top:5px; margin-left:60px;} .product-view .add-to-cart button:hover { width:240px; height:50px; background:url(../images/aj_panier_hover.png) no-repeat; border:0px; color:white; margin-top:5px; margin-left:60px;} .product-view #top_enveloppe_container .product-options-enveloppes{margin-left: 165px; margin-right:50px; margin-top:20px;} .product-view #top_enveloppe_container .product-options-enveloppes li {display:block; font-family:Arial; font-size:14px; font-weight:bold;} .product-view #top_enveloppe_container .product-options-enveloppes .price {color:#249800;} .product-view #bottom_enveloppe_container .bottom_enveloppes { float:left; margin:20px 10px 20px 20px; padding:10px; border:1px solid #FFFCF5; height:140px; width:890px !important; width:860px;} .product-view #bottom_enveloppe_container .bottom_enveloppes img{float:left; margin-right:20px; border:1px solid #c7c7c7;} .product-view #bottom_enveloppe_container .bottom_enveloppes #zoom {position:absolute; border:none; margin-left:-165px; margin-top:110px; background:url(../images/zoom.png) no-repeat; } .product-view #bottom_enveloppe_container .bottom_enveloppes .price_offerte {float:right; width:93px; height:93px; background:url(../images/offerts.png) no-repeat; margin-left:10px; margin-right:10px;} .product-view #bottom_enveloppe_container .bottom_enveloppes .price_offerte span {display:none;} .product-view #bottom_enveloppe_container .bottom_enveloppes .price_value {float:right; width:93px; height:93px; background:url(../images/env_price.png) no-repeat; margin-left:10px; margin-right:10px;} .product-view #bottom_enveloppe_container .bottom_enveloppes .price_value {color:white; font-size:20px; font-weight:bold; padding-top:30px;} .product-view #bottom_enveloppe_container .bottom_enveloppes label {font-weight:bold; font-size:14px;} .product-view #bottom_enveloppe_container .bottom_enveloppes p {font-weight:normal; font-size:14px; color:#8a8a8a;} .product-view #bottom_enveloppe_container .env_option { width:32px; height:33px; background:url(../images/env_not_checked.png) no-repeat; margin-top:50px; margin-right:10px;} /* ---------------- Page Recherche -----------------------*/ .catalog_result {margin-left:25px; margin-right:0px !important; margin-right:-10px; padding-bottom:20px;} .catalog_result .category-products .pager {width:890px; margin-bottom:20px; height:23px; margin-top:0px; background-color:#f2f1ee; } .catalog_result .category-products .bottom .pager { margin-left:0px; padding:5px;} .catalog_result .products-grid { width:840px; margin-left:30px;} .catalog_result .produits_images {text-align:center;} .catalog_result .produits_images h3{text-align:center;} .catalog_result .produits_images .arrow {text-align:left;} .catalog_result .products-grid .produits_images .promo {margin-left:110px; background:url(../images/promo.png) no-repeat;} /* Product Shop */ /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags button.button { float:left; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .col-main .cart { width:925px; background-color:#FFFCF5; padding-left:25px; } .col-main .cart .page-title {text-align:left;} .col-main .cart .a-right.last {padding:5px; height:45px;} .col-main .cart .a-right.last button { position:absolute; width:150px; height:35px; background:url(../images/button4_hover.png) no-repeat; border:0px; margin-left:748px; } .col-main .cart .a-right.last button:hover { position:absolute; width:150px; height:35px; background:url(../images/button4.png) no-repeat; border:0px; } .col-main .cart .a-right.last #continue_shop {position:absolute;width:220px; height:35px; background:url(../images/button_poursuivre.png) no-repeat; border:0px; margin-left:0px;} .col-main .cart .a-right.last #continue_shop:hover {position:absolute; width:220px; height:35px; background:url(../images/button_poursuivre_hover.png) no-repeat; border:0px; } .col-main .cart .a-right.last .checkout-types span { color:#008203; font-family:Arial; font-size:14px; margin-left:-23px; } .col-main .cart .a-right.last #continue_shop span { color:#c02050; font-family:Arial; font-size:14px; margin-left:10px;} .col-main .cart .page-title h2{ width:880px; margin-right:0px; background-color:#fffcf5; padding-bottom:10px; text-align:left;} .col-main .cart .data-table.cart-table {float:left; margin-right:25px!important; margin-right:7px; margin-top:15px; } .col-main .cart .continue_shopping {float:left;} .col-main .cart .data-table.cart-table {width:900px; border:1px solid #BFB9B3;} .col-main .cart .data-table.cart-table th,.col-main .cart .data-table.cart-table tfoot {background-color:#F2F1EE; text-align:center;} .col-main .cart .data-table.cart-table .item-msg { font-size:10px; } .col-main .cart .col2-set.cart-collaterals {margin-bottom:15px;} .col-main .cart .col2-set.cart-collaterals h3 { font-family:Georgia; font-size:13px; font-weight:bold; color:#c02050; } .sp-methods dt { font-family:Georgia; font-size:13px; font-weight:bold; color:#c02050; } .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell { width:475px; border:1px solid #BFB9B3; background-color:#f2f1ee; margin-top:10px;margin-bottom:10px; margin-right:15px!important; margin-right:0px; padding:10px;} .col-main .cart .col2-set.cart-collaterals .col-2.total { width:350px; border:1px solid #BFB9B3; background-color:#f2f1ee; margin-top:10px;margin-bottom:20px; margin-right:25px !important; margin-right:10px; padding:10px;} .col-main .cart .totals { margin-right:25px; width:372px; margin-bottom:50px;} /* Crossell */ .col-main .cart .col2-set.cart-collaterals .col-1_cart .reassurance { margin-bottom:10px; width:475px; margin-top:20px;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .reassurance img { margin-left:15px; } .col-main .cart .col2-set.cart-collaterals .col-1_cart .reassurance p{margin-top:5px; margin-bottom:5px; color:#6fb728; font-weight:bold; text-decoration:underline; text-align:center;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell {text-align:center;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell h3 {text-align:left;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell ul { text-align:left;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell .product_crossell {margin-top:20px;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell .product_crossell .product-image{ float:left; } .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell .product_crossell .product-shop {text-align:center; width:300px; padding-top:7px;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell .product_crossell .product-shop h4 {margin-bottom:5px;} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell button { width:178px; height:35px; background:url(../images/button_produit.png) no-repeat; border:0px; color:#c02050; margin-top:2px } .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell button:hover {width:178px; height:35px; background:url(../images/button_produit_hover.png) no-repeat; border:0px; color:#c02050; margin-top:2px} .col-main .cart .col2-set.cart-collaterals .col-1_cart .crosssell .button span { color:#c02050; font-family:Arial; font-size:14px; margin-left:-25px;} /* Discount */ .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form {padding-top:10px; height:30px; margin-bottom:10px;} #advice-required-entry-coupon_code {margin-left:185px;margin-top:20px;position:absolute;width:150px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form label {position:absolute; width:190px; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form input {position:absolute; margin-left:190px; width:110px; margin-top:-3px; margin-right:6px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form button { position:absolute; margin-left:310px; width:29px; height:28px; background:url(../images/btn_ok.gif) no-repeat; border:0px; color:#c02050; margin-top:-5px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form button:hover { position:absolute; margin-left:310px; width:29px; height:28px; background:url(../images/btn_ok_hover.gif) no-repeat; border:0px; color:#c02050; margin-top:-5px; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form span { position:absolute;color:white; font-family:Arial; font-size:13px; margin-left:-7px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .discount .discount-coupon-form #cancel { float:right; margin-bottom:10px; margin-top:20px;} /* TVA et Livraison */ .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form p {margin-bottom:10px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form ul {float:left; height:20px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form label { float:left; width:60px; font-weight:bold; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form select { float:left; width:235px !important; width:200px; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form button { float:right; width:29px; height:28px; background:url(../images/btn_ok.gif) no-repeat; border:0px; color:#c02050; margin-right:10px; margin-top:-5px; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form button:hover { float:right; width:29px; height:28px; background:url(../images/btn_ok_hover.gif) no-repeat; border:0px; color:#c02050; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form span { color:white; font-family:Arial; font-size:13px; } .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method li {display:block; margin-top:7px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method .sp-methods dt{font-weight:bold;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method #multipletablerates_bestway_273 {float:left; width:77px; height:50px; background:url(../images/colissimo.gif) no-repeat; border:0px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method #multipletablerates_bestway_307 {float:left; width:111px; height:44px; background:url(../images/shipping_chronopost.gif) no-repeat; border:0px;} #checkout-shipping-method-load dt {display:none;} #checkout-shipping-method-load h2 {font-size:15px;} #checkout-shipping-method-load li {display:block; margin-top:7px;} #checkout-shipping-method-load input { } #checkout-shipping-method-load label {} #multipletablerates_bestway_273 { width:77px; height:50px; background:url(../images/colissimo.gif) no-repeat; border:0px;} #multipletablerates_bestway_482 { width:77px; height:50px; background:url(../images/colissimo.gif) no-repeat; border:0px;} #multipletablerates_bestway_307 { width:111px; height:44px; background:url(../images/shipping_chronopost.gif) no-repeat; border:0px;} #multipletablerates_bestway_517 {width:111px; height:44px; background:url(../images/shipping_chronopost.gif) no-repeat; border:0px;} #shipping-method-buttons-container button { margin-right:40px;} #shipping-method-buttons-container button:hover { margin-right:40px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method button { float:right; width:220px; height:35px; background:url(../images/button3.png) no-repeat; border:0px; color:#c02050; margin:5px 0px 5px 0px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method button:hover { float:right; width:220px; height:35px; background:url(../images/button3_hover.png) no-repeat; border:0px; color:#c02050; margin:5px 0px 5px 0px;} .col-main .cart .col2-set.cart-collaterals .col-2_cart .shipping .shipping-zip-form_method .button span { color:#c02050; font-family:Arial; font-size:14px; margin-left:-25px; } /* Shopping Cart Table */ .col-main .cart #shopping-cart-totals-table { border:1px solid #BFB9B3; margin-bottom:20px} .col-main .cart #shopping-cart-totals-table tfoot { font-family:Arial; font-weight:bold; font-size:16px; color:#BF1F4F; background-color:#F2F1EE; border-top:1px solid #BFB9B3} #shopping-cart-table {text-align:center} #shopping-cart-table #btn_modifier_creation { width:140px; height:30px; background:url(../images/btn_modifier_creation.png) no-repeat; float:left; margin-left:30px; } #shopping-cart-table #btn_modifier_creation:hover { background:url(../images/btn_modifier_creation_hover.png) no-repeat; } #shopping-cart-table #btn_modifier_enveloppes { width:140px; height:30px; background:url(../images/btn_changer_enveloppes.png) no-repeat; float:right; margin-right:30px; cursor:pointer} #shopping-cart-table #btn_modifier_enveloppes:hover { background:url(../images/btn_changer_enveloppes_hover.png) no-repeat} #shopping-cart-table #product-env { text-decoration:none} #shopping-cart-table #product-env:hover { text-decoration:underline} #shopping-cart-table .product-name a { text-decoration:none} #shopping-cart-table .product-name a:hover { text-decoration:underline} .col-main .cart .totals .checkout-types button { width:150px; height:35px; background:url(../images/button4_hover.png) no-repeat; border:0px; position:absolute; margin-left:225px} .col-main .cart .totals .checkout-types button:hover { float:right; width:150px; height:35px; background:url(../images/button4.png) no-repeat; border:0px; position:absolute; margin-left:225px} .col-main .cart .totals .checkout-types span { color:#008203; font-family:Arial; font-size:14px; margin-left:-25px} .col-main .cart .totals .checkout-types a {display:none} #shopping-cart-table td.created-updated { white-space: normal; line-height: 14px} #shopping-cart-table .created-updated label { font-weight: bold} #shopping-cart-table td.created-updated p { margin: 5px 0} /* Shopping Cart Collateral boxes */ .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* Enveloppes */ #enveloppes_content { width:650px; background-color:white; text-align:left; line-height:150%; padding:10px 10px 1px; display:block; } #popup_env_titre1 { background:url(../images/popup_env_titre1.png) no-repeat; width:640px; height:27px; float:left; } #popup_env_titre2 { display:block; background:url(../images/popup_env_titre2.png) no-repeat; width:30px; height:27px; float:left; } #enveloppes_content .enveloppes { float:left; margin:10px; padding:10px 10px 10px 0px; border:1px solid white; } .radio_bt { display:none; } .env_description { float:left; height:120px; padding:10px; width:200px; } .img_env { float:left; } .update_cart{margin-left:5px;float:left;width:220px;height:50px;background:url(../images/btn_maj_panier.png) no-repeat;display:block} .update_cart:hover { background:url(../images/btn_maj_panier_hover.png) no-repeat; } .update_cart span { display:none; } #env_content_overflow { width:647px; height:370px; overflow:auto; } .price_offerte {float:right; width:93px; height:93px; background:url(../images/offerts.png) no-repeat; margin-left:10px; margin-top:30px; } .price_offerte span {display:none;} .price_value {float:right; width:93px; height:93px; background:url(../images/env_price.png) no-repeat; text-align:center; margin-left:10px; margin-top:30px; padding-top:38px; margin-bottom:-38px; } .price_value span {color:white; font-size:16px; font-weight:bold; } #popup_env_bottom { width:670px; height:4px; background:url(../images/popup_env_bottom.png) no-repeat; } /* ======================================================================================= */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; color:#8E2044; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* payment ogone */ #payment_form_ogone_basic .input-box { float: none; } #payment_form_ogone_basic .input-box ul li table td { padding: 2px 3px; vertical-align: middle; } #payment_form_ogone_basic input { width: auto; border: 0 } #payment_form_ogone_basic label { width: auto } /* Checkout Agreements */ /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page .content { } /* ======================================================================================= */ /* My Account ============================================================================= */ /********** < Dashboard */ /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; width:575px; } .dashboard .recent-orders .data-table table {border:1px solid #BFB9B3; background-color:#f2f1ee;} .dashboard .recent-orders .data-table td a {display:block;} .dashboard .recent-orders .data-table th,td {text-align:center;} .dashboard .recent-orders .data-table {width:652px; margin-top:10px;} .dashboard .recent-orders .title-buttons a {font-family:Georgia; font-weight:bold;} .dashboard .recent-orders .title-buttons {width:650px;} /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ /********** Dashboard > */ /* Order View */ .order-info { padding-top:5px; margin-top:20px;} .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .col2-set {background-color:white;} .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Landing Page ========================================================================== */ #landing_title { border-bottom:1px solid #DDDDDD; margin:0px 10px 15px 10px; padding-top:10px;} #landing_title h1 { margin-left:25px; margin-bottom:5px; color:#4A4A4A; font-family:Georgia; font-size:15px; font-weight:bold; line-height:20px; } .landing_2col { padding:10px; } .landing_2col td { padding:10px; } .landing_3col{ padding:10px; } .landing_3col td { padding:10px; } .landing_pave { padding:10px; } .landing_2col .landing_prod_content { width:425px; text-align:left; padding:10px; } .landing_3col .landing_prod_content { width:270px; text-align:left; padding:10px; } .landing_prod { width:244px; text-align:center; padding:10px; } .landing_prod a{ color:#912045; font-weight:bold; font-size:12px; } .landing_prod .category_products .pager { background-color:#F2F1EE; } .landing_prod .products-grid .produits_images .produit-image { text-align:center; } .landing_prod .products-grid .produits_images { float:left; width:237px; height:270px; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer_market {width:950px; padding: 0px 13px; background:url(../images/ombre.png) repeat-y;} .footer_market address { text-align:right; } .footer_market a {text-decoration:none; color:#8e2044;} .footer_market a:hover {text-decoration:underline; color:#8e2044;} .footer_market .haut{ width:950px; height:65px; background:url(../images/footer/footer_haut.png) no-repeat; } .footer_market .fond_footer { width: 938px; height:138px; background:url(../images/footer/fond_footer.gif) repeat-x; padding-left:12px; } .footer_market .fond_footer .footer_box { float:left; } .footer_market .fond_footer .footer_box .box_content{ width:301px; height:108px; background:url(../images/footer/fond_categorie_footer.gif) repeat-x; } .footer_market .fond_footer .footer_box .box_content span {font-size:10px;} .footer_market .fond_footer .footer_box .box_content ul, ol { position:absolute; margin-top:3px; } .footer_market .fond_footer .footer_box .box_content li{ display:block; margin-left:15px; padding-top:12px; color:#8e2044; font-size:13px; font-family:Georgia,Verdana; line-height:12px;} .footer_market p { text-align:right; } .footer_market .fond_footer .box_title { width:301px; height:30px; color: #f5d3d6; font-family:Georgia,Verdana; font-size:17px; font-weight:bold; } .footer_market .fond_footer .box_title p{ position:absolute; margin-top:8px; width:301px; text-align:center;} .footer_market .fond_footer .separateur { float:left; width:11px; height:138px; background:url(../images/footer/separateur_haut.gif) repeat-x;} .under_footer { padding-bottom:10px; } .under_footer #footer_description { width:976px; height:100px; background:url(../images/footer/footer_bas.png) no-repeat; } .under_footer #footer_description div { width:830px; height:50px; margin-left:20px; padding-top:30px; padding-left:10px; font-size:11px; text-align:left; line-height:11px; font-family:Arial; color:white;} .under_footer #footer_description p{ text-align:center;} .under_footer #footer_description a {color:white; font-weight:bold;} #copyright { position:absolute; margin-left:30px; margin-top:88px; font-family:Arial; font-size:11px; font-weight:bold; color:#323232;} #copyright img {margin-top:0px;margin-left:0px;} #copyright span {margin-left:260px;} #footer_facebook {position:absolute;cursor:pointer;margin-left:68px;width:52px;height:16px;background:url(../images/footer/facebook.png) no-repeat;display:inline;} #footer_twitter {position:absolute;cursor:pointer;margin-left:150px;width:53px;height:16px;background:url(../images/footer/twitter.png) no-repeat;display:inline;} /* ======================================================================================= */ /* Calendar ================================================================================ */ .calendar{position:relative;display:none;border-top:2px solid #fff;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #fff;font-size:11px;color:#000;cursor:default;background:#F2F1EE;font-family:tahoma,verdana,sans-serif;} .calendar table{border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;font-size:11px;color:#000;cursor:default;background:#F2F1EE;font-family:tahoma,verdana,sans-serif;} .calendar .button{text-align:center;padding:1px;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;} .calendar .nav{background:transparent url(menuarrow.gif) no-repeat 100% 100%;} .calendar thead .title{font-weight:bold;padding:1px;border:1px solid #000;background:#D10055;color:#fff;text-align:center;} .calendar thead .name{border-bottom:1px solid #000;padding:2px;text-align:center;background:#FFFFFF;} .calendar thead .weekend{color:#D10055;} .calendar thead .hilite{border-top:2px solid #fff;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #fff;padding:0;background-color:#e4e0d8;} .calendar thead .active{padding:2px 0 0 2px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;background-color:#c4c0b8;} .calendar tbody .day{width:2em;text-align:right;padding:2px 4px 2px 2px;} .calendar tbody .day.othermonth{font-size:80%;color:#aaa;} .calendar tbody .day.othermonth.oweekend{color:#faa;} .calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid #000;background:#FFFFFF;} .calendar tbody .rowhilite td{background:#e4e0d8;} .calendar tbody .rowhilite td.wn{background:#F2F1EE;} .calendar tbody td.hilite{padding:1px 3px 1px 1px;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;} .calendar tbody td.active{padding:2px 2px 0 2px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;} .calendar tbody td.selected{font-weight:bold;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;padding:2px 2px 0 2px;background:#ffffff;} .calendar tbody td.weekend{color:#D10055;} .calendar tbody td.today{font-weight:bold;color:#D10055;} .calendar tbody .disabled{color:#999;} .calendar tbody .emptycell{visibility:hidden;} .calendar tbody .emptyrow{display:none;} .calendar tfoot .ttip{background:#FFFFFF;padding:1px;border:1px solid #000;background:#D10055;color:#fff;text-align:center;} .calendar tfoot .hilite{border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;padding:1px;background:#e4e0d8;} .calendar tfoot .active{padding:2px 0 0 2px;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;} .calendar .combo{position:absolute;display:none;width:4em;top:0;left:0;cursor:default;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #fff;background:#e4e0d8;font-size:90%;padding:1px;z-index:100;} .calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;} .calendar .combo .label-IEfix{width:4em;} .calendar .combo .active{background:#c4c0b8;padding:0;border-top:1px solid #000;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #000;} .calendar .combo .hilite{background:#048;color:#fea;} .calendar td.time{border-top:1px solid #000;padding:1px 0;text-align:center;background-color:#FFFFFF;} .calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{padding:0 3px 0 4px;border:1px solid #889;font-weight:bold;background-color:#fff;} .calendar td.time .ampm{text-align:center;} .calendar td.time .colon{padding:0 2px 0 3px;font-weight:bold;} .calendar td.time span.hilite{border-color:#000;background-color:#766;color:#fff;} .calendar td.time span.active{border-color:#D10055;background-color:#000;color:#0f0;} /* ======================================================================================= */ .products_links{float:left;margin-left:23px;margin-right:23px;width:190px} /*------------------ ------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto !important; height: auto !important;} #lightbox a img{ border: none; } .env_option { width:53px; height:140px; background:url(../images/checkbox_env1.png) no-repeat; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #loadingLink { width: 32px; height:32px; margin-left:47% !important; margin-left:0; display:block; background: url(../images/lightbox/loading.gif) no-repeat; outline: none;} #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 90px; height:18px; display:block; background: url(../images/lightbox/closelabel.gif) no-repeat; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #closePopup { width: 90px; height:18px; display:block; background: url(../images/lightbox/closelabel.gif) no-repeat; float: right; padding-bottom: 0.7em; margin-top:20px; outline: none;} #cancelPopup { width: 90px; height:18px; margin:10px 10px 0px 0px; display:block; background: url(../images/lightbox/cancellabel.gif) no-repeat; float: right; padding-bottom: 0.7em; outline: none;} /* Suppression articles du panier */ #lightbox { line-height: 15px; } .div-multisku {} .div-multisku .block-title { margin: 0} .div-multisku .block-title h2 { width: 930px; color: #fff; font-size: 13px; font-weight: bold; text-align: left; text-indent: 16px; line-height: 27px; background: url(../images/popup_generique_titre.png) 0 0 no-repeat; float: left} .div-multisku .block-title .close { float: left} .div-multisku .block-title .close a { display: block; width: 30px; height: 27px; text-indent: -9999px; background: url(../images/popup_generique_close.png) 0 0 no-repeat} .div-multisku .block-content { background-color: #fff; padding: 10px 10px 20px 10px; clear: both} .div-multisku .block-content .msg { padding-bottom: 10px} .div-multisku #shopping-cart-table { width: 900px; margin: 0 20px} .div-multisku #shopping-cart-table td h3 { display: block} #shopping-cart-table td.created-updated { white-space: normal; line-height: 14px} #shopping-cart-table td.created-updated p { margin: 5px 0} #shopping-cart-table tr.last-updated td { background-color: #bfdfba} .div-multisku #btn_trash { margin-left: 20px} /************************************************/ /******************** Clears ********************/ /************************************************/ .clearer:after, .header:after, #nav:after, .main:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block-poll li:after, .block-related li:after, .block-related .item:after, .block .actions:after, .mini-products-list li:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .products-list li.item:after, .product-view .product-img-box .more-views ul:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .field-100:after, .group-select li:after, .form-list li:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #known_other_input input {width:450px;}