/* ================================================================================ ================================================================================ STYLES BABYCARDS.NL ================================================================================ ================================================================================ */ /* ================================================================================ RESET ================================================================================ */ *{margin:0;padding:0;} body{ background-color: #fff; font:12px/1.5 Arial,Helvetica,sans-serif; color:#000; text-align:center;} img{border:0;} :focus{outline:0;} h1{font-size:20px;font-weight:normal;line-height:1.3;} h5{font-size:12px;font-weight:bold;} h6{font-size:11px;font-weight:bold;}form{display:inline;} a, a:hover {text-decoration: none} fieldset{border:0;} legend{display:none;} table{border-collapse:collapse;empty-cells:show;font-size:100%;} 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;} ul,ol{list-style:none;} .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;} .v-top{vertical-align:middle;} .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 ================================================================================ */ body {background:url(../images/fond_body.gif) repeat-x top left} .wrapper {} .page { width:995px; margin:0 auto; padding:0; text-align:left; } .page-print { background-color: #fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin: 0; } /* TROIS Colonnes */ .main.col3-layout .col-left, .main.col2-left-layout .col-left { width:200px; margin-right: 5px; float:left} .main.col3-layout .col-main { width:645px; float:left} .main.col3-layout .col-right { width:122px; float:right} /* Version spéciale checkout */ .main.col3-layout.checkout .col-main { width:580px} .main.col3-layout.checkout .col-right { width:187px} /* DEUX Colonnes */ .main.col2-left-layout .col-main-catalog { width: 767px; float: left} /* ================================================================================ ================================================================================ HEADER-CONTAINER - logo - menu langue - menu "quick access" (s'identifier, mon compte, mon panier) - mini search - menu "header nav" (demande de catalogue, questions/réponses, etc) - bloc "header-callouts" (bloc CMS "commandez gratuitement notre catalogue") ================================================================================ ================================================================================ */ #sentence_new_persotool{text-align:center;color:#767676;font-size:15px;font-weight:bold;margin:13px 0;} #sentence_new_persotool a{color:#767676;text-decoration:underline} #sentence_new_persotool a:hover{text-decoration:none} /* Header */ .header-container { position: relative; display:block; height:168px; background: url(../images/header/fond_bandeau.jpg) 0px 1px no-repeat} .header { position: relative} #header_top{width:100%;padding-top:4px;padding-bottom:1px;background-color:#FFF79F;border-bottom:2px solid #BFBFBF} #header_top_content{text-align:left;width:100%} #information{float:left;width:32px;height:32px;margin-left:4px;padding-right:4px;background:url(../images/info_button_32.png) no-repeat} #header_top_text{float:left;line-height:14px;width:72%} #header_top_button{float:right;display:block;width:189px;height:29px;background:url(../images/btn_avis.png) no-repeat} #header_top_button span{display:none} #header_top_close { float:right; display:block; width:16px; height:16px; margin-left:5px; margin-right:5px; background:url(../images/close_16.png) no-repeat; } #header_top_close span { display:none; } #header_bt_content{position:absolute} #bg_fade {background-color:black;height:100%;left:0px;margin:0px;padding:0px;position:absolute;top:0px;visibility:hidden;width:100%;z-index:999;} #lightboxHeader {position: absolute;z-index: 1000;} #lightboxHeaderContent {position: relative;width: 680px;height: 570px;text-align: center;background-color: white;z-index: 1000;} #lightboxFrame {width:100%;height:100%;border:none;} #lightboxHeaderCloseLink{display:block;position:absolute;width:30px;height:30px;margin:-10px 0 0 660px;z-index:1002;background:url(../images/close-popup.png) no-repeat;cursor:pointer} #banniere_new_persotool{background:url(../images/header/banniere_new_persotool.gif) no-repeat;width:357px;height:122px;margin-left:632px;margin-top:-12px} /* ================================================================================ LOGO ================================================================================ */ #logo { position:absolute; width:174px; height:139px; top: 0; left: 0; text-indent: -1999px; z-index: 1000} #logo a { display: block; width:174px; height:139px; text-indent: -1999px} #welcome-msg {display: none} /* ================================================================================ LANGUAGE SWITCHER ================================================================================ */ .language-switcher { /* position: absolute; top: 4px; right: 400px; width: 90px; height: 13px; */ float: right; margin-right: 15px; z-index: 1000} .language-switcher li { float: left} .language-switcher li a { display: block; width: 18px; height: 13px; line-height: 13px; text-indent: -1999px; background-repeat: no-repeat} /* ================================================================================ QUICK ACCESS ================================================================================ */ .header-container .quick-access { float: right; z-index: 1000} .quick-access li { float: left; margin-left: 2px} .quick-access li a { display: block; height: 25px; line-height: 25px; color: #f36108; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; background: url(../images/fond-menu-quick-access.png) left 0 no-repeat; padding-left: 20px} .quick-access li a span { display: block; background: url(../images/fond-menu-quick-access.png) right 0 no-repeat; padding-right: 20px} .quick-access li a:hover, .quick-access li a.active { background: url(../images/fond-menu-quick-access.png) left -29px no-repeat} .quick-access li a:hover span, .quick-access li a.active span { background: url(../images/fond-menu-quick-access.png) right -29px no-repeat} /* ================================================================================ HEADER CALLOUTS ================================================================================ */ #header-callouts { position: absolute; width: 995px; height: 110px; top: 29px; z-index: 10;} /* ================================================================================ MENU HEADER & FOOT ================================================================================ */ .sub_navigation { position: absolute; width: 100%; height: 29px; bottom: 0} #header-nav, #nav-footer { position: relative; height: 29px} .sub_navigation .linkbar-left, #nav-footer .linkbar-left { position: absolute; width: 20px; height: 29px; top: 0; left: 0; background: url(../images/fond_menu_bandeau.gif) center left no-repeat; z-index: 100} .sub_navigation .linkbar, #nav-footer .linkbar { height: 29px; background: url(../images/fond_menu_bandeau.gif) center center no-repeat; z-index: 10} .sub_navigation .linkbar-right, #nav-footer .linkbar-right { position: absolute; width: 20px; height: 29px; top: 0; right: 0; background: url(../images/fond_menu_bandeau.gif) center right no-repeat; z-index: 100} #header-nav ul, #nav-footer ul { margin: 0 20px} #header-nav li, #nav-footer li { float: left} #header-nav li.last #nav-footer li.last { background-image: none} #header-nav a, #nav-footer a { color: #277CB5; font-size: 13px; text-decoration: none; line-height: 29px; font-weight: bold; margin: 0 5px; padding: 0 5px} #header-nav a:hover, #nav-footer a:hover { color: #fff; text-decoration: none; background-color: #59b9eb} #header-nav li.last a { margin-right: 0; padding-right: 0} /* Spécifiques #header-nav : */ #header-nav { padding-left: 15px; float: left} /* Spécifiques #nav-footer : */ #nav-footer li { background: url(../images/filet_menu_bandeau.gif) center right no-repeat} /* Mini Search */ #mini-search { height: 29px; padding-left: 23px; float: left} #mini-search fieldset { margin: 0;padding: 0} #mini-search label { color: #277CB5; font-size: 13px; text-decoration: none; line-height: 29px; font-weight: bold;} #mini-search #search { width: 90px; color:#277cb5; font-size:10px; border-width:0; height:15px; padding-left:2px; vertical-align:middle; background-color:#e7f7ff} #mini-search #submit_search { width:19px; height:14px; background:url(../images/search-ok.gif) no-repeat; border:none; cursor:pointer} /* ================================================================================ ================================================================================ NAVIGATION ================================================================================ ================================================================================ */ .left-nav-container { font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; padding: 7px} /* ================================================================================ MENU CATÉGORIES */ /* Titre */ .left-nav h2 { /* Catalogue (liste des catégories...) */ font-size: 12px; font-weight: bold; height: 21px; line-height: 21px; text-indent: -1999px; background: url(../images/titre_catalogue.gif) 0 0 no-repeat} /* Items de niveau 1 */ #nav-left li.level0 { background: url(../images/hr.gif) left bottom no-repeat} #nav-left .level0 a { display: block; color: #4899cd; font-weight: bold; height: 22px; line-height:22px; text-decoration:none; margin: 2px 0; padding: 0 0 0 5px} #nav-left .level0 a:hover, #nav-left .level0 a.active { color: #277cb5; font-weight:bold} /* Items de niveau 2 */ #nav-left li.level0 ul.level0 { display: none} #nav-left li.level0.active ul.level0 { display: block} #nav-left .level1 a { display:block; color:#4899CD; font-size:11px; font-weight: normal; text-indent: 13px; height:18px; line-height:18px;} #nav-left .level1 a:hover, #nav-left .level1 a.active { color: #fff; background: url(../images/fond_categ_ok.gif) left center no-repeat} /* ================================================================================ MENU PROMOTIONS */ /* Titre */ .promoproduct-random.header { padding-top: 10px} .promoproduct-random.header h2 { /* Promotions... */ font-size: 12px; font-weight: bold; height: 21px; line-height: 21px; text-indent: -1999px; background: url(../images/titre_promotion.gif) 0 0 no-repeat} /* Les promos */ .promoproduct-random.content { padding-bottom: 10px} .promoproduct-random.content li { text-align: center; padding: 5px 0} .promoproduct-random.content li a.product-image { display: block} .promoproduct-random.content li a { color: #277CB5; font-size: 12px; text-decoration: none} .promoproduct-random.content li a:hover { text-decoration: underline} /* ================================================================================ BREADCRUMBS ================================================================================ */ .breadcrumbs li { display:inline; } .breadcrumbs li * { line-height: 27px} .breadcrumbs li a, .breadcrumbs li strong { color: #ff7622; font-size: 10px; text-decoration: none} .breadcrumbs li a:hover { color: #6e97d2; font-size: 10px; text-decoration: underline} .breadcrumbs li span { color: #81b3d4; font-size: 10px} /* ================================================================================ ================================================================================ TITRES BLOC CENTRAL Commun à : - Nom de la CATÉGORIE & PRODUITS - Titres des contenus CMS - titre "grilles tarifaires" ================================================================================ ================================================================================ */ /* La partie gauche */ .page-title h1, #category-name h1, .product-view .title_product h1, .product-price-details h2, .col-main-catalog .header_loader h1, .catalog_result h1, .cms-block h1, .block_collection .block-title h1, #form-pages .form-title h1, .account-login h1, .header-forgot-password .page-title h1, .dashboard-title h1, .page_account .page-title h1, .logout_general h1, .page-title.create_account h1, .header-page-cart .page-title h1, .page_cart #futuremom .part-title h4, .page_cart .crosssell.col-1 .part-title h3, .header_page_order_success .page-title h2 { color: #fff; font-size: 16px; font-weight: bold; line-height: 25px; padding: 0 0 0 15px; margin: 0; background: url(../images/top-cell-choisir.png) no-repeat top left; overflow: visible} #product-price-subtitle{position:absolute;width:605px;text-align:right;font-weight:bold;color:white;font-size:14px;margin-top:-42px} .product-price-details h2, .block_collection .block-title h1 { background: url(../images/middle-cell-choisir.png) no-repeat top left} /* La partie droite */ .page-title h1 span, #category-name h1 span, .product-view .title_product h1 span, .product-price-details h2 span, .col-main-catalog .header_loader h1 span, .catalog_result h1 span, .cms-block h1 span, .block_collection .block-title h1 span, #form-pages .form-title h1 span, .account-login h1 span, .header-forgot-password .page-title h1 span, .dashboard-title h1 span, .page_account .page-title h1 span, .logout_general h1 span, .page-title.create_account h1 span, .header-page-cart .page-title h1 span, .page_cart #futuremom .part-title h4 span, .page_cart .crosssell.col-1 .part-title h3 span, .header_page_order_success .page-title h2 span { display: block; height: 25px; background: url(../images/top-cell-choisir.png) no-repeat top right} .product-price-details h2 span, .block_collection .block-title h1 span { background: url(../images/middle-cell-choisir.png) no-repeat top right} /* Spécifiques produits */ .product-price-details h2, .block_collection .block-title h1 { margin: 40px 0 20px 0} /* ================================================================================ ================================================================================ FONDS BLOC CENTRAL Commun à : _ ... - panier ================================================================================ ================================================================================ */ .page-content, .content-cart, #form-pages .form-content, .content-forgot-password, .logout_general .logout, .fond_form.create_account, .col-main .page_cart, .page_order_success { /* position: relative; Fait disparaitre les images des personalisations */ min-height: 500px; color: #277cb5; padding: 15px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x;} .col-main-catalog .content_loader { color: #277cb5; padding: 0px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x;} .page-content a { color:#f46202; text-decoration: none} .page-content a:hover { text-decoration: underline} /* ================================================================================ PAGER */ .pager { font-size: 10px; line-height: 38px; height: 38px} .pager .amount { display: inline; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; float:left} .pager .pages { /* display: inline; */ float: right} .pager .pages ol, .pager .pages ol li { display: inline; padding: 0 2px} .pager .pages ol li a { color: #ff8400; font-weight: bold} .pager .pages ol li span.current { font-weight: bold} /* ================================================================================ GRILLE PRODUITS */ #products-grid-table { } /* Intitulés produits */ #products-grid-table td { text-align: center; padding:10px 10px 15px 0} #products-grid-table td h3 { font-size: 11px; font-weight: normal} #products-grid-table td h3 a { color: #f46202; text-decoration: underline} .fond_perso { position:absolute; width:57px; height:70px; right: 0; top: 100px; background: url(../images/fond_perso.png) 0 0 no-repeat; cursor:pointer} /* ================================================================================ ================================================================================ FICHES PRODUITS ================================================================================ ================================================================================ */ .product-essential { color: #277cb5; display: block} /* ================================================================================ PRODUCT CHOOSER */ #product-chooser { height: 110px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x; padding: 1px 15px 0 15px; margin-bottom: 30px} #product-chooser table { width: 100%} /* NAVIGATOR */ #product-chooser table.navigator { height: 20px} #product-chooser .navigator td.previous, #product-chooser .navigator td.actual, #product-chooser .navigator td.next {width: 33%} #product-chooser .navigator td.previous { padding-left: 15px} #product-chooser .navigator td.actual { color:#F8CBA0; text-align: center} #product-chooser .navigator td.next { text-align: right; padding-right: 15px} #product-chooser .navigator a { color:#f46202; font-size: 11px; line-height: 25px; text-decoration: underline} /* CHOOSER */ /* Les flêches */ #product-chooser table.chosser { height: 70px} #product-chooser .chooser .btn-previous, #product-chooser .chooser .btn-next { width: 49px; height: 64px} #product-chooser .chooser .btn-previous a, #product-chooser .chooser .btn-next a { display: block; width: 49px; height: 64px; text-indent: -1999px} #product-chooser .chooser .btn-previous a { background: url(../images/fond_prec_fleche.gif) 0 0 no-repeat} #product-chooser .chooser .btn-next a { background: url(../images/fond_suiv_fleche.gif) 0 0 no-repeat} /* La liste de produits */ #product-chooser .chooser .list .actual a span {display: none} #product-chooser .chooser .list td { /* width: 33% */} #product-chooser .chooser .list td.previous { width: 40%; padding-left: 15px} #product-chooser .chooser .list td.actual { width: 20%; text-align: center} #product-chooser .chooser .list td.next { width: 40%; /* text-align: right; */ padding-right: 15px} /* Les images & leur lien */ #product-chooser .chooser .list td.previous, #product-chooser .chooser .list td.next { height: 70px; vertical-align: bottom} #product-chooser .chooser .list td.previous a, #product-chooser .chooser .list td.next a { display: block; width: 115px; height: 70px; overflow: auto; float: left; color: #4e87dd; font-size: 10px} #product-chooser .chooser .list td.previous a span, #product-chooser .chooser .list td.next a span { vertical-align: bottom} #product-chooser .chooser .list td.previous a.product-image, #product-chooser .chooser .list td.next a.product-image { width:75px} #product-chooser .chooser .list td.previous a img { padding-right: 5px; float: left} #product-chooser .chooser .list td.next a img { padding-left: 5px; float: left} #product-chooser .chooser .list td.next { text-align: right} /* ================================================================================ CONTENT PRODUCT (détails du produit...) */ .content_product { clear: both; min-height: 580px; height:auto !important; height:580px; width: 615px; background: url(../images/fond_fiche-produit.jpg) 0 0 no-repeat; padding: 15px 15px 0 15px} /* ====================================== Product Format Details */ .product-format-details, .product-format-details .box { width: 615px; overflow: hidden} .product-format-details .format-image, .product-format-details .format-description, .product-format-details .enveloppes { padding-left: 40px; float: left} .product-format-details .format-description { color: #305EA4; font-size: 11px} .product-format-details .format-description ul li.first { font-weight: bold} /* ====================================== Product image box */ .product-img-box { position: relative; width: 615px; text-align: center; clear: both; margin: 10px 0 20px 0; overflow: hidden} /* ====================================== Product Description */ .content_product .description { font-size: 11px; padding: 0 95px} /* ====================================== Bouton "Personaliser" (et son conteneur) */ .product-shop { width: 615px} .add-to-box { position: relative; width: 615px; padding: 15px 0} .bouton_personnaliser { /* Fixe les dimensions et la position du bouton */ position: absolute; left: 50%; margin-left: -85px; width: 170px;} .bouton_personnaliser a { display: block; color: #fff; font-size: 12px; font-weight: bold; line-height: 23px; height: 23px; background: url(../images/btn-product-generic.png) top left no-repeat; padding-left: 5px} .bouton_personnaliser a span { display: block; text-align: center; line-height: 23px; background: url(../images/btn-product-generic.png) top right no-repeat; padding-right: 5px} /* ================================================================================ PRODUCT PRICE DETAILS (grille de prix) */ .product-price-details { clear: both} .product-price-details table { width: 250px; font-size: 12px; border: none; border-collapse: collapse} .product-price-details table th, .product-price-details table td { padding: 5px} .product-price-details thead, .product-price-details tbody { color: #C86528; font-size: 13px; text-align: left} .product-price-details thead, .product-price-details tr.even, .product-price-details tfoot { background-color: #FFF7D9} .product-price-details select { width: 60%} /* ================================================================================ BLOCK COLLECTION (produits complémentaires) */ .block_collection { width: 615px} .block_collection .products_links { width: 33%; text-align: center; float: left; margin-bottom: 15px} .block_collection .products_links .product-name { text-align: center} .block_collection .products_links .product-name a { color: #F46202; font-size: 11px; text-decoration: underline} /* ================================================================================ PERSO TOOL ================================================================================ */ .main.col2-left-layout .col-main-catalog .content_loader { min-height: 0; padding: 0} /* #home_promotion { width: 744px; height: 159px; } #home_promotion embed { margin:0; } #home_visionneuse { background:url(../images/slideshow/background-ss.png) no-repeat; width: 743px; height:318px; padding-bottom:10px;} #slider_menu { position:absolute; margin-left:542px; margin-top:3px; text-align:center; } #slider_menu a { text-decoration:none; color:#ffffff; font-weight:bold; font-size:22px; margin:0px; padding:0px; } #slider_menu li { display:block; width:176px; height:78px; } /*one line*/ /* #li_slide_01, #li_slide_03 { display:block; width: 198px; height:78px; cursor:pointer; } */ /*two lines*/ /* #li_slide_02, #li_slide_04 { display:block; width: 198px; height:78px; cursor:pointer; } */ /* .slide_bt1 { display:block; width: 170px; margin-left: 28px; padding-top: 20px; } .slide_bt2 { display:block; width: 170px; margin-left: 28px; padding-top: 14px; line-height:23px; } .inactif_slide_01 { background:url(../images/slideshow/bleu.png) no-repeat; } .actif_slide_01 { background:url(../images/slideshow/fleche-bleu.png) no-repeat; } .inactif_slide_02 { background:url(../images/slideshow/vert.png) no-repeat; } .actif_slide_02 { background:url(../images/slideshow/fleche-verte.png) no-repeat; } .inactif_slide_03 { background:url(../images/slideshow/rose.png) no-repeat; } .actif_slide_03 { background:url(../images/slideshow/fleche-rose.png) no-repeat; } .inactif_slide_04 { background:url(../images/slideshow/jaune.png) no-repeat; } .actif_slide_04 { background:url(../images/slideshow/fleche-jaune.png) no-repeat; } #slide_01, #slide_02, #slide_03, #slide_04 { position:absolute; width:538px; height:312px; margin-left:4px; margin-top:4px;} .slide_prod_container { width:538px; height:312px;} .slide_prod_container li{ width:175px; height:156px; float:left; text-align:center; line-height:90%;margin-top:-1px; padding-left:2px; padding-right:2px;} .slide_prod_link { font-size:11px; color:#24aff1; } .slide_prod_link:hover { text-decoration:none; } .slide_prod_container .product-image img{ height:125px; width:125px; } #home_reassurance { background:url(../images/content/reassurance-fpl.png) no-repeat; width: 745px; height:170px; padding-bottom:10px;} #home_animation_commerciale_1 { width:370px; height:270px; float:left;} #home_animation_commerciale_2 { background:url(../images/demande_echantillons_accueil.png) no-repeat; width:370px; height:270px; float:left; margin-left:4px;} #demande_echantillons { width:180px; height:149px; background:url(../images/demande_echantillons.png) no-repeat; position:absolute; margin-left:5px; } */ /* Content sub-category */ /* .col-main-catalog-layered { width:745px; padding-left:12px; float:left;} .feature_prod_link:hover { text-decoration:none; } .feature_prod_title .subcat_title:hover { text-decoration:underline; } */ /* Enlevé : bloc4-091201 */ /* ================================================================================ ================================================================================ FORMULAIRES ================================================================================ ================================================================================ */ #form-pages, .fond_form.create_account { color: #277cb5} #form-pages .form-content {/* Définition du fond à "FONDS BLOC CENTRAL" */} #form-pages fieldset, .fond_form.create_account fieldset, .page-content.dashboard fieldset { padding-bottom: 10px; margin-bottom: 15px} #form-pages fieldset, .fond_form.create_account fieldset { border:1px solid #C9D6E9; padding: 0 10px 5px 10px; overflow: auto} #form-pages legend { display: block; color: #72B2D6; font-size: 14px; font-weight: bold;} #form-pages .form-content h3, .fond_form.create_account h3, .page-content.dashboard h3, #checkoutSteps h3 { color: #72B2D6; font-size: 14px; font-weight: bold; padding: 5px 0} #form-pages .input-box, #form-pages .input, .fond_form.create_account .input-box, .page-content.dashboard .input-box, #checkoutSteps .input-box { clear: both; padding: 4px 0; overflow: hidden} #form-pages label, .forgot-password label, .fond_form.create_account label, .page-content.dashboard label, #checkoutSteps label { width: 160px; height: 20px; color: #277cb5; font-size: 11px; line-height: 20px; cursor: pointer; float: left} #form-pages select, #form-pages input, .forgot-password input, .fond_form.create_account input, .page-content.dashboard input, #checkoutSteps input { width: 350px; font-size: 11px} #form-pages select, .fond_form.create_account #csp, .fond_form.create_account #connu_comment { width: 355px; font-size: 11px} #form-pages input, #form-pages textarea, .forgot-password input, .page-content.dashboard input, #checkoutSteps input { font-size: 11px; border: 1px solid #C9D6E9; background-color: #fff; padding: 2px} #form-pages textarea { width: 99%} /* Spécifiques dates de naissance bébé(s) */ .input-box .dob-day, .input-box .dob-month, .input-box .dob-year, #form-pages .input-box .dob-day, #form-pages .input-box .dob-month, #form-pages .input-box .dob-year { display: block; width: 120px; padding-right: 5px; float: left} .input-box.baby-dob .dob-day select, .input-box.baby-dob .dob-month select, .input-box.baby-dob .dob-year select, #form-pages .input-box .dob-day select, #form-pages .input-box .dob-month select, #form-pages .input-box .dob-year select, #other_children_container select { width: 105px} .input-box .dob-day .validation-advice, .input-box .dob-month .validation-advice, .input-box .dob-year .validation-advice, #form-pages .input-box .dob-day .validation-advice, #form-pages .input-box .dob-month .validation-advice, #form-pages .input-box .dob-year .validation-advice { width: 120px} /* Séparateur blocs trois enfants */ ul#child_1, ul#child_2, ul#child_3, #form-pages ul#child_1, #form-pages ul#child_2, #form-pages ul#child_3 { margin-bottom: 15px} ul#child_1 .input-box, ul#child_2 .input-box, ul#child_3 .input-box, #form-pages ul#child_1 .input-box, #form-pages ul#child_2 .input-box, #form-pages ul#child_3 .input-box { padding-bottom: 2px} /* Spécifiques Formulaire Contact */ #contactForm .group-select-contact { padding: 10px 0; margin-top: 10px; border: none} /* Les blocs de cases à cocher ou de boutons radio */ #form-pages .input-box .line-checkbox, #form-pages .group-checkbox .line-checkbox, .fond_form.create_account .line-checkbox, .page-content.dashboard .line-checkbox, #checkoutSteps .line-checkbox { clear: both; padding-left: 160px} #form-pages .input-box .line-checkbox input, #form-pages .group-checkbox .line-checkbox input, .fond_form.create_account .line-checkbox input, .page-content.dashboard .line-checkbox input, #checkoutSteps .line-checkbox input { width: auto; border: 0 none; margin-right: 5px; float: left} #form-pages .input-box .line-checkbox label, #form-pages .group-checkbox .line-checkbox label, .fond_form.create_account .line-checkbox label, .page-content.dashboard .line-checkbox label, #checkoutSteps .line-checkbox label { width: auto} /* Les messages d'erreur */ .validation-advice { margin: 0} /* ====================================== BOUTONS button fond bleu ("Envoyer") */ #form-pages .buttons-set, .content-forgot-password .buttons-set, .fond_form.create_account .buttons-set, .cms-content .block-btn-back { clear: both; margin: 5px 0 0; padding: 5px} #form-pages .buttons-set button.button, .content-forgot-password .buttons-set button.button, .fond_form.create_account .buttons-set button.button { float: right} #form-pages .buttons-set button.button, .account-login .col-2.registered-users .buttons-set button.button, .content-forgot-password .buttons-set button.button, .fond_form.create_account .buttons-set button.button { width:auto; overflow:visible; border:0; background: url(../images/btn-product-generic.png) 0 50% no-repeat; cursor:pointer; /* -webkit-border-fit:lines; */ /* <- Safari & Google Chrome Fix */ padding:0 0 0 12px;} #form-pages .buttons-set button span, .account-login .col-2.registered-users .buttons-set button span, .content-forgot-password .buttons-set button span, .fond_form.create_account .buttons-set button span { color:#fff; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; float:left; background: url(../images/btn-product-generic.png) 100% 50% no-repeat; padding:0 12px 0 0} /* ====================================== BOUTONS liens fond bleu */ #form-pages .buttons-set .btn-back {} .buttons-set .btn-left a, .buttons-set .btn-right a, .page-content .buttons-set .btn-back a, .page-content .buttons-set .btn-submit a, .form-content .buttons-set .btn-back a, .form-content .buttons-set .btn-submit a, #form-pages .buttons-set .btn-back a, #main-partners-category-content .buttons-set .btn-back a, #partners-category-content .buttons-set .btn-back a, .cms-block .buttons-set .btn-back a, .account-login .col-1.new-users .btn-create a, .content-forgot-password .buttons-set .btn-back a, .content-cart .buttons-set .btn-back a, .content-cart .buttons-set .btn-submit a, .page-content.dashboard .buttons-set a, .page_cart .buttons-set a, #checkoutSteps .buttons-set a, .page_order_success .buttons-set a, .bebecards-order-view.container a, .cms-content .block-btn-back .btn-back a { display: block; color: #fff; font-size: 12px; font-weight: bold; line-height: 23px; height: 23px; background: url(../images/btn-product-generic.png) top left no-repeat; padding-left: 10px; cursor: pointer} * .buttons-set a:hover { color: #fff !important; text-decoration: underline} .buttons-set .btn-left a span, .buttons-set .btn-right a span, .page-content .buttons-set .btn-back a span, .page-content .buttons-set .btn-submit a span, .form-content .buttons-set .btn-back a span, .form-content .buttons-set .btn-submit a span, #form-pages .buttons-set .btn-back a span, #main-partners-category-content .buttons-set .btn-back a span, #partners-category-content .buttons-set .btn-back a span, .cms-block .buttons-set .btn-back a span, .account-login .col-1.new-users .btn-create a span, .content-forgot-password .buttons-set .btn-back a span, .content-cart .buttons-set .btn-back a span, .content-cart .buttons-set .btn-submit a span, .page-content.dashboard .buttons-set a span, .page_cart .buttons-set a span, #checkoutSteps .buttons-set a span, .page_order_success .buttons-set a span, .bebecards-order-view.container a span, .cms-content .block-btn-back .btn-back a span { display: block; text-align: center; line-height: 23px; background: url(../images/btn-product-generic.png) top right no-repeat; padding-right: 10px; cursor: pointer} /* Pages non formulaires : - Partenaires - CMS */ /* Marges */ .page-content .buttons-set, .form-content .buttons-set, #form-pages .buttons-set, main-partners-category-content .buttons-set, #partners-category-content .buttons-set, .cms-block .buttons-set, .page_cart .buttons-set { padding: 15px} /* Dimension et position */ /* Générique : les boutons BACK, CONTINUE sont à GAUCHE */ .buttons-set .btn-left, .page-content .buttons-set .btn-back, .form-content .buttons-set .btn-back, #form-pages.back-left .buttons-set .btn-back, #form-pages .buttons-set .btn-back, #main-partners-category-content .btn-back, #partners-category-content .btn-back, .cms-block .btn-back, .content-forgot-password .buttons-set .btn-back, .content-cart .buttons-set .btn-back, .page-content.dashboard .buttons-set .btn-back, .page-content.dashboard .buttons-set .btn-left, .page_cart .buttons-set .btn-continue, #checkoutSteps .buttons-set .btn-left, #payment-buttons-container.buttons-set .btn-left { width: 160px; float: left} /* Générique : les boutons SUBMIT, ADD, CHECKOUT sont à DROITE */ .buttons-set .btn-right, .page-content .buttons-set .btn-submit, .form-content .buttons-set .btn-submit, .content-cart .buttons-set .btn-submit, .page_cart .buttons-set .btn-checkout, .page_cart .crosssell.col-1 #crosssell_content .btn-more-info, .page-content.dashboard .buttons-set .btn-add, .page-content.dashboard .buttons-set .btn-right, #checkoutSteps .buttons-set .btn-right, #payment-buttons-container.buttons-set .btn-right { width: 160px; float: right} /* ====================================== Form Validation */ .validation-advice { clear:both; min-height:13px; font-size:9px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; margin:0; padding: 2px 0 0 13px} .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required, .forgot-password .content-forgot-password .required, .fond_form.create_account .required-suscribe { color:#f00; } p.required, .forgot-password .content-forgot-password p.required, .fond_form.create_account p.required-suscribe { font-size:10px; padding: 5px 0} /* ================================================================================ CONNEXION MON COMPTE ("Identification") ================================================================================ */ .account-login .content-login { min-height: 350px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x; padding: 15px 15px 0 15px; margin-bottom: 30px} /* Taille et position des colonnes */ .account-login .col-1, .account-login .col-2 { width: 49%} .account-login .col-1 { border-right: #a4bad5 solid 1px; float: left} .account-login .col-2 { float: right} /* Couleur et alignement des textes, marges internes des colonnes */ .account-login .col-1.new-users, .account-login .col-2.registered-users { color: #277cb5; text-align: center} .account-login .col-1.new-users .middle_new-users { padding-right: 15px} .account-login .col-2.registered-users .middle_registered-users { padding-left: 15px} /* Titres et paragraphes */ .account-login .col-1.new-users .content h3, .account-login .col-2.registered-users .content h3 { font-size: 11px; text-align: center} .account-login .col-1.new-users .content p, .account-login .col-2.registered-users .content p { font-size: 11px; text-align: center} /* Bouton colonne 1 */ .account-login .col-1.new-users .buttons-set { width: 100%; margin-top: 10px} .account-login .col-1.new-users .btn-create { padding: 0 25%} /* Labels et champs colonne 1 */ .account-login .col-2.registered-users li { margin: 5px 0} .account-login .col-2.registered-users label { width: auto; font-size: 11px; float: none} .account-login .col-2.registered-users input { width: 150px; font-size:11px; background-color:#fff; border:1px solid #C9D6E9; padding:2px} /* required */ .account-login .col-2.registered-users p.label_required { color: #ff0000; font-size: 10px; padding: 5px 0} /* Boutons Colonne 2 */ .account-login .col-2.registered-users .buttons-set .forgot-password a { color: #F46202; font-size: 11px} .account-login .col-2.registered-users .buttons-set .forgot-password a:hover { color: #ff7d28 !important; text-decoration: underline} .account-login .col-2.registered-users .buttons-set .forgot-password { line-height: 23px; float: left} .account-login .col-2.registered-users .buttons-set .btn-right { width: 133px} /* Errors */ .account-login .col-2.registered-users .validation-advice { background-position: 80px 1px} /* Deconnexion */ .logout_general .logout p { color: #277CB5; font-size: 12px} /* ================================================================================ MESSAGES (error / success) ================================================================================ */ ul.messages { padding: 15px 0; /* margin: 0 0 8px 0; */ background-color: #FFF9DF} ul.messages li.error-msg, ul.messages li.success-msg { font-size: 11px; font-weight: bold; line-height: 12px} ul.messages li.error-msg ul li, ul.messages li.success-msg ul li { padding: 4px 4px 4px 25px} ul.messages li.error-msg ul li { color: #ff0000; background: #ffb3b5 url(../images/error.gif) 5px center no-repeat} ul.messages li.success-msg ul li { color:#009900; background: #b3ffb5 url(../images/success_msg_icon.gif) no-repeat scroll 5px center} /* ================================================================================ FORGOT PASSWORD ================================================================================ */ /* Définitions réparties à : - TITRES BLOC CENTRAL - FONDS BLOC CENTRAL - FORMULAIRES */ .forgot-password {} .content-forgot-password p { color: #277CB5; font-size: 11px; margin-bottom: 10px} .forgot-password label {} .forgot-password input {} .forgot-password .content-forgot-password .required {} .forgot-password buttons-set {} /* ================================================================================ CREATE ACCOUNT ================================================================================ */ /* Définitions réparties à : - TITRES BLOC CENTRAL - FONDS BLOC CENTRAL - FORMULAIRES */ .fond_form.create_account {} /* ================================================================================ ================================================================================ DASHBOARD ================================================================================ ================================================================================ */ /* Ligne du menu du Dashboard */ .onglets_account { overflow: auto} .onglets_account ul { width: 100%} .onglets_account li { font-size: 12px; border-top: #d0e2fe solid 1px; border-left: #d0e2fe solid 1px; border-bottom: #d0e2fe solid 1px; float: left;} .onglets_account li.last { border-right: #d0e2fe solid 1px} .onglets_account li a, .onglets_account li.current span { display: block; color: #2f81b8; text-align: center; padding: 5px;} .onglets_account li a:hover, .onglets_account li.current span { background-color: #fff9df} .onglets_account li.current { font-weight: bold; border-bottom-color: #fff9df} /* Tailles des boutons */ .onglets_account .dash1 {width: 15%} .onglets_account .dash2 {width: 23%} .onglets_account .dash3 {width: 15%} .onglets_account .dash4 {width: 23%} .onglets_account .dash5 {width: 23%} /* ================================================================================ TOUTES LES PAGES APPELLÉES PAR LE DASHBOARD ================================================================================ */ /* Les titres */ .page-title.dashboard h2 { color: #ff7622; font-size: 14px; background-color: #fff9df; padding: 10px 15px} .page-content.dashboard { /* Définitions communes aux .pages-content à FONDS BLOC CENTRAL */ color: #277CB5; min-height: 0; padding-top: 0} /* Les intertitres dans la page d'accueil du Dashboard */ .page-content.dashboard h3, .page-content.dashboard .col2-set .col-1 h3, .page-content.dashboard .col2-set .col-2 h3 { color: #72B2D6; font-size: 14px; /* padding: 10px 0 */} .page-content.dashboard h4 { font-size: 12px} .page-content.dashboard h5 { font-size: 11px; font-style: italic} /* Gestion des colonnes */ .page-content.dashboard .col-book-background, .page-content.dashboard.col-book .col-book-background { background: url(../images/filet-central-dashboard-addresses.gif) top center repeat-y; overflow: auto} .page-content.dashboard .col2-set { margin: 10px 0} .page-content.dashboard .col-book-background .col-1, .page-content.dashboard .col2-set .col-1 { float: left; width: 48%} .page-content.dashboard .col-book-background .col-2, .page-content.dashboard .col2-set .col-2 { float: right; width: 48%} /* Les buttons-set */ .page-content.dashboard .buttons-set { padding: 5px 15px} /* ================================================================================ SPÉCIFIQUES ================================================================================ */ .page-content.dashboard h3 { color: #72B2D6; font-size: 13px; padding: 10px 0} /* Index Dashboard : Distinction des zones par une bordure */ .page-content.dashboard .account-edit, .page-content.dashboard .account-subscription, .page-content.dashboard .account-address { border: 1px solid #A4BAD5; margin-bottom: 15px; padding: 10px} .page-content.dashboard .account-address .col-1, .page-content.dashboard .account-address .col-2 { width: 48%; margin: 10px 0; padding: 5px 0 0 5px; border: 1px dotted #A4BAD5} .page-content.dashboard .account-address .col-1 { float: left} .page-content.dashboard .account-address .col-2 { float: right} .page-content.dashboard .account-address .col-1 address, .page-content.dashboard .account-address .col-2 address { font-size: 11px} /* Bloc qui apparaît pour la saisie du nouveau mot de passe */ .page-content.dashboard .change_password_div { clear: both} /* Commandes récentes : "tout voir" */ .page-content.dashboard #view_all_orders { font-size: 12px; text-align: right; line-height: 14px; padding: 15px 5px 10px 0; float: right} .page-content.dashboard #view_all_orders a { color:#ff7622; text-decoration: none} .page-content.dashboard #view_all_orders a:hover { text-decoration: underline} /* Boutons du tableau "Commandes Femmes enceintes", "Commandes recentes" */ .page-content.dashboard .general_recent_orders .nobr a, .page-content.dashboard #my-orders-table-history .nobr a, .page-content.dashboard .recent-futuremom-orders .nobr a { color:#ff7622; font-size: 11px; text-decoration: none} .page-content.dashboard .general_recent_orders .nobr a:hover, .page-content.dashboard #my-orders-table-history .nobr a:hover, .page-content.dashboard .recent-futuremom-orders .nobr a:hover { text-decoration: underline} /* Tableau sous le rappel de commande... */ .sales-order-view.container, .bebecards-order-view.container { padding: 15px} .sales-order-view.container h3, .bebecards-order-view.container h3 { color:#ff7622; font-size:13px; margin: 10px 0} /* En attente de naissance */ /* Bouton dans la table */ .sales-order-view.container tbody .buttons-set, .bebecards-order-view.container tbody .buttons-set.actions, .bebecards-order-view.container tbody .buttons-set { padding: 10px; float: none} /* Boutons "retour" et "closeorder" sous le tableau */ .sales-order-view.container .buttons-set, .bebecards-order-view.container .buttons-set.actions { padding: 15px} /* Liens sous les boutons "retour" et "closeorder" */ .sales-order-view.container dl.detail-message, .bebecards-order-view.container dl.detail-message { color: #277CB5; font-size: 12px;} .sales-order-view.container dl.detail-message dd, .bebecards-order-view.container dl.detail-message dd { padding-left: 10px; margin-bottom: 5px} .sales-order-view.container dl.detail-message dd a, .bebecards-order-view.container dl.detail-message dd a { display: inline; background-image: none; color: #F46202; font-weight: normal; text-decoration: none} .sales-order-view.container dl.detail-message dd a:hover, .bebecards-order-view.container dl.detail-message dd a:hover { text-decoration: underline} /* ================================================================================ CUSTOMER/ADRESS */ .page-content.dashboard .col-1.col-book li, .page-content.dashboard .col-2.col-book li { border: 1px dotted #A4BAD5; margin: 5px 0 15px 0; padding: 3px} /* Les boutons */ .page-content.dashboard .col-1.col-book li .buttons-set, .page-content.dashboard .col-2.col-book li .buttons-set { /* Défini à BOUTONS liens fond bleu */ padding: 5px 0 0 0} .page-content.dashboard .col-1.col-book li .buttons-set .btn-edit, .page-content.dashboard .col-2.col-book li .buttons-set .btn-edit { display: block; width: 130px; float: right} .page-content.dashboard .col-1.col-book li .buttons-set .btn-delete, .page-content.dashboard .col-2.col-book li .buttons-set .btn-delete { width: 130px; float: left} /* Les address */ .page-content.dashboard .col-1.col-book address { padding: 5px} .page-content.dashboard.col-book .buttons-set { padding-top: 15px} /* Spécifique changement d'adresse, dans customer/adress/edit */ .page-content.dashboard #checkbox_livraison { font-size: 11px} /* ================================================================================ RECENT FUTUREMOM ORDERS */ .page-content.dashboard .recent-futuremom-orders { margin: 15px 0} /* ================================================================================ GENERAL RECENT ORDERS */ .page-content.dashboard .general_recent_orders { margin: 15px 0} .page-content.dashboard .general_recent_orders h3 { float: left} /* ================================================================================ SALES / ORDER / VIEW */ .sales-order-info.container .col-book-background p#date_commande, .sales-order-info.container .col-book-background #btns_order { width: 100%; background-color: #fff9df !important} .sales-order-info.container .buttons-set, .sales-order-view.container .buttons-set { padding: 15px} /* ================================================================================ ACCOUNT HISTORY */ .page-content.dashboard.account-history li { clear: both; border: 1px dotted #A4BAD5; margin: 0 0 15px 0; padding: 10px} .page-content.dashboard.account-history .col-left { float: left} .page-content.dashboard.account-history .buttons-set { height: 23px; padding: 0; margin: 10px 0} .page-content.dashboard.account-history .buttons-set .btn-right.checkout a { color: #f36108; background: url(../images/btn-checkout.png) top left no-repeat;} .page-content.dashboard.account-history .buttons-set .btn-right.checkout a span { background: url(../images/btn-checkout.png) top right no-repeat;} /* ================================================================================ ================================================================================ PANIER ================================================================================ ================================================================================ */ .page_cart { color: #277cb5} /* Le panier est vide */ .content-cart p { color: #277cb5; padding-bottom: 15px} /* La table des produits du panier */ #shopping-cart-table th, #shopping-cart-table td, #checkout-review-table th, #checkout-review-table td, #my-orders-table th, #my-orders-table td, #my-orders-table-history th, #my-orders-table-history td, .sales-order-view.container th, .sales-order-view.container td, .bebecards-order-view.container th, .bebecards-order-view.container td { color: #277CB5; font-size: 12px; padding: 2px; border: 1px solid #A4BAD5} .sales-order-view.container th h4, .sales-order-view.container td h4, .bebecards-order-view.container th h4, .bebecards-order-view.container td h4 { font-size: 14px} #shopping-cart-table thead th, #checkout-review-table thead th, #my-orders-table th, #my-orders-table-history th, .sales-order-view.container th, .bebecards-order-view.container th { color: #FF8400; padding: 4px; background-color: #fff} #shopping-cart-table .a-right, #checkout-review-table .a-right, #my-orders-table .a-right, #my-orders-table-history .a-right, .sales-order-view.container .a-right, .bebecards-order-view.container .a-right { text-align:left !important} /* Liens génériques */ #shopping-cart-table .buttons-set .btn-checkout a { color: #f36108; background: url(../images/btn-checkout.png) top left no-repeat;} #shopping-cart-table .buttons-set .btn-checkout a span { background: url(../images/btn-checkout.png) top right no-repeat;} /* Liens produits */ #shopping-cart-table tbody { font-size: 11px} #shopping-cart-table tbody h3 { font-size: 15px} #shopping-cart-table tbody h3, #shopping-cart-table tbody h3 a, #shopping-cart-table tbody a { color: #f36108} #shopping-cart-table tbody h3 a, #shopping-cart-table tbody a { cursor: pointer} #shopping-cart-table tbody h3 a:hover, #shopping-cart-table tbody a:hover { text-decoration: underline} /* Colonnes */ .page_cart .col2-set.cart-collaterals { /* background: yellow; */ /* overflow: auto */} .page_cart .col2-set.cart-collaterals .col-1_cart { /* background: red; */ float:left; margin-right:15px; width:310px;} .page_cart .col2-set.cart-collaterals .col-2_cart { /* background: green; */ float:right; width:290px;} .page_cart .col2-set.cart-collaterals .col-2_cart h3 { font-size: 13px} /* Declarations communes Futures Mamans & Cross-selling */ .page_cart .col-1_cart .reassurance, .page_cart #futuremom .product-shop-futurmom, .page_cart .crosssell #crosssell_content { padding: 15px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x;} /* Reassurance */ .page_cart .col-1_cart .reassurance { margin-top: 20px} /* Futures mamans */ .page_cart #futuremom { margin-top: 20px} .page_cart #futuremom .product-shop-futurmom { min-height: 0} .page_cart #futuremom .product-shop-futurmom .future-mom-image { margin-right: 5px; float: left} .page_cart #futuremom .product-shop-futurmom .desc.std { font-size: 11px} .page_cart #futuremom .product-shop {} .page_cart #futuremom .buttons-set { clear: both; padding: 15px 0} .page_cart #futuremom .buttons-set .btn-more-info, .page_cart #futuremom .buttons-set .btn-add-cart { width: 130px} .page_cart #futuremom .buttons-set .btn-more-info { float: left} .page_cart #futuremom .buttons-set .btn-add-cart { float: right} /* Cross-selling ("nous vous conseillons aussi") */ .page_cart .crosssell { margin-top: 20px} .page_cart .crosssell #crosssell_content { min-height: 0; overflow: auto} .page_cart .crosssell .crosssell_elmt { float: left} .page_cart .crosssell .product_crossell { width: 130px; text-align: center; margin-right: 5px} .page_cart #crosssell_content .crosssell_elmt .product_crossell .product-name a { color: #F46202; font-size: 11px; text-decoration: none} .page_cart #crosssell_content .crosssell_elmt .product_crossell .product-name a:hover { text-decoration: underline} /* Totaux, Coupon, Port : définitions communes */ .page_cart .col-2_cart .sous_total, .page_cart .col-2_cart .coupon, .page_cart .col-2_cart .port { margin-top: 20px; padding: 4px; border: 1px solid #A4BAD5} /* Sous-Totaux */ .page_cart .col-2_cart #shopping-cart-totals-table, .page_cart .col-2_cart #shopping-cart-subtotals-table { width: 100%} #shopping-cart-subtotals-table th.a-right, #shopping-cart-totals-table th.a-right { text-align:left !important} tr.tax-total .tax-collapse { background: transparent url(../images/bg_collapse.gif) no-repeat scroll 0 4px; cursor:pointer; padding-left:20px;} #shopping-cart-subtotals-table .tax-total { background-color: #fff} tr.show-details .tax-collapse { background-position:0 -53px} /* TOTAL */ .page_cart .col-2_cart .totals { margin-top: 20px; padding: 8px 4px; border: 3px solid #A4BAD5; background-color: #dbe5f2} /* Coupon */ .coupon.col-2 {} .page_cart .col-2_cart #discount_text { font-size: 12px} .page_cart .col-2_cart .discount h3 { margin-right: 15px; float: left} .page_cart .col-2_cart .discount .buttons-set { clear: both} .page_cart .col-2_cart .discount .buttons-set .btn-more-info { width: 160px; float: right} /* Port / Shipping ZIP */ .page_cart .port.col-2 h3 {} .page_cart .port.col-2 fieldset { padding: 6px 11px} .shipping-zip-form select#country { width: 99%} #btn-commander-bottom { text-align: center; line-height: 23px; padding: 15px; font-weight: bold; width: 160px; float: right} #btn-commander-bottom a { color: #f36108; background: url(../images/btn-checkout.png) top left no-repeat; width: 160px; float: right} #btn-commander-bottom a span { background: url(../images/btn-checkout.png) top right no-repeat;} /* Suppression articles du panier */ #lightbox {} .div-multisku * { line-height: 14px} .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: 25px; background: url(../images/top-cell-choisir.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: 25px; text-indent: -9999px; background: url(../images/popup-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: #93f783} .div-multisku #btn_trash { margin-left: 20px} /* ================================================================================ ================================================================================ CHECKOUT ================================================================================ ================================================================================ */ #checkoutSteps li { color: #277CB5; margin: 10px 0; clear:both} #checkoutSteps li.first { margin-top: 0} /* Taille et position des colonnes */ #checkoutSteps li .col2-set { width: 100%; clear: both} #checkoutSteps li .col2-set .col-1, #checkoutSteps li .col2-set .col-2 { width: 49%} #checkoutSteps li .col2-set .col-1 { border-right: #a4bad5 solid 1px; float: left} #checkoutSteps li .col2-set .col-2 { float: right} #checkoutSteps li .col2-set.buttons-set .col-1 { border: none} /* Les titres d'étape */ #checkoutSteps .step-title .number, #checkoutSteps .step-title h3 { color: #fff; float: left; overflow: visible} #checkoutSteps .checkout-step-login, #checkoutSteps .checkout-step-billing, #checkoutSteps .checkout-step-shipping, #checkoutSteps .checkout-step-shipping_method, #checkoutSteps .checkout-step-payment, #checkoutSteps .checkout-step-review { clear: both} #checkoutSteps .step-title .number { font-size:18px; font-weight:bold; line-height: 25px; height: 25px; padding:0 5px} #checkoutSteps .step-title h3 { font-size:14px; font-weight:bold; line-height: 25px; height: 25px; margin: 0;padding: 0} #checkoutSteps li.section .step-title { padding: 0 0 0 5px; margin: 0} #checkoutSteps li.section .step-title-right { height: 25px} /* Étape en cours */ #checkoutSteps li.section.active .step-title { background: url(../images/top-cell-choisir.png) no-repeat top left} #checkoutSteps li.section.active .step-title-right { background: url(../images/top-cell-choisir.png) no-repeat top right} /* Étapes passées / à venir */ #checkoutSteps li.section .step-title { background: url(../images/top-cell-choisir-50.png) no-repeat top left} #checkoutSteps li.section .step-title-right { background: url(../images/top-cell-choisir-50.png) no-repeat top right} /* Le fond de l'étape active */ #checkoutSteps li.section.active .step-content { padding: 10px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x} /* Les intertitres */ #checkoutSteps h4 { font-size: 12px} /* Les textes... */ #checkoutSteps { font-size: 11px} /* Les boutons RETOUR / SUIVANT */ #checkoutSteps .buttons-set { clear: both} #checkoutSteps .buttons-set a { cursor: pointer} /* Please Wait */ #checkoutSteps .buttons-set .please-wait { padding: 0 10px} /* ================================================================================ LOGIN ================================================================================ */ #checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 { text-align: center} #checkout-step-login .col2-set .col-2 li { margin: 5px 0} #checkout-step-login .col2-set .col-2 label { width: auto; float: none} #checkout-step-login .col2-set .col-2 input { width: 150px} #checkout-step-login .col2-set .col-2 .btn-forgotpswd { width: 59%} #checkout-step-login .col2-set .col-2 .btn-login-checkout { width: 39%} #checkout-step-login .col2-set .col-2 .btn-forgotpswd, #checkout-step-login .col2-set .col-2 .btn-login-checkout { text-align: center; float: left} #checkout-step-login .col2-set .col-2 .btn-forgotpswd a { display: inline; color: #F46202; font-size: 11px; font-weight: normal; background-image: none; padding: 0} #checkout-step-login .col2-set .col-2 .btn-forgotpswd a:hover { color: #ff7d28; text-decoration: underline} /* Errors */ #checkout-step-login .col2-set .col-2 .validation-advice { background-position: 80px 1px} /* ================================================================================ BILLING ================================================================================ */ #checkoutSteps #checkout-step-billing .billing-address-select {} #checkoutSteps .billing-address-select label { width: auto; margin-bottom: 10px} #checkoutSteps select#billing-address-select { width: 560px; overflow: hidden} /* Les blocs abo newsletter & type adresse, en pied de formulaire */ #checkoutSteps #checkout-step-billing #is_suscribed .line-checkbox, #checkoutSteps #checkout-step-billing #choose-address .line-checkbox { padding-left: 100px} #checkoutSteps #checkout-step-billing #is_suscribed, #checkoutSteps #checkout-step-billing #choose-address { border: 1px dotted #A4BAD5; padding: 5px; overflow: hidden} /* ================================================================================ SHIPPING ================================================================================ */ #checkoutSteps select#shipping-address-select { width: 560px; overflow: hidden} #checkoutSteps #checkout-shipping-method-load { clear: both; margin-bottom: 10px} #checkoutSteps #co-shipping-method-form label.title { font-size: 12px; font-weight: bold} #co-shipping-method-form label span.price { font-weight: bold} #checkout-shipping-method-load label { text-indent: 70px; background: url(../images/shipping_dhlmarket2.gif) 0 0 no-repeat} #checkout-shipping-method-load label.s_method_0 { text-indent: 5px; background-image: none} #shipping-method-buttons-container { width: 100%} /* ================================================================================ PAYMENT ================================================================================ */ #checkoutSteps #checkout-payment-method-load dt, #checkoutSteps #checkout-payment-method-load dd { clear: both} #checkoutSteps #checkout-payment-method-load dd { padding-left: 160px} #payment_form_ogone_basic .input-box li { margin: 0px; } #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 } #checkoutSteps #checkout-payment-method-load #payment_form_checkmo label { clear: both} #checkoutSteps #checkout-payment-method-load #payment_form_checkmo .checkmo-mailing-address { float: right} /* ================================================================================ REVIEW / AGREEMENTS ================================================================================ */ #checkoutSteps #checkout-agreements { margin: 0 10px} #checkoutSteps #checkout-agreements .line-checkbox { padding-left: 25px} #checkoutSteps #checkout-agreements label { font-size: 12px; font-weight: bold} #review-buttons-container.buttons-set .btn-checkout { width: 200px; float: right} #review-buttons-container.buttons-set .btn-checkout a { color: #f36108; background: url(../images/btn-checkout.png) top left no-repeat;} #review-buttons-container.buttons-set .btn-checkout a span { background: url(../images/btn-checkout.png) top right no-repeat;} /* ================================================================================ ================================================================================ PROGRESS (Récapitulatif lors du Checkout) ================================================================================ ================================================================================ */ .main.col3-layout.checkout .col-right .header_progress, .main.col3-layout.checkout .col-right .block.progress { color:#277CB5; border:1px solid #A4BAD5} .main.col3-layout.checkout .col-right .header_progress { font-size: 12px; border-bottom: none} .main.col3-layout.checkout .col-right .block.progress { font-size: 10px; border-top: none} /* Titre du bloc */ .main.col3-layout.checkout .col-right .header_progress .block-title h2 { font-size: 14px; line-height: 24px; padding: 0 4px; background-color:#adc0d9; border-bottom: 1px solid #A4BAD5} /* Tableau */ .main.col3-layout.checkout .col-right .block.progress #checkout-cart th, .main.col3-layout.checkout .col-right .block.progress #checkout-cart td { padding: 2px; border: 1px solid #d1dff0} /* Titres blocs à venir */ .main.col3-layout.checkout .col-right .block.progress dl dt.complete.not-first { font-size: 11px; font-weight: bold; background-color: #dbE5f2; border-top:1px solid #A4BAD5; padding: 3px 4px} /* Marges */ .main.col3-layout.checkout .col-right .block.progress dl.complete, .main.col3-layout.checkout .col-right .block.progress dt { padding: 3px 4px} /* Les liens */ .main.col3-layout.checkout .col-right .block.progress a { color: #f36108; font-weight: normal; text-decoration: none} .main.col3-layout.checkout .col-right .block.progress a:hover { text-decoration: underline} /* Les
*/ .main.col3-layout.checkout .col-right .block.progress address { line-height: 11px} /* ================================================================================ ================================================================================ SUCCESS ================================================================================ ================================================================================ */ .header_page_order_success {} .page_order_success p a { color: #FF7622} .page_order_success p a:hover { text-decoration: underline} /* ================================================================================ 404 NOT FOUND ================================================================================ */ .not_found { background:url(../images/category/cat-line-middle-650.png) repeat-y; padding:10px; width:630px; } .header_not_found { background:url(../images/category/cat-line-up-650.png) no-repeat; width:650px; height:5px; } .footer_not_found { background:url(../images/category/cat-line-down-650.png) no-repeat; width:650px; height:5px; } .not_found h2 { font-size:15px; } .not_found a { color:#F46202; } .not_found a:hover { text-decoration:none; } .not_found .puce { background:url(../images/footer/puce-nav-fpl-noire.png) no-repeat; padding-left:10px; font-size:12px; margin-top:5px; margin-left:15px;} .not_found ul { margin-left:10px; } .not_found li { margin-left:15px; } .not_found #content_404 { margin-bottom:140px; } .not_found #image_404 { width:320px; height:150px; background:url(../images/404.png) no-repeat; float:right; } .not_found #text_404 { float:left; font-size:14px; font-weight:bold; padding-top:25px; width:310px; } /* ================================================================================ FOOTER ================================================================================ */ .footer { clear: both; margin-top: 50px} .footer a { } .footer a:hover { } /* Data Table */ .data-table { width:100%; } /* Block:Account */ .block-account {} /* 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: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 {} /* 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-content { text-align:center; } /* Category Page */ .category-image { display:block; margin:0 auto; } .category-products { color: #277cb5; padding: 1px 15px 0 15px; /* background: url(../images/fond-contenu-cms.jpg) top left repeat-x */} /* View Type:Grid */ .products-grid tr.odd {} .products-grid tr.even {} .products-grid td { width:33%; vertical-align: top; /* border:1px solid #ddd; */ /* padding:5px; */ } .products-grid td.empty {} /* 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; } /* 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 { white-space:nowrap;/* display:block; float:left; */} .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { white-space:nowrap;/* display:block; float:left; */} .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; } /* 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-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* 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:Additional */ .product-view .additional {} /* Block:Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block:Reviews */ .product-view .reviews {} /* Block:Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* Shopping Cart */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .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 */ .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; } /* Checkout */ /* One Page */ /* 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 {} /* 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; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .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; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:16em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .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; } /* ======================================================================================= */ /* ================================================================================ PARTENAIRES ================================================================================ */ #partners-categories, #partners-category-content .category-products { min-height: 365px; color: #277cb5; padding: 15px 15px 20px 15px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x} /* Sommaire */ #partners-categories li { width: 50%; min-height: 45px; text-align: center; float: left} #partners-categories li a { color: #F46202; font-size: 12px; font-weight: bold; text-decoration: underline} #partners-categories li a:hover { color: #ff7d28} /* Détails */ #partners-category-content ul { border: #000 solid 1px; background-color: #fff; } #partners-category-content li { clear: both; padding: 5px; margin-top: 15px; overflow: auto} #partners-category-content .partner-image { width: 140px; float: left; padding: 5px; overflow: auto} #partners-category-content .partner-title { width: 150px; min-height: 135px; float: left; padding: 5px} #partners-category-content .partner-title a { color: #F46202; font-size: 12px; line-height: 12px; font-weight: bold} #partners-category-content .partner-title a:hover { color: #ff7d28; text-decoration: underline} #partners-category-content .partner-description { /*margin-left: 310px; mise en commentaire car probl�me sous chrome*/ padding: 5px; overflow: auto} #partners-category-content .partner-description p { font-size: 12px} /* Bouton retour */ /* Les définitions du bouton sont faites au niveau des boutons formulaire... */ /* ================================================================================ PAGES CMS ================================================================================ */ .cms-content { color: #277cb5; padding: 15px 15px 0 15px; background: url(../images/fond-contenu-cms.jpg) top left repeat-x} /* Intertitres : définis à CONTENT / TITRES */ .cms-content h2 { color: #fc6900; font-size: 13px; padding: 0; margin: 20px 0 15px 0} .cms-content h3 { font-size: 11px; padding: 0; margin: 15px 0 10px 0} /* Paragraphes et listes */ .cms-content p, .cms-content li, .cms-content td { font-size: 11px; padding: 0} .cms-content p, .cms-content ul, .cms-content ol { /* Les marges verticales */ padding: 0; margin: 10px 0 10px 0} .cms-content ul, .cms-content ol { /* Indentation */ padding-left: 25px} .cms-content ul { /* styles (+puces) */ list-style: disc;} /* Liens */ .cms-content a { color: #F46202; text-decoration: none} .cms-content a:hover { color: #ff9852; text-decoration: underline} /* ================================================================================ Tableaux tarifs */ /* Les lignes de deux tableaux */ div.ligne-tab-tarifs { clear: both; margin-top: 25px; overflow: auto} /* Positionnement dans le flux par rapport à gauche */ .ligne-tab-tarifs table { float: left} /* Décalage vers la droite de la deuxième table */ .ligne-tab-tarifs .tab-decalage { margin-left: 45px} /* Tableaux tarifs */ .tab-tarifs { width: 295px; font-size: 12px; border: none; border-collapse: collapse} .tab-tarifs caption { font-size: 14px; font-weight: bold; text-align: left; padding-bottom: 5px;} .tab-tarifs thead td { color: #277cb5; padding-bottom: 10px} .tab-tarifs th { text-align: left} .tab-tarifs .odd td, .tab-tarifs .even td { font-weight: bold} /* Textes des tarifs */ .tab-orange caption, .tab-orange tbody td { color: #f46202} .tab-bleu caption, .tab-bleu tbody td { color: #39b2ff} .tab-vert caption, .tab-vert tbody td { color: #6da61b} .tab-gris caption, .tab-gris tbody td { color: #8e8f90} /* Fonds des tarifs */ .tab-orange tr.odd { background-color: #fff5c4} .tab-bleu tr.odd { background-color: #e5f5ff} .tab-vert tr.odd { background-color: #f1fbc1} .tab-gris tr.odd { background-color: #f2f2f2} /* Enlevé : bloc3-091201 */ /* ================================================================================ SPECIFIQUES "FUTURE MAMAN" */ .future-maman h2 { color: #277CB5; font-size: 14px; font-weight: normal; margin: 5px 0} .future-maman h3 { color: #FF0E79; font-size: 14px; /*font-style: italic;*/ text-align: right; font-weight: normal; margin: 5px 0} .future-maman ul.etapes { list-style: none; margin: 0; padding-left: 0} .future-maman ul.etapes li { /*height: 145px;*/ margin: 3px 0; /*padding: 0 0 0 185px;*/ } .future-maman .etapes li.intitule-etape1 { /*background: url(../images/cms/future-maman-1.gif) no-repeat top left*/} .future-maman .etapes li.intitule-etape2 { /*background: url(../images/cms/future-maman-2.gif) no-repeat top left*/} .future-maman .etapes li.intitule-etape3 { /*background: url(../images/cms/future-maman-3.gif) no-repeat top left*/} .future-maman .etapes li.intitule-etape4 { /*background: url(../images/cms/future-maman-4.gif) no-repeat top left*/} .future-maman .etapes .intitule-etape1 h4, .future-maman .etapes .intitule-etape2 h4, .future-maman .etapes .intitule-etape3 h4, .future-maman .etapes .intitule-etape4 h4 { font-size: 11px; margin: 0; padding: 14px 0 9px 0} /* ancienne couleur des titres de paragraphe*/ /* .future-maman .etapes .intitule-etape1 h4 { color: #ff9900} .future-maman .etapes .intitule-etape2 h4 { color: #ff2186} .future-maman .etapes .intitule-etape3 h4 { color: #ff66ff} .future-maman .etapes .intitule-etape4 h4 { color: #ba0001} */ .future-maman .etapes .intitule-etape1 h4, .future-maman .etapes .intitule-etape2 h4, .future-maman .etapes .intitule-etape3 h4 , .future-maman .etapes .intitule-etape4 h4 { color: #277CB5; font-size:14px; } /* Mise en exergue */ .future-maman .important { color: #ba0001} /* ================================================================================ ================================================================================ BLOCS STATIQUES ================================================================================ ================================================================================ */ /* ================================================================================ VISUELS PAGE D'ACCUEIL ================================================================================ */ #home-visuel-accueil { float: left} #promo_flash { float: right} /* ================================================================================ MENU FOOTER "Recommander ce site | Futures Mamans | Qui sommes-nous | etc" ================================================================================ */ #nav-footer { position: relative; height: 29px} #nav-footer .linkbar-left { position: absolute; width: 20px; height: 29px; top: 0; left: 0; background: url(../images/fond_menu_bandeau.gif) center left no-repeat; z-index: 100} #nav-footer .linkbar-right { position: absolute; width: 20px; height: 29px; top: 0; right: 0; background: url(../images/fond_menu_bandeau.gif) center right no-repeat; z-index: 100} #nav-footer .linkbar { height: 29px; background: url(../images/fond_menu_bandeau.gif) center center no-repeat; z-index: 10} #nav-footer ul { margin: 0 20px} #nav-footer li { background: url(../images/filet_menu_bandeau.gif) center right no-repeat; float: left} #nav-footer li.last { background: none} #nav-footer a { color: #277CB5; font-size: 12px; line-height: 29px; font-weight: bold; margin: 0 5px; padding: 0 5px} #nav-footer a:hover { color: #fff; text-decoration: none; background-color: #59b9eb} /* ================================================================================ NAV-REASSURANCES (logos partenaires, lien planetcards.com, etc.) ================================================================================ */ #nav-partenaires-mentions { padding-top: 15px} .signature { color:#5199C1; font-size:10px; text-align:right} .signature a { color:#5199C1; font-weight:bold; text-decoration:underline;} /* ================================================================================ UNDER-FOOTER ================================================================================ */ .under_footer { color: #277CB5; font-size: x-small; text-align: center} .under_footer a { color: #F46202; text-decoration: none} .under_footer a:hover { color: #F46202; text-decoration: underline} /* ================================================================================ ================================================================================ LIGHTBOX ================================================================================ ================================================================================ */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;z-index: 2500} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } .env_option { width:53px; height:140px; background:url(../images/checkbox_env1.png) no-repeat; } #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{ display: none;/* Masquait les boutons Annuler / Submit */ 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; } #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;z-index: 2000 } /* BOX TITLE */ #lightbox .box-title { position: relative;} #lightbox .box-title h2 { color: #fff; font-size: 16px; font-weight: bold; line-height: 25px; padding: 0 0 0 15px; margin: 0; background: url(../images/top-cell-choisir.png) no-repeat top left; overflow: visible} #lightbox .box-title h2 span { display: block; height: 25px; text-align: left; background: url(../images/top-cell-choisir.png) no-repeat top right} /* Bouton close */ #lightbox .box-title .close { position: absolute; right: 0; top: 0} #lightbox .box-title .close a { display: block; width: 30px; height: 25px; background: url(../images/popup-close.png) 0 0 no-repeat} #lightbox .box-title .close a span { display: block; text-indent: -2999px} /* Enveloppes */ #enveloppes_content { text-align:left; line-height:150%; padding:10px 10px 1px; display:block; } #enveloppes_content .buttons-set { z-index: 1000; width: 618px; margin-top: 10px} #enveloppes_content .buttons-set .btn-right a, #enveloppes_content .buttons-set .btn-right span { width: auto} #enveloppes_content .buttons-set .btn-right a { width: 145px} #popup_env_titre1 { background:url(../images/popup_env_titre1.png) no-repeat; width:610px; 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:255px; } .img_env { float:left; width:150px; height:150px; } /* .update_cart { margin-left:5px; float:left; width:198px; height:37px; 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:618px; height:380px; overflow:auto; overflow-x: hidden } /* Futuremom */ #futuremom_popup { display:block; color:#1EABF1; text-align:left; text-align:justify; line-height:150%} #futuremom_popup {} #futuremom_popup .box-container {} #futuremom_popup .box-title { height: 25px} #futuremom_popup .box-content { height: 305px;/* Règle la hauteur de la Lightbox */ padding: 15px; overflow: hidden} #futuremom_popup .image-futuremom { width: 103px; padding: 0 10px 10px 0; float: left} #futuremom_popup .box-content p, #futuremom_popup .box-content ul { padding: 0; margin-bottom: 10px;} #futuremom_popup .box-content ul { list-style: disc; margin-left: 25px} #lightbox a#closePopup { position: absolute; bottom: 10px; right: 10px; display: block; width: 160px; color: #fff; font-size: 12px; font-weight: bold; line-height: 23px; height: 23px; background: url(../images/btn-product-generic.png) top left no-repeat; padding-left: 10px; cursor: pointer} #lightbox a#closePopup span { display: block; text-align: center; line-height: 23px; height: 23px; background: url(../images/btn-product-generic.png) top right no-repeat; padding-right: 10px; cursor: pointer} #futuremom_content { display:none; width:600px; } .price_offerte {float:right; width:77px; height:77px; background:url(../images/offerts.png) no-repeat; margin-left:10px; margin-top:30px; } .price_offerte span {display:none;} .price_value {float:right; width:77px; height:77px; background:url(../images/env_price.png) no-repeat; text-align:center; margin-left:10px; margin-top:30px; } .price_value {color:white; font-size:16px; font-weight:bold; padding-top:30px;} .col-perso-left { margin-left:10px; margin-top:5px; margin-bottom:5px; padding-right:10px; } .col-perso-left #persotool_mail_content { height:100px; width:540px; } .col-perso-right { margin-left:10px; margin-top:5px; margin-bottom:5px; float:right; border:1px solid #d1d1d1; color:#767676; } .col-perso-right a{ color:#767676; padding:10px; } .col-perso-right h4 { background-color:#E9E9E9; font-size:15px; font-weight:bold; padding:2px 5px; } .col-perso-right #links { background-color:#F2F2F2; padding:5px 0; } .col-perso-right .send_contact { float:left; } #mail_copy_label { margin-right:10px; } #mail_content_sep { height:3px; } #persotool_mail { width:200px } #popup_env_bottom { width:640px; height:4px; background:url(../images/popup_env_bottom.png) no-repeat; } /* QAS */ #qas_title { font-weight:bold; text-align:center; padding:10px 10px 5px; } #qas_notok div { height:100px; width:225px; border:solid #ffd8d8 1px; padding:10px; background-color:#fff7f7; } #qas_ok div { height:100px; width:225px; border:solid #baff9f 1px; padding:10px; background-color:#edffe6; } #qas_notok, #qas_ok { padding:0 5px; } #qas_ok button p, #qas_notok button p { display:none; } #qas_ok button { background:url(../images/btn_conserver_adresse.png) no-repeat; width:150px; height:30px; display:block; border:0; } #qas_ok button:hover { background:url(../images/btn_conserver_adresse_hover.png) no-repeat; } #qas_notok button { background:url(../images/btn_valider_adresse.png) no-repeat; width:130px; height:30px; display:block; border:0; } #qas_notok button:hover { background:url(../images/btn_valider_adresse_hover.png) no-repeat; } .page_account #qas_notok div { width:310px; } .page_account #qas_ok div { width:310px; } .col-main-catalog-cms #show_result table, .col-main-catalog-cms #show_result table th, .col-main-catalog-cms #show_result table td{ background:none; border:0; margin:0; } .col-main-catalog-cms #qas_notok div { width:310px; } .col-main-catalog-cms #qas_ok div { width:310px; } .clear{clear:both} /* Product category slide */ #cat-slide{width:790px;height:120px;margin-top:4px;background:url(../images/cat-prod-slide.png) no-repeat} /*.cat-slide{background:url(../images/cat-prod-slide.png) no-repeat} .cat-slide1{background:url(../images/cat-prod-slide1.png) no-repeat} .cat-slide2{background:url(../images/cat-prod-slide2.png) no-repeat} .cat-slide3{background:url(../images/cat-prod-slide3.png) no-repeat} .cat-slide4{background:url(../images/cat-prod-slide4.png) no-repeat} .cat-slide5{background:url(../images/cat-prod-slide5.png) no-repeat}*/ #cat-slide span{display:none} #previous-product{display:block;position:absolute;width:28px;height:39px;margin:32px 0 0 31px;background:url(../images/arrow-previous-product.png) no-repeat} #previous-product:hover{background:url(../images/arrow-previous-product-hover.png) no-repeat} #next-product{display:block;position:absolute;width:28px;height:39px;margin:32px 0 0 731px;background:url(../images/arrow-next-product.png) no-repeat} #next-product:hover{background:url(../images/arrow-next-product-hover.png) no-repeat} .cat-slide-product{position:absolute;display:none;margin-top:9px} .posm2-slide-prod{display:block;margin-left:91px} .posm1-slide-prod{display:block;margin-left:223px} .current-slide-prod{display:block;margin-left:355px} .posp1-slide-prod{display:block;margin-left:487px} .posp2-slide-prod{display:block;margin-left:619px} /* Product info */ #product-title{width:790px;height:26px;text-align:center;background:url(../images/productinfo-title.png) no-repeat} #product-title h1,#product-title span{display:inline;color:white;font-weight:bold;font-size:19px} #product-info{width:790px;padding-top:15px;background:url(../images/productinfo-background.png) repeat-y} #product-info-content{width:790px;background:url(../images/productinfo-content.png) repeat-y} #product-info-bottom{width:790px;height:17px;background:url(../images/productinfo-bottom.png) no-repeat} #product-info-left{float:left;width:423px;text-align:center} #product-info-picture-content{padding:0 10px} #product-info-right{float:left;width:367px} #product-info-left li{float:left} #product-name-link{color:#4899cd;font-size:16px} #product-name-link:hover{color:#277CB5} #product-social,#product-reinsurance-text{width:402px;height:37px;padding:10px 8px 0;margin:30px 0 0 2px;line-height:14px;color:#277cbc;background-color:#f1faff} #product-main-picture{max-width:410px;width:auto !important;width:410px} #product-bt-personalise{display:block;width:298px;height:54px;margin:10px 0 0 45px;background:url(../images/bt-personalise.png) no-repeat} #product-bt-personalise:hover{background:url(../images/bt-personalise-hover.png) no-repeat} #product-bt-personalise span{display:none} #product-description{padding:25px 25px 0 35px;font-size:15px;text-align:justify;line-height:20px;color:#277cbc} #product-price-list{float:left;margin:13px 0 0 22px} #product-price-list del{font-size:10px} #product-price-list h2,#product-price-list #product-price-subtitle{display:none} #product-price-list table{text-align:center} #product-price-list .price-left{width:68px} #product-price-list .price-right{width:125px} #product-price-list th.price-left{height:39px;background:url(../images/tabprice-top-left.png) no-repeat} #product-price-list th.price-right{height:39px;background:url(../images/tabprice-top-right.png) no-repeat} #product-price-list tr.even td.price-left,#product-price-list tfoot td.price-left{height:27px;background:url(../images/tabprice2-left.png) no-repeat} #product-price-list tr.even td.price-right,#product-price-list tfoot td.price-right{height:27px;background:url(../images/tabprice2-right.png) no-repeat} #product-price-list tr.odd td.price-left{height:27px;background:url(../images/tabprice1-left.png) no-repeat} #product-price-list tr.odd td.price-right{height:27px;background:url(../images/tabprice1-right.png) no-repeat} #product-reinsurance-pictures{float:left;width:150px;margin-top:13px;text-align:center;color:#277cbc} #product-format,#product-reinsurance2,#product-envelopes{padding:6px 8px;background-color:#f1faff} #product-reinsurance1,#product-reinsurance3{padding:6px 8px} #product-format h3{font-size:12px} #product-facebook{float:left;margin:0 14px} #product-share{float:left} /* Product upsell */ #product-upsell{margin-top:25px} #product-upsell h3{width:790px;height:27px;font-size:19px;text-align:center;color:#277cb5;background:url(../images/product-upsell-top.png) no-repeat} #product-upsell-content{width:790px;background:url(../images/product-upsell-background.png) repeat} #product-upsell-bottom{width:790px;height:11px;background:url(../images/product-upsell-bottom.png) no-repeat} .product-upsell-link{float:left;margin:0 18px} /* Addthis */ .addthis_button_compact span{width:1px;height:15px;background:none} #addthis-content{margin-top:10px} #addthis-content .at300m{margin:0;padding:0 0 0 17px} .addthis_button_compact{display:block;height:13px;padding-left:25px;font-weight:bold;color:#277cbc;background:url(../images/product_icons2.png) no-repeat} .addthis_button_compact span{display:block;position:absolute;margin-top:-2px;width:145px;cursor:pointer} #at16pf{display:none} #at_pspromo{display:none !important} .cms-wrapper .future-maman .cms-content li{color:#000000; font-size:12px;} /* ================================================================================ ================================================================================ 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;}