/** * Insudiet.fr * Auteur : SQLI - Julien Roulette * V0.1 - 21/01/2009 */ @import url(/styles/styles_menu.css); @import url(/styles/styles_footer.css); @import url(/styles/styles_fancybox.css); @import url(/styles/styles_boutique_panier.css); p.required { font-size:.95em; text-align:right; padding: 0px 5px 0px 0px; } a.retour, a.retour:link, a.retour:visited { display: block; height: 14px; width: 14px; background: url('../images/mon_compte/puce_retour.gif') no-repeat top left; margin: 0px 0px 40px 8px; padding: 0px 0px 0px 18px; font-weight: bold; color: #ac2f2d; } h1.classic-h1 { font-size: 16px !important; text-indent: 0px !important; color: #c5c5c5 !important; font-weight: bold !important; margin: 0px 0px 15px 10px !important; width: auto !important; height: auto !important; } form button.sauvegarder { float: right; display: block; width: 90px; height: 18px; overflow: hidden; background: url('../images/mon_compte/btn_sauvegarder_off.gif') no-repeat top left; text-indent: -500em; margin: 0px 20px 10px 0px; border: none; cursor: pointer; } form button.sauvegarder:hover { background: url('../images/mon_compte/btn_sauvegarder_hover.gif') no-repeat top left; } /* Styles par défaut sIFR par défaut... NE PAS MODIFIER */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h2.sifr-red, .sIFR-hasFlash h2.sifr-orange, .sIFR-hasFlash h2.sifr-green { visibility: hidden; } div#contenu-central { width: 975px; margin: auto; padding: 0; background: #ffffff url('../images/bg_haut_de_page_reduced.gif') no-repeat top left; } div#bas-de-page { margin: 0px auto 15px auto; padding: 0; height: 7px; background: transparent url('../images/bg_footer.gif') no-repeat top left; } div#bas-de-page { margin: 0px auto 15px auto; padding: 0; height: 7px; background: transparent url(../images/bg_footer.gif) no-repeat left top; } /************************* * Contenu du panier *************************/ div#contenu-central { position: relative; margin: 0; padding: 0; overflow: hidden; text-align: center; } /* ~~~>> 11/03/2009 MODIF JRO => MANTIS-1138 : affichage du compte-rendu de commande */ div#contenu-central div#cr-commande { text-align: left; color: #aaafaf; margin: 30px 0px 0px 80px; height: 425px; } div#cr-commande h3 { font-size: 16px !important; color: #ee8711 !important; font-weight: bold !important; margin: 0px 0px 15px 0px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#cr-commande h4 { font-size: 12px !important; font-weight: bold !important; margin: 0px 0px 15px 0px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#cr-commande p { font-size: 11px; margin: 0px 0px 10px 0px; } div#cr-commande p a, div#cr-commande p a:link, div#cr-commande p a:visited { font-weight: bold; color: #aaafaf; text-decoration: underline; } div#cr-commande button { display: block; background: url('../images/btn_poursuivre_achats.gif') no-repeat top left; width: 191px; height: 23px; text-indent: -200em; margin: 15px 0px 0px 0px; border: none; cursor: pointer; } div#cr-commande button:hover { background: url('../images/btn_poursuivre_achats_hover.gif') no-repeat top left; } /* <<~~~ 11/03/2009 MODIF JRO <= MANTIS-1138 */ /* Tableau de produit du panier */ div#contenu-central table#panier { margin: auto; color: #9f9f9f; width: 790px; border-collapse: collapse; } table#panier caption { text-align: left; } table#panier caption span{ display: block; overflow: hidden; width: 169px; height: 39px; background: transparent url('../images/mon_panier.gif') no-repeat top left; margin: 0px 0px 5px 18px; text-indent: -200em; } table#panier thead { background: url('../images/bg_tableau_header.gif') no-repeat top left; height: 24px; } table#panier thead tr.head { height: 24px; } table#panier tfoot { } table#panier tfoot tr td#poursuivre-achats { text-align: left; } table#panier tfoot tr td#poursuivre-achats a, table#panier tfoot tr td#poursuivre-achats a:link, table#panier tfoot tr td#poursuivre-achats a:visited { display: block; background: url('../images/btn_poursuivre_achats.gif') no-repeat top left; width: 191px; height: 23px; text-indent: -200em; margin: 4px 0px 0px 0px; } table#panier tfoot tr td#poursuivre-achats a:hover { background: url('../images/btn_poursuivre_achats_hover.gif') no-repeat top left; } table#panier tfoot tr td#maj-panier { } table#panier tfoot tr td#maj-panier a, table#panier tfoot tr td#maj-panier a:link, table#panier tfoot tr td#maj-panier a:visited { display: block; background: url('../images/btn_maj_panier.gif') no-repeat top left; width: 180px; height: 23px; margin: 4px 0px 0px 50px; } table#panier tfoot tr td#maj-panier a:hover { background: url('../images/btn_maj_panier_hover.gif') no-repeat top left; } table#panier tbody { border: 1px solid #dee0e1; text-align: center; } table#panier tbody tr { border: 1px solid #dee0e1; } table#panier tbody tr td { border: 1px solid #dee0e1; vertical-align: middle !important; } table#panier tbody tr td.picto { width: 75px; } table#panier tbody tr td.picto img { margin: 5px 0px 5px 0px; } table#panier tbody tr td.nom { width: 189px; text-align: left; font-size: 11px; padding: 0px 10px 0px 10px; } table#panier tbody tr td.nom a, table#panier tbody tr td.nom a:link, table#panier tbody tr td.nom a:visited { color: #9f9f9f; } table#panier tbody tr td.pu { width: 139px; } table#panier tbody tr td.pu p.ancien-prix { font-size: 11px; color: #c5beb0; text-decoration: line-through; } table#panier tbody tr td.pu p.nouveau-prix { font-size: 14px; color: #b6ae9c; font-weight: bold; } table#panier tbody tr td.qty { width: 119px; text-align: center; } table#panier tbody tr td.qty a.moins, table#panier tbody tr td.qty a.moins:link, table#panier tbody tr td.qty a.moins:visited { float: left; width: 16px; height: 17px; margin: 1px 0px 0px 20px !important; _margin: 3px 0px 0px 20px !important; padding: 0px !important; background: url('../images/btn_moins.gif') no-repeat top left; } table#panier tbody tr td.qty a.moins:hover { text-decoration: none; background: url('../images/btn_moins_hover.gif') no-repeat top left; } table#panier tbody tr td.qty input { width: 30px; color: #c6c0b2; border: 1px solid #edebe6; background: #edebe6; font-weight: bold; margin: 0px 0px 0px 0px !important; padding: 0px !important; text-align: center; } table#panier tbody tr td.qty input:focus { color: #8f8777; border: 1px solid #8f8777; } table#panier tbody tr td.qty a.plus, table#panier tbody tr td.qty a.plus:link, table#panier tbody tr td.qty a.plus:visited { display: block; float: right; width: 16px; height: 17px; margin: 1px 20px 0px 0px !important; _margin: 3px 10px 0px 0px !important; padding: 0px !important; background: url('../images/btn_plus.gif') no-repeat top left; } table#panier tbody tr td.qty a.plus:hover { text-decoration: none; background: url('../images/btn_plus_hover.gif') no-repeat top left; } table#panier tbody tr td.ss-total { width: 139px; font-size: 14px; font-weight: bold; color: #ac0000; } table#panier tbody tr td.delete { width: 89px; text-align: center; } table#panier tbody tr td.delete a, table#panier tbody tr td.delete a:link, table#panier tbody tr td.delete a:visited { display: block; width: 16px; height: 17px; margin: auto; background: url('../images/btn_delete_panier.gif') no-repeat top left; } table#panier tbody tr td.delete a:hover { background: url('../images/btn_delete_panier_hover.gif') no-repeat top left; } /* Div d'options sous le panier */ div#contenu-central div#options { position: relative; margin: 20px auto 20px auto; color: #acacac; width: 790px; } /* Ces produits vous intéressent */ div#options div#produits { float: left; width: 270px; } div#produits a.panier, div#produits a.panier:link, div#produits a.panier:visited { float: right; display: block; background: url('../images/btn_panier.gif') no-repeat top left; width: 41px; height: 41px; text-indent: -200em; margin: 12px 5px 0px 0px !important; } div#produits.encart-promo {display: block;height: 276px;width: 270px;} div#produits.encart-promo a.panier, div#produits.encart-promo a.panier:link, div#produits.encart-promo a.panier:visited {float: right;background: url('/img/boutique/bt-ajouter-panier.png') no-repeat top left;width: 146px;height: 29px;text-indent: -200em;margin: -55px 5px 0px 0px !important;cursor: pointer;} div#produits.encart-promo a.panier:hover {background: url('/img/boutique/bt-ajouter-panier.png') no-repeat top right;} div#produits.encart-promo a.panier:active {background: url('/img/boutique/bt-ajouter-panier.png') no-repeat bottom left;} div#produits.encart-promo a.lien-produit,div#produits.encart-promo a.lien-produit:link,div#produits.encart-promo a.lien-produit:visited {display:block; height:276px;width: 272px;text-indent: -500em;} div#produits div.top { display: block; background: url('../images/bg_cadre_vert_top.gif') no-repeat top left; height: 30px; } div#produits div.contenu { background: url('../images/bg_cadre_vert.gif') repeat-y top left; /* ~~~>> 17/04/2009 MODIF JRO => MANTIS-1307 : on ne fixe plus la taille du cadre */ min-height: 242px; /* <<~~~ 17/04/2009 MODIF JRO <= MANTIS-1307 */ } div#produits div.contenu ul { list-style: none; margin: 20px 0px 0px 0px !important; } div#produits div.contenu ul li { margin: 0px 0px 5px 0px !important; width: 270px ! important; overflow: hidden; } div#produits div.contenu ul li img { float: left; margin: 0px 0px 0px 15px !important; padding: 0px !important; } div#produits div.contenu ul li div { width: 100px; text-align: left; float: left; margin: 5px 0px 0px 10px !important; padding: 0px 0px 0px 0px !important; } div#produits div.contenu ul li div a, div#produits div.contenu ul li div a:link, div#produits div.contenu ul li div a:visited { margin: 15px 0px 0px 0px !important; color: #acacac; text-decoration: underline; } div#produits div.contenu ul li div a:hover { color: #8f8777; } div#produits div.contenu ul li div p { font-weight: bold; font-size: 1.1em; } div#produits div.contenu ul li a.panier, div#produits div.contenu ul li a.panier:link, div#produits div.contenu ul li a.panier:visited { float: right; display: block; background: url('../images/btn_panier.gif') no-repeat top left; width: 41px; height: 41px; text-indent: -200em; margin: 12px 5px 0px 0px !important; } div#produits div.contenu ul li a.panier:hover { background: url('../images/btn_panier_hover.gif') no-repeat top left; } div#produits div.bottom { background: url('../images/bg_cadre_vert_bottom.gif') no-repeat top left; } /* Options de livraison */ div#options div#livraison { float: left; width: 195px; margin: 0px 0px 0px 6px; } div#livraison div.top { display: block; background: url('../images/bg_cadre_rouge_top.gif') no-repeat top left; height: 62px; } div#livraison div.contenu { background: url('../images/bg_cadre_rouge.gif') repeat-y top left; height: 210px; } div#livraison div.contenu ul { list-style: none; margin: 0px 0px 0px 0px !important; } div#livraison div.contenu ul li { margin: 0px 0px 13px 0px !important; padding: 0px !important; width: 195px ! important; overflow: hidden; text-align: left; } div#livraison div.contenu ul li img { float: left; margin: 0px 8px 0px 10px !important; padding: 0px !important; } div#livraison div.contenu ul li p { float: right; padding: 0px 5px 0px 0px; width: 80px; } div#livraison div.contenu ul li a, div#livraison div.contenu ul li a:link, div#livraison div.contenu ul li a:visited { color: #acacac; } div#livraison div.contenu ul li a:hover { text-decoration: underline; } div#livraison div.bottom { background: url('../images/bg_cadre_rouge_bottom.gif') no-repeat top left; } /* Div de paiement */ div#options div#payer { float: right; } /* Code de réduction */ div#payer div#code-reduction { background: url('../images/bg_code_reduction.gif') no-repeat top left; width: 261px; height: 84px; margin: 0px 0px 15px 0px; text-align: left; } div#code-reduction p.titre-code { padding: 35px 0px 0px 13px; overflow: hidden; } /* ~~~>> 11/05/2009 MODIF JRO => MANTIS-1258 : EVOL code de réduction parrainage */ div#code-reduction p.titre-code a, div#code-reduction p.titre-code a:link, div#code-reduction p.titre-code a:visited { color: #ACACAC; text-decoration: underline; } div#code-reduction p.titre-code a:hover { color: #BCBCBC; } /* <<~~~ 11/05/2009 MODIF JRO <= MANTIS-1258 */ div#code-reduction p { padding: 8px 0px 0px 13px; } /* ~~~>> 27/02/2009 MODIF JRO => MANTIS-985 : changement du style pour caler le texte d'erreur */ div#code-reduction p input { float: left; width: 182px; margin: 0px 10px 0px 0px; } /* ~~~>> 11/05/2009 MODIF JRO => MANTIS-1258 : EVOL code de réduction parrainage */ div#code-reduction p a.btn, div#code-reduction p a.btn:link, div#code-reduction p a.btn:visited { width: 44px !important; height: 14px !important; display: block !important; background: url('../images/btn_ok.gif') no-repeat top left !important; text-indent: -200em !important; overflow: hidden !important; margin: 3px 10px 0px 0px !important; _margin: 3px 5px 0px 0px !important; } div#code-reduction p a.btn:hover { background: url('../images/btn_ok_hover.gif') no-repeat top left !important; } /* <<~~~ 11/05/2009 MODIF JRO <= MANTIS-1258 */ div#code-reduction .validation-advice { float :left; width: 150px; } /* <<~~~ 27/02/2009 MODIF JRO => MANTIS-985 : changement du style pour caler le texte d'erreur */ /* Montant avec sous total */ div#payer div#montant { width: 262px; text-align: left; font-size: 1.4em; padding: 10px 0px 0px 0px; } div#payer div#montant div#montant-top { background: url('../images/bg_montant_top.gif') no-repeat top left; height: 6px; overflow: hidden; margin: 0px 0px 0px 0px !important; } div#payer div#montant div#montant-body { background: url('../images/bg_montant.gif') repeat-y top left; overflow: hidden; } div#montant ul { list-style: none; margin: 5px 0px 0px 0px !important; } div#montant ul li { margin: 0px 10px 5px 10px !important; overflow: hidden; } div#montant ul li.message-sm { font-size: 10px; border-bottom: 1px solid #dee0e1; padding: 5px 0px 10px 0px; } div#montant ul li.message-sm a, div#montant ul li.message-sm a:link, div#montant ul li.message-sm a:visited { color: #8f8777; text-decoration: underline; } div#montant ul li.message-sm a:hover { color: #acacac; } div#montant ul li.with-border { padding: 0px 0px 3px 0px; border-bottom: 1px solid #dee0e1; } div#montant ul li.without-border p.left, div#montant ul li.without-border p.right { padding: 0px 0px 5px 0px !important; } div#montant ul li p.left { float: left; margin: 0px 0px 0px 0px !important; padding: 0px !important; } div#montant ul li p.right { float: right; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } div#montant ul li.encart-livraison-offerte { width: 242px; height: 40px; background: #ef8711; text-align: center; } div#montant ul li.encart-livraison-offerte p { text-align: center; margin: 3px 5px 0px 5px !important; padding: 0px 0px 10px 0px; color: #ffffff; font-weight: bold; font-size: 0.9em; } div#montant ul li.montant-global { color: #ac0000; font-weight: bold; } div#montant ul li.montant-global p { padding: 10px 0px 0px 0px !important; } div#montant ul li.montant-global p.right { padding: 7px 0px 0px 0px !important; font-size: 1.2em; } div#payer div#montant div#montant-bottom { background: url('../images/bg_montant_footer.gif') no-repeat top left; height: 47px; overflow: hidden; margin: 0px 0px 20px 0px; } /* Bouton de commande */ a#commander, a#commander:link, a#commander:visited { float: right; display: block; background: url('../images/btn_commander.gif') no-repeat top left; width: 183px; height: 32px; text-indent: -200em; } a#commander:hover { background: url('../images/btn_commander_hover.gif') no-repeat top left; } /************************************************************ * Contenu du checkout (étapes de paiement/livraison etc) * ************************************************************/ /* Les différentes étapes pour confirmer sa commande */ div#contenu-central ol.one-page-checkout { float: left; margin: 0px 0px 0px 85px; _margin: 0px 0px 0px 10px; color: #948d7f; width: 681px; text-align: left; list-style-type: none; } ol.one-page-checkout li, ol.one-page-checkout li.active, ol.one-page-checkout li.allow { display: block; } /* Etape normale */ ol.one-page-checkout li div.head { width: 681px; height: 24px; background: url('../images/checkout/bg_etape_off.gif') no-repeat top left; color: #9f9888 !important; margin: 0px 0px 5px 0px; } ol.one-page-checkout li div.head:hover { /* background: url('../images/checkout/bg_etape_off.gif') no-repeat top left; */ } ol.one-page-checkout li div.head h3 { text-transform: uppercase; font-size: 1.1em; padding: 2px 0px 0px 15px; float: left; } ol.one-page-checkout li div.head h3 span { font-size: 1.3em; } ol.one-page-checkout li div.head a, ol.one-page-checkout li div.head a:link, ol.one-page-checkout li div.head a:visited { position: absolute; margin: 0px !important; display: block !important; left: 80; width: 681px; height: 24px; text-indent: -500em; z-index: 1; } ol.one-page-checkout li div.head a:hover { text-decoration: none; } /* Etape en cours */ ol.one-page-checkout li.allow div.head { width: 681px; height: 24px; background: url('../images/checkout/bg_etape_off.gif') no-repeat top left; } ol.one-page-checkout li.allow div.head h3 { color: #948d7f; } ol.one-page-checkout li.active div.head { width: 681px; height: 24px; background: url('../images/checkout/bg_etape_on.gif') no-repeat top left; } ol.one-page-checkout li.active div.head h3 { color: #FFFFFF; } /* Contenu des étapes */ ol.one-page-checkout li div.box { display: block; position: relative; overflow: hidden !important; margin: 20px 0px 20px 0px !important; } ol.one-page-checkout li div.box h4 { font-size: 14px; font-weight: bold; color: #ac0000; } ol.one-page-checkout li div.box p { font-size: 12px; margin: 5px 0px 5px 0px; } ol.one-page-checkout li div.box p span.important { font-weight: bold; color: #ac0000; } ol.one-page-checkout li div.box p.lower { font-size: 10px; } ol.one-page-checkout li div.box ul { list-style-type: none; } ol.one-page-checkout li div.box ul li input { border: 1px solid #c5c5c5; background: #f3f3f3; width: 180px; } /* Colonne gauche d'une étape */ ol.one-page-checkout li div.box div.colonne-gauche { float: left; width: 250px; margin: 0px 0px 0px 10px; } div.colonne-gauche p#btn-creation-compte { float: right; } div.colonne-gauche p#btn-creation-compte a, div.colonne-gauche p#btn-creation-compte a:link, div.colonne-gauche p#btn-creation-compte a:visited { display: block; width: 145px; height: 33px; background: transparent url('../images/checkout/btn_creer_compte_off.gif') no-repeat top left; text-indent: -500em; } div.colonne-gauche p#btn-creation-compte a:hover { background: transparent url('../images/checkout/btn_creer_compte_hover.gif') no-repeat top left; } /* Colonne droite d'une étape */ ol.one-page-checkout li div.box div.colonne-droite { float: right; width: 270px; margin: 0px 10px 0px 0px; } div.colonne-droite form { margin: 10px 0px 25px 0px; } div.colonne-droite form li { margin: 0px 0px 5px 0px; } div.colonne-droite form li.validation-form input { float: left; } div.colonne-droite form li.validation-form a, div.colonne-droite form li.validation-form a:link, div.colonne-droite form li.validation-form a:visited { float: right; width: 44px; height: 14px; display: block; background: url('../images/btn_ok.gif') no-repeat top left; text-indent: -500em; margin: 2px 30px 0px 0px; _margin: 3px 5px 0px 0px; } div.colonne-droite form li.validation-form a:hover { background: url('../images/btn_ok_hover.gif') no-repeat top left; } div.colonne-droite a, div.colonne-droite a:link, div.colonne-droite a:visited { color: #b1aba1; text-decoration: underline; display: block; } div.colonne-droite a:hover { color: #948d7f; } /* Formulaire */ form.form-enregistrement { margin: 0px 0px 0px 20px !important; } form.form-enregistrement fieldset { border: none; margin: 0px 0px 10px 0px !important; } form.form-enregistrement fieldset legend { font-size: 11px !important; color: #83807a; } form.form-enregistrement p { text-align: left; width: 100%; font-size: 11px !important; color: #83807a; } form.form-enregistrement h4 { font-size: 12px !important; font-weight: bold; color: #ac0000; text-transform: uppercase; } form.form-enregistrement h5 { font-size: 11px; font-weight: normal; } form.form-enregistrement h6 { font-size: 11px; font-weight: normal; } form.form-enregistrement span.required { margin: 0px !important; float: none; } form.form-enregistrement p input, form.form-enregistrement p select { margin: 4px 0px 0px 0px; } form.form-enregistrement p span { float: left; margin: 0px 30px 0px 0px !important; } /* Traitement form des différents cas */ fieldset.date-naissance div { margin: 0px 0px 15px 0px; padding: 0px !important; } fieldset.date-naissance div div.champ-date { display: block; float: left; margin: 0px 10px 0px 0px !important; } fieldset.suivi-medical { float: left; width: 30%; } fieldset.suivi-medical p span label { display: block; position: relative; padding-left: 55px !important; padding-left: 85px; color: #83807a; } fieldset.suivi-medical p span input { position: absolute; left: 0 !important; top: 0 !important; left: -30; top: -7; margin-top:0px !important; margin-top:4px; margin-left:30px !important; margin-left:0px; _margin-left:-30px; background: none !important; border: none !important; } fieldset.asm { float: left; margin: 0px 0px 20px 0px !important; width: 100%; } /* // ~~~>> 11/05/2009 MODIF JRO => MANTIS-1250 : ajout d'un texte dans le checkout */ fieldset.asm p { float: left !important; width: 40% !important; } fieldset.asm p a, fieldset.asm p a:link, fieldset.asm p a:visited { color: #83807a; text-decoration: underline; } fieldset.asm p a:hover { color: #000000; } /* // <<~~~ 11/05/2009 MODIF JRO <= MANTIS-1250 */ fieldset.adresse { float: left; display: block; width: 380px; border-right: 1px solid #dad6cd !important; } fieldset.adresse p input { display: block; } fieldset.adresse p.choix-adresse { display: block; overflow: hidden; padding: 10px 0 0 0; } fieldset.adresse p.choix-adresse span label { display: block; position: relative; padding-left: 55px !important; padding-left: 85px; padding-bottom: 10px; _padding-top: 6px; color: #83807a; } fieldset.adresse p.choix-adresse span input, fieldset.adresse p.choix-adresse input { position: absolute; left: 0 !important; top: 0 !important; left: -30; top: -7; margin-top:0px !important; margin-top:4px; margin-left:30px !important; margin-left:0px; _margin-left:-30px; background: none !important; border: none !important; } fieldset.infos-complementaires { display: block; float: left; width: 250px; padding: 0px 0px 0px 15px !important; } fieldset.compte-insudiet { float: left; display: block; width: 100%; } fieldset.compte-insudiet p.choix-newsletter { display: block; overflow: hidden; padding: 10px 0 0 0; } fieldset.compte-insudiet p.choix-newsletter span label { display: block; position: relative; padding-left: 55px !important; padding-left: 85px; padding-bottom: 10px; _padding-top: 6px; color: #83807a; } fieldset.compte-insudiet p.choix-newsletter span input { position: absolute; left: 0 !important; top: 0 !important; left: -30; top: -7; margin-top:0px !important; margin-top:4px; margin-left:30px !important; margin-left:0px; _margin-left:-30px; background: none !important; border: none !important; } form.form-enregistrement div#checkout-shipping-method-load { width: 100%; } /* ~~~>> 24/03/2009 MODIF JRO => MANTIS-1234 : affichage du lien des CGL*/ div#checkout-shipping-method-load p { float: left; } div#checkout-shipping-method-load p a, div#checkout-shipping-method-load p a:link, div#checkout-shipping-method-load p a:visited { font-size: 10px; color: #83807a; } /* <<~~~ 24/03/2009 MODIF JRO <= MANTIS-1234 */ div#checkout-shipping-method-load p img { float: left; margin: 0px 10px 0px 0px; } div#checkout-shipping-method-load p input { float: left; margin: 10px 10px 0px 0px; background: none !important; border: none !important; } div#checkout-shipping-method-load p label { float: left; margin: 5px 0px 0px 0px; } /* Détail des points Kiala */ div.points-relais-kiala { margin: 20px 0px 10px 0px !important; overflow: hidden; color: #83807a; font-size: 11px; } /* Formulaire de recherche des points relais */ div.points-relais-kiala div.inner-box { line-height: 15px; vertical-align: middle; } div.points-relais-kiala div.inner-box label { float: left; margin: 0px 10px 0px 0px; } div.points-relais-kiala div.inner-box input { float: left; width: 150px; text-align: center; margin: 0px 10px 0px 0px; } div.points-relais-kiala div.inner-box a, div.points-relais-kiala div.inner-box a:link, div.points-relais-kiala div.inner-box a:visited { /*float: left;*/ width: 44px; height: 14px; display: block; background: url('../images/btn_ok.gif') no-repeat top left; text-indent: -500em; overflow: hidden; margin: 2px 10px 0px 0px; } div.points-relais-kiala div.inner-box a:hover { background: url('../images/btn_ok_hover.gif') no-repeat top left; } div.points-relais-kiala div.inner-box div.opc-please-wait { float: left; height: 16px; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; /*background: url('../images/checkout/opc-ajax-loader.gif') no-repeat top left;*/ } div.points-relais-kiala div.inner-box div.opc-please-wait img { display: block; float: left; } /* Affichage des points relais */ div.points-relais-kiala ul#liste-point-relais { margin : 0px 0px 0px 0px; list-style-type: none; } ul#liste-point-relais li { float: left; width: 200px; /* ~~~>> 23/02/2009 MODIF JRO => MANTIS-1027 : on fixe une taille pour les blocs */ height: 120px; display: block; background: #f0efeb; margin: 30px 5px 0px 0px; padding: 5px !important; color: #9f9f9f; text-align: left; } ul#liste-point-relais li span.selection-pt-relais { display: block; vertical-align: top; color: #c1080d; font-weight: bold; overflow: hidden; margin: 5px 0px 0px 0px; } ul#liste-point-relais li span.selection-pt-relais input { float: left; width: 16px; margin: 0px 5px 0px 0px; background: none !important; border: none !important; } ul#liste-point-relais li span.selection-pt-relais label { float: left; } ul#liste-point-relais li p { width: 180px; margin: 0px 5px 0px 21px; text-transform: uppercase; overflow: hidden; color: #9f9f9f; } ul#liste-point-relais li p span { display: block; } ul#liste-point-relais li p.lien-horaires { margin: 5px 0px 0px 21px; } ul#liste-point-relais li p.lien-horaires a, ul#liste-point-relais li p.lien-horaires a:link, ul#liste-point-relais li p.lien-horaires a:visited { text-transform: none; color: #9f9f9f; text-decoration: underline; } ul#liste-point-relais li p.lien-horaires a:hover { color: #83807a; } /* Message en cas d'absence de résultats suite à la recherche de Points Relais */ div.points-relais-kiala div#aucun-point-relais-trouve { clear: both; color: #EB340A; } /* Tableau de récap du panier */ table#recap-panier { margin: auto !important; margin: 0px 0px 0px 50px; color: #9f9f9f; width: 583px; border-collapse: collapse; } table#recap-panier caption { text-align: left; } table#recap-panier caption span{ display: block; overflow: hidden; width: 169px; height: 39px; background: transparent url('../images/mon_panier.gif') no-repeat top left; margin: 0px 0px 5px 18px; text-indent: -500em; } table#recap-panier thead { background: url('../images/checkout/bg_tableau_header.gif') no-repeat top left; height: 24px; } table#recap-panier tbody { border: 1px solid #dee0e1; text-align: center; } table#recap-panier tbody tr { border: 1px solid #dee0e1; } table#recap-panier tbody tr td { border: 1px solid #dee0e1; } table#recap-panier tbody tr td.nom { width: 149px; text-align: left; font-size: 11px; padding: 0px 10px 0px 10px; } table#recap-panier tbody tr td.pu { width: 139px; } table#recap-panier tbody tr td.pu p.ancien-prix { font-size: 11px; color: #c5beb0; text-decoration: line-through; } table#recap-panier tbody tr td.pu p.nouveau-prix { font-size: 14px; color: #b6ae9c; font-weight: bold; } table#recap-panier tbody tr td.qty { width: 119px; text-align: center; } table#recap-panier tbody tr td.qty a.moins, table#recap-panier tbody tr td.qty a.moins:link, table#recap-panier tbody tr td.qty a.moins:visited { float: left; width: 16px; height: 17px; margin: 1px 0px 0px 20px !important; _margin: 3px 0px 0px 20px !important; padding: 0px !important; background: url('../images/btn_moins.gif') no-repeat top left; } table#recap-panier tbody tr td.qty a.moins:hover { text-decoration: none; background: url('../images/btn_moins_hover.gif') no-repeat top left; } table#recap-panier tbody tr td.qty input { width: 30px; color: #c6c0b2; border: 1px solid #edebe6; background: #edebe6; font-weight: bold; margin: 0px 0px 0px 0px !important; padding: 0px !important; text-align: center; } table#recap-panier tbody tr td.qty input:focus { color: #8f8777; border: 1px solid #8f8777; } table#recap-panier tbody tr td.qty a.plus, table#recap-panier tbody tr td.qty a.plus:link, table#recap-panier tbody tr td.qty a.plus:visited { display: block; float: right; width: 16px; height: 17px; margin: 1px 20px 0px 0px !important; _margin: 3px 10px 0px 0px !important; padding: 0px !important; background: url('../images/btn_plus.gif') no-repeat top left; } table#recap-panier tbody tr td.qty a.plus:hover { text-decoration: none; background: url('../images/btn_plus_hover.gif') no-repeat top left; } table#recap-panier tbody tr td.ss-total { width: 139px; font-size: 14px; font-weight: bold; color: #ac0000; } div#infos-recap { width: 583px; margin: auto !important; margin: 0px 0px 0px 50px; } /* Encart de validation des CGV (récap du paiement) */ div#cgv { display: block; width: 600px; float: left; margin: 15px 0px 0px 10px; } div#cgv input { background: none !important; border: none !important; } div#cgv p { display: block; overflow: hidden; font-size: 11px; } div#cgv p a, div#cgv p a:link, div#cgv p a:visited { color: #c1080d; } /* Div de paiement */ div#payer-recap { float: right; margin: 15px 0px 20px 0px; } /* Montant avec sous total */ div#payer-recap div#montant { width: 262px; text-align: left; font-size: 1.4em; padding: 10px 0px 0px 0px; } div#payer-recap div#montant div#montant-top { background: url('../images/bg_montant_top.gif') no-repeat top left; height: 6px; overflow: hidden; margin: 0px 0px 0px 0px !important; } div#payer-recap div#montant div#montant-body { background: url('../images/bg_montant.gif') repeat-y top left; overflow: hidden; } div#payer-recap ul { list-style: none; margin: 5px 0px 0px 0px !important; } div#payer-recap ul li { margin: 0px 10px 5px 10px !important; overflow: hidden; } div#payer-recap ul li.message-sm { font-size: 10px; border-bottom: 1px solid #dee0e1; padding: 5px 0px 10px 0px; } div#payer-recap ul li.message-sm a, div#payer-recap ul li.message-sm a:link, div#payer-recap ul li.message-sm a:visited { color: #8f8777; text-decoration: underline; } div#payer-recap ul li.message-sm a:hover { color: #acacac; } div#payer-recap ul li.with-border { padding: 0px 0px 3px 0px; border-bottom: 1px solid #dee0e1; } div#payer-recap ul li.without-border p.left, div#payer-recap ul li.without-border p.right { padding: 0px 0px 5px 0px !important; } div#payer-recap ul li p.left { float: left; margin: 0px 0px 0px 0px !important; padding: 0px !important; } div#payer-recap ul li p.right { float: right; margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; } div#montant ul li.encart-livraison-offerte { width: 242px; height: 40px; background: #ef8711; text-align: center; } div#montant ul li.encart-livraison-offerte p { text-align: center; margin: 3px 5px 0px 5px !important; padding: 0px 0px 10px 0px; color: #ffffff; font-weight: bold; font-size: 0.9em; } div#payer-recap ul li.montant-global { color: #ac0000; font-weight: bold; } div#payer-recap ul li.montant-global p { padding: 10px 0px 0px 0px !important; } div#payer-recap ul li.montant-global p.right { padding: 7px 0px 0px 0px !important; font-size: 1.2em; } div#payer-recap div#montant div#montant-bottom { background: url('../images/bg_montant_footer.gif') no-repeat top left; height: 47px; overflow: hidden; margin: 0px 0px 20px 0px; } div#moyens-paiements p { float: left; padding: 3px 10px 0px 0px; font-size: 11px; } div#moyens-paiements ul { list-style-type: none; } div#moyens-paiements ul li { display: inline; margin: 0px 10px 0px 0px; } /* CGV */ form#checkout-agreements { clear: left; overflow: hidden; margin: 0px 0px 0px 40px; } /* Footer d'une étape */ div.footer-etape { clear: both; overflow: hidden; padding: 15px 0px 20px 0px !important; } div.footer-etape p.required { text-align: right; font-size: 10px !important; color: #eb340a; } div.footer-etape a.btn-retour, div.footer-etape a.btn-retour:link, div.footer-etape a.btn-retour:visited { float: left; display: block; width: 105px; height: 19px; background: url('../images/checkout/btn_etape_precedente_off.gif') no-repeat top left; text-indent: -500em; margin: 10px 0px 0px 0px; } div.footer-etape a.btn-retour:hover { background: url('../images/checkout/btn_etape_precedente_hover.gif') no-repeat top left; } div.footer-etape a.btn-continuer, div.footer-etape a.btn-continuer:link, div.footer-etape a.btn-continuer:visited { float: right; display: block; width: 90px; height: 18px; background: url('../images/checkout/btn_continuer_off.gif') no-repeat top left; text-indent: -500em; margin: 10px 0px 0px 0px; } div.footer-etape a.btn-continuer:hover { background: url('../images/checkout/btn_continuer_hover.gif') no-repeat top left; } div.footer-etape span.opc-please-wait { float: left; height: 16px; text-align: center; margin: 10px 0px 0px 100px; padding: 2px 0px 0px 20px; background: url('../images/checkout/opc-ajax-loader.gif') no-repeat top left; } div.footer-etape span.opc-please-wait img { display: block; float: left; } div.footer-etape a.btn-paiement, div.footer-etape a.btn-paiement:link, div.footer-etape a.btn-paiement:visited { float: right; display: block; width: 183px; height: 32px; background: url('../images/checkout/btn_paiement_off.gif') no-repeat top left; text-indent: -500em; } div.footer-etape a.btn-paiement:hover { background: url('../images/checkout/btn_paiement_hover.gif') no-repeat top left; } /* Encart droite d'avancement de la commande */ div#contenu-central div#commande-progress { margin: 0px 0px 0px 20px; width: 140px; float: left; } div#commande-progress ol { list-style-type: none; } div#commande-progress ol li { display: block; text-align: left; margin: 0px 0px 10px 0px !important; } div#commande-progress ol li div.top-progress { display: block; background: url('../images/checkout/bg_encart_top.gif') no-repeat top left; width: 135px; height: 4px; overflow: hidden; } div#commande-progress ol li div.content { background: url('../images/checkout/bg_encart.gif') repeat-y top left; width: 135px; margin: 0px !important; padding: 0px 5px 0px 5px !important; } div#commande-progress ol li div.content h4 { text-transform: uppercase; font-size: 9px; width: 95%; border-bottom: 1px solid #c3c2c1; margin: 0px 0px 5px 0px; } div#commande-progress ol li div.content p.lien { margin: 5px 0px 0px 0px; } div#commande-progress ol li div.content p.lien a, div#commande-progress ol li div.content p.lien a:link, div#commande-progress ol li div.content p.lien a:visited { color: #c04241; font-weight: bold; } div#commande-progress ol li div.bottom-progress { display: block; background: url('../images/checkout/bg_encart_bottom.gif') no-repeat top left; width: 135px; height: 3px; margin: 0px !important; padding: 0px !important; } /**************** * Mon compte * ****************/ /* Contenu central gauche (menu) */ div#contenu-central-gauche { width: 180px; float: left; text-align: left; } /* Bandeau de menu latéral gauche */ div#bandeau-menu { width: 180px; float: left; text-align: left; } /* Menu */ div#menu h1 { display: block; height: 48px; background: #f4f3f2 url('../images/mon_compte/bandeau_gauche/titre_menu.png') no-repeat top left; text-indent: -500em; } div#menu ul { list-style-type: none; margin: 0px !important; padding: 0px !important; } div#menu ul li { text-align: left; margin: 0px !important; padding: 0px !important; height: 1%; } div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited { display: block; background: transparent url('../images/bandeau_gauche/bg_item_menu_off.gif') no-repeat top left; text-transform: uppercase; padding: 4px 0px 6px 20px; margin: 0px !important; overflow: hidden; color: #8c8678; font-weight: bold; } div#menu ul li a:hover { text-decoration: none; background: transparent url('../images/bandeau_gauche/bg_item_menu_hover.gif') no-repeat top left; color: #ffffff; } div#menu ul li.special a, div#menu ul li.special a:link, div#menu ul li.special a:visited { display: block; background: transparent url('../images/bandeau_gauche/bg_item_menu_special_off.gif') no-repeat top left; text-transform: uppercase; padding: 4px 0px 6px 20px; margin: 0px !important; overflow: hidden; color: #ac2f2d; font-weight: bold; } div#menu ul li.special a:hover { text-decoration: none; background: transparent url('../images/bandeau_gauche/bg_item_menu_hover.gif') no-repeat top left; color: #ffffff; } div#menu ul li.selected a, div#menu ul li.selected a:link, div#menu ul li.selected a:visited { display: block; background: transparent url('../images/bandeau_gauche/bg_item_menu_on.gif') no-repeat top left; text-transform: uppercase; padding: 4px 0px 6px 25px; margin: 0px !important; overflow: hidden; color: #ffffff; font-weight: bold; } /* Sous menu */ div#menu ul li ul, div#menu ul li.special ul { list-style-type: none; margin: 0px !important; padding: 0px !important; } div#menu ul li ul li a, div#menu ul li.special ul li a, div#menu ul li ul li a:link, div#menu ul li.special ul li a:link, div#menu ul li ul li a:visited, div#menu ul li.special ul li a:visited { display: block; background: transparent url('../images/bandeau_gauche/bg_sous_item_menu_off.gif') no-repeat top left; padding: 4px 0px 6px 30px; text-transform: none; margin: 0px !important; overflow: hidden; color: #6d6c6b; font-weight: normal; } div#menu ul li ul li a:hover, div#menu ul li.special ul li a:hover div#menu ul li ul li.selected a, div#menu ul li.special ul li.selected a, div#menu ul li ul li.selected a:link, div#menu ul li.special ul li.selected a:link, div#menu ul li ul li.selected a:visited, div#menu ul li.special ul li.selected a:visited { text-decoration: none; background: transparent url('../images/bandeau_gauche/bg_sous_item_menu_hover.gif') no-repeat top left; color: #ac2f2d; padding: 4px 0px 6px 30px; text-transform: none; } /* Liens annexes au menu */ div#liens-annexes a.poids-ideal, div#liens-annexes a.poids-ideal:link, div#liens-annexes a.poids-ideal:visited { display: block; width: 195px; height: 102px; background: transparent url('../images/bandeau_gauche/btn_poids_ideal_off.gif') no-repeat top left; text-indent: -500em; overflow: hidden; margin: 15px 0px 15px 0px; } div#liens-annexes a.poids-ideal:hover { background: transparent url('../images/bandeau_gauche/btn_poids_ideal_hover.gif') no-repeat top left; } /* Contenu central droite (contenu principal) */ div#contenu-central-droite { width: 770px; float: left; text-align: left; margin: 0px 0px 10px 10px; } div#conteneur_droit_espace_perso { float:right; width: 195px; margin : 0; padding-right: 10px; right:0; position: absolute; } /* Encart pub alignée à droite espace perso */ div#pub_espace_perso { float:right; width: 195px; margin : 0; padding: 23px 0px 0px 0px; } /* // Encart pub alignée à droite espace perso */ /* ~~~>> 30/06/2009 MODIF MME => mini-panier dans l'espace perso sur mplm */ /* Mini panier */ div#mini-panier { width: 195px; margin : 0; padding: 0px 10px 0px 0px; } div#contenu-central-droite div#mini-panier h1 { display: block; width: 195px; height: 45px; background: transparent url('../images/bg_mon_panier_header.gif') no-repeat top left; text-indent: -500em !important; margin : 0; padding: 0; } div#contenu-central-droite div#mini-panier h1 a, div#contenu-central-droite div#mini-panier h1 a:link, div#contenu-central-droite div#mini-panier h1 a:visited { display: block; width: 195px; height: 45px; } div#contenu-central-droite div#mini-panier div#contenu-panier { background: transparent url('../images/bg_mon_panier.gif') repeat-y top left; overflow: hidden; } /* ~~~>> 04/03/2009 MODIF JRO => MANTIS-1100 : ajout du bouton de visualisation du panier */ div#contenu-central-droite div#contenu-panier a.voir-panier, div#contenu-central-droite div#contenu-panier a.voir-panier:link, div#contenu-central-droite div#contenu-panier a.voir-panier:visited { display: block; width: 181px; height: 29px; margin: 0px 8px; padding: 5px 0px; background: url('../images/btn_voir_mon_panier_off.gif') no-repeat top left; overflow: hidden; text-indent: -100em; } div#contenu-central-droite div#contenu-panier a.voir-panier:hover { background: url('../images/btn_voir_mon_panier_hover.gif') no-repeat top left; } /* <<~~~ 04/03/2009 MODIF JRO => MANTIS-1100 */ div#contenu-central-droite div#contenu-panier p { margin: 0px 10px 0px 10px; color: #7d7d7d; font-weight: bold; font-size: 11px; } div#contenu-central-droite div#contenu-panier p.livraison-gratuite { margin: 10px 5px 0px 5px !important; padding: 5px 10px 10px 10px; display: block; background: #ef8711; text-align: center; display: none; } div#contenu-central-droite div#contenu-panier p.livraison-gratuite span { display: block; color: #ffffff; } div#contenu-central-droite div#contenu-panier p.livraison-gratuite span.price { display: inline; } div#contenu-central-droite div#contenu-panier div#conteneur-items { position: relative; clear: both; display: none; } div#contenu-central-droite div#mini-panier div#footer-panier{ display: block; width: 195px; height: 4px; background: transparent url('../images/bg_mon_panier_footer.gif') no-repeat top left; } /* <<~~~ 30/06/2009 MODIF MME <= */ /* V02 - Modification landing page */ /* Encart "Vos Infos" */ div#contenu-central-droite div#vos-infos { margin: 0px 0px 0px 5px; } div#contenu-central-droite div#vos-infos div#vos-infos-top { width: 566px; height: 7px; background: url('../images/mon_compte/bg_vos_infos_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#vos-infos div#vos-infos-body { width: 566px; background: url('../images/mon_compte/bg_vos_infos_body.gif') repeat-y top left; } div#contenu-central-droite div#vos-infos h2 { font-size: 16px !important; text-indent: 0px !important; color: #ba0200 !important; font-weight: bold !important; margin: 0px 0px 15px 20px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#vos-infos ul { list-style-type: none; width: 566px; overflow: hidden; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 25px; } div#contenu-central-droite div#vos-infos ul li { float: left; display: inline; margin: 0px 55px 0px 0px; } div#contenu-central-droite div#vos-infos ul li a.donnees, div#contenu-central-droite div#vos-infos ul li a.donnees:link, div#contenu-central-droite div#vos-infos ul li a.donnees:visited { display: block; width: 129px; height: 87px; background: url('../images/mon_compte/btn_vos_donnees_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; } div#contenu-central-droite div#vos-infos ul li a.donnees:hover { background: url('../images/mon_compte/btn_vos_donnees_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#vos-infos ul li a.carnet, div#contenu-central-droite div#vos-infos ul li a.carnet:link, div#contenu-central-droite div#vos-infos ul li a.carnet:visited { display: block; width: 137px; height: 87px; background: url('../images/mon_compte/btn_carnet_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; } div#contenu-central-droite div#vos-infos ul li a.carnet:hover { background: url('../images/mon_compte/btn_carnet_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#vos-infos ul li a.commandes, div#contenu-central-droite div#vos-infos ul li a.commandes:link, div#contenu-central-droite div#vos-infos ul li a.commandes:visited { display: block; width: 131px; height: 87px; background: url('../images/mon_compte/btn_vos_commandes_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; } div#contenu-central-droite div#vos-infos ul li a.commandes:hover { background: url('../images/mon_compte/btn_vos_commandes_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#vos-infos div#vos-infos-bottom { width: 566px; height: 7px; background: url('../images/mon_compte/bg_vos_infos_bottom.gif') no-repeat top left; overflow: hidden; } /* Encart "Votre tableau de bord" */ div#contenu-central-droite div#votre-tableau-de-bord { margin: 10px 0px 0px 10px; } div#contenu-central-droite div#votre-tableau-de-bord div#votre-tableau-de-bord-top { width: 566px; height: 8px; background: url('../images/mon_compte/bg_tableau_bord_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#votre-tableau-de-bord div#votre-tableau-de-bord-body { width: 566px; background: url('../images/mon_compte/bg_tableau_bord_body.gif') repeat-y top left; } div#contenu-central-droite div#votre-tableau-de-bord h2 { font-size: 16px !important; text-indent: 0px !important; color: #ee8711 !important; font-weight: bold !important; margin: 0px 0px 15px 20px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#votre-tableau-de-bord div#votre-tableau-de-bord-bottom { width: 566px; height: 8px; background: url('../images/mon_compte/bg_tableau_bord_bottom.gif') no-repeat top left; overflow: hidden; } /* Encart "Parrainage" */ div#contenu-central-droite div#parrainage { float: left; margin: 0px 0px 0px 5px; } div#contenu-central-droite div#parrainage div#parrainage-top { width: 182px; height: 8px; background: url('../images/mon_compte/bg_petit_cadre_vert_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#parrainage div#parrainage-body { width: 182px; background: url('../images/mon_compte/bg_petit_cadre_vert_body.gif') repeat-y top left; } div#contenu-central-droite div#parrainage h2 { font-size: 16px !important; text-indent: 0px !important; color: #acb600 !important; font-weight: bold !important; margin: 0px 0px 15px 10px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#parrainage a, div#contenu-central-droite div#parrainage a:link, div#contenu-central-droite div#parrainage a:visited { display: block; width: 170px; height: 80px; background: url('../images/mon_compte/btn_parrainage_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; margin: 20px 0px 0px 10px; } div#contenu-central-droite div#parrainage a:hover { background: url('../images/mon_compte/btn_parrainage_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#parrainage div#parrainage-bottom { width: 182px; height: 10px; background: url('../images/mon_compte/bg_petit_cadre_vert_bottom.gif') no-repeat top left; overflow: hidden; } /* Encart "vos-recettes" */ div#contenu-central-droite div#vos-recettes { float: left; margin: 0px 0px 0px 10px; } div#contenu-central-droite div#vos-recettes div#vos-recettes-top { width: 182px; height: 8px; background: url('../images/mon_compte/bg_petit_cadre_vert_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#vos-recettes div#vos-recettes-body { width: 182px; background: url('../images/mon_compte/bg_petit_cadre_vert_body.gif') repeat-y top left; } div#contenu-central-droite div#vos-recettes h2 { font-size: 16px !important; text-indent: 0px !important; color: #acb600 !important; font-weight: bold !important; margin: 0px 0px 15px 10px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#vos-recettes a, div#contenu-central-droite div#vos-recettes a:link, div#contenu-central-droite div#vos-recettes a:visited { display: block; width: 160px; height: 80px; background: url('../images/mon_compte/btn_vos_recettes_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; margin: 20px 0px 0px 20px; } div#contenu-central-droite div#vos-recettes a:hover { background: url('../images/mon_compte/btn_vos_recettes_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#vos-recettes div#vos-recettes-bottom { width: 182px; height: 10px; background: url('../images/mon_compte/bg_petit_cadre_vert_bottom.gif') no-repeat top left; overflow: hidden; } /* Encart "vos-abonnements" */ div#contenu-central-droite div#vos-abonnements { float: left; margin: 0px 0px 0px 10px; } div#contenu-central-droite div#vos-abonnements div#vos-abonnements-top { width: 182px; height: 8px; background: url('../images/mon_compte/bg_petit_cadre_vert_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#vos-abonnements div#vos-abonnements-body { width: 182px; background: url('../images/mon_compte/bg_petit_cadre_vert_body.gif') repeat-y top left; } div#contenu-central-droite div#vos-abonnements h2 { font-size: 16px !important; text-indent: 0px !important; color: #acb600 !important; font-weight: bold !important; margin: 0px 0px 15px 10px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#vos-abonnements a, div#contenu-central-droite div#vos-abonnements a:link, div#contenu-central-droite div#vos-abonnements a:visited { display: block; width: 117px; height: 80px; background: url('../images/mon_compte/btn_newsletter_off.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ text-indent: -100em; overflow: hidden; margin: 20px 0px 0px 35px; } div#contenu-central-droite div#vos-abonnements a:hover { background: url('../images/mon_compte/btn_newsletter_hover.png') no-repeat top left; behavior: url('./styles/iepngfix.htc'); /* Fichier permettant à Internet Explorer d'exploiter les PNG */ } div#contenu-central-droite div#vos-abonnements div#vos-abonnements-bottom { width: 182px; height: 10px; background: url('../images/mon_compte/bg_petit_cadre_vert_bottom.gif') no-repeat top left; overflow: hidden; } /* // V02 - Modification landing page */ /* Encart "votre-tdb" */ div#contenu-central-droite div#votre-tdb { float: left; margin: 10px 0px 10px 5px; } div#contenu-central-droite div#votre-tdb div#votre-tdb-top { width: 566px; height: 8px; background: url('../images/mon_compte/bg_tableau_bord_top.gif') no-repeat top left; overflow: hidden; } div#contenu-central-droite div#votre-tdb div#votre-tdb-body { width: 566px; background: url('../images/mon_compte/bg_tableau_bord_body.gif') repeat-y top left; } div#contenu-central-droite div#votre-tdb h2 { font-size: 16px !important; text-indent: 0px !important; color: #acb600 !important; font-weight: bold !important; margin: 0px 0px 0px 10px !important; padding: 5px 0px 0px 0px !important; width: auto !important; height: auto !important; } div#contenu-central-droite div#votre-tdb div#votre-tdb-bottom { width: 566px; height: 10px; background: url('../images/mon_compte/bg_tableau_bord_bottom.gif') no-repeat top left; overflow: hidden; } /* // votre tdb */ div#contenu-central-droite h1 { display: block; width: 279px; height: 16px; overflow: hidden; text-indent: -500em; margin: 0px 0px 15px 10px; } div#contenu-central-droite h4 { color: #8a2672; text-transform: uppercase; font-size: 11px; font-weight: bold; margin: 10px 0px 10px 25px; padding: 0px 0px 0px 25px; background: url('../images/mon_compte/puce.gif') no-repeat top left; } div#contenu-central-droite h4.selected { text-decoration: underline; } div#contenu-central-droite h4 a, div#contenu-central-droite h4 a:link, div#contenu-central-droite h4 a:visited { color: #8a2672; } div#contenu-central-droite p { margin: 0px 0px 0px 10px; color: #aaafaf; font-size: 11px; } div#contenu-central-droite p strong { color: #8c8678; } div#contenu-central-droite p span.red { color: #ba0200; } div#contenu-central-droite p span.red strong { color: #8c8678; } div#contenu-central-droite p a, div#contenu-central-droite p a:link, div#contenu-central-droite p a:visited { color: #b1aba1; text-decoration: underline; margin-top: 0px 0px 0px 10px; } div#contenu-central-droite p a:hover { color: #948d7f; } div.cadre-large-top { display: block; width: 639px; height: 7px; background: transparent url('../images/mon_compte/cadre_large_gris_top.gif') no-repeat top left; overflow: hidden; margin: 25px 0px 0px 5px; } div.cadre-large-content { display: block; width: 639px; background: url('../images/mon_compte/cadre_large_gris_content.gif') repeat-y top left; overflow: hidden; margin: 0px 0px 0px 5px; color: #9f9f9f; } div.cadre-large-content div.fieldset-large { margin: 10px 0px 20px 40px !important; margin: 10px 0px 20px 25px; } div.cadre-large-content div.fieldset-large h2 { text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; } div.fieldset-box { width: 45.5%; display: inline; float: left; margin: 0px 20px 30px 0px !important; margin: 0px 10px 30px 0px; } div.fieldset-box h3 { font-size: 11px; margin: 10px 0px 5px 0px; width: 100%; display: block; border-bottom: 1px solid; overflow: hidden; } div.fieldset-box h3 span { float: left; padding: 2px 0px; } div.fieldset-box h3 a, div.fieldset-box h3 a:link, div.fieldset-box h3 a:visited { float: right !important; color: #ac2f2d; text-decoration: none; padding: 2px; } div.fieldset-box h3 a:hover { text-decoration: underline; background: #ac2f2d; color: #ffffff; } div.fieldset-box p { margin: 0px !important; padding: 0px !important; } div.cadre-large-content div.fieldset-large form fieldset { border: none; margin: 10px 0px 10px 0px !important; width: 100%; } div.cadre-large-content div.fieldset-large form fieldset legend { font-size: 11px; color: #9f9f9f; text-transform: uppercase; font-weight: bold; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; } div.cadre-large-content div.fieldset-large form fieldset p { text-align: left; width: 100%; font-size: 11px !important; color: #83807a; } div.cadre-large-content div.fieldset-large form fieldset p input, div.cadre-large-content div.fieldset-large form fieldset p select { margin: 4px 0px 0px 0px; } div.cadre-large-content div.fieldset-large form fieldset p span { float: left; margin: 0px 30px 0px 0px !important; } div.cadre-large-content div.fieldset-large form span.required { margin: 0px !important; float: none; } div.cadre-large-content div.fieldset-large form fieldset.checkbox { float: left; padding: 5px 0px 5px 0px !important; } div.cadre-large-content div.fieldset-large form fieldset.checkbox p span label { display: block; position: relative; padding-left: 20px !important; padding-left: 25px; color: #83807a; } div.cadre-large-content div.fieldset-large form fieldset.checkbox p span input { position: absolute; left: 0 !important; top: 0 !important; left: -30; top: -7; margin-top:0px !important; margin-top:4px; margin-left:0px !important; margin-left:0px; background: none !important; border: none !important; } div.cadre-large-content div.fieldset-large form a.sauvegarder, div.cadre-large-content div.fieldset-large form a.sauvegarder:link, div.cadre-large-content div.fieldset-large form a.sauvegarder:visited { float: right; display: block; width: 90px; height: 18px; overflow: hidden; background: url('../images/mon_compte/btn_sauvegarder_off.gif') no-repeat top left; text-indent: -500em; margin: 0px 20px 10px 0px; } div.cadre-large-content div.fieldset-large form a.sauvegarder:hover { background: url('../images/mon_compte/btn_sauvegarder_hover.gif') no-repeat top left; } div.cadre-large-content div.fieldset-large form a.valider, div.cadre-large-content div.fieldset-large form a.valider:link, div.cadre-large-content div.fieldset-large form a.valider:visited { float: right; display: block; width: 90px; height: 18px; overflow: hidden; background: url('../images/mon_compte/btn_valider_off.gif') no-repeat top left; text-indent: -500em; margin: 20px 20px 10px 0px; } div.cadre-large-content div.fieldset-large form a.valider:hover { background: url('../images/mon_compte/btn_valider_hover.gif') no-repeat top left; } div.cadre-large-content div.fieldset-large form button { float: right; display: block; width: 90px; height: 18px; overflow: hidden; background: url('../images/mon_compte/btn_sauvegarder_off.gif') no-repeat top left; text-indent: -500em; margin: 0px 20px 10px 0px; border: none; cursor: pointer; } div.cadre-large-content div.fieldset-large form button:hover { background: url('../images/mon_compte/btn_sauvegarder_hover.gif') no-repeat top left; } div.cadre-large-content a, div.cadre-large-content a:link, div.cadre-large-content a:visited { float: none !important; color: #b1aba1; text-decoration: underline; margin: 0px 0px 0px 10px; } div.cadre-large-content a:hover { color: #948d7f; } div.cadre-large-bottom { display: block; width: 639px; background: url('../images/mon_compte/cadre_large_gris_bottom.gif') no-repeat top left; overflow: hidden; margin: 0px 0px 25px 5px; } /************************* * Nb elements par page * *************************/ div.nb-elements-par-page { margin: 2px 0px 0px 10px; } div.nb-elements-par-page div.nb-elements-par-page-top { background: url('../images/mon_compte/bg_nb_elements_par_page_top.gif') no-repeat top left; width: 550px; height: 3px; overflow: hidden; } div.nb-elements-par-page div.nb-elements-par-page-body { background: url('../images/mon_compte/bg_nb_elements_par_page.gif') repeat-y top left; width: 550px; overflow: hidden; } div.nb-elements-par-page div.nb-elements-par-page-body p.select-nb-elements { float: right; margin: 0px 10px 0px 0px !important; } div.nb-elements-par-page div.nb-elements-par-page-body p.nb-results { font-size: 12px !important; padding: 4px 0px 0px 10px; margin: 0; float: left; color: #ac2f2d !important; font-weight: bold; } div.nb-elements-par-page div.nb-elements-par-page-body select { margin: 1px 10px 0px 10px; width: 50px; background: #f2f0ed; border: 1px solid #f2f0ed; color: #a09989; font-size: 12px; } div.nb-elements-par-page div.nb-elements-par-page-bottom { background: url('../images/mon_compte/bg_nb_elements_par_page_bottom.gif') no-repeat top left; width: 550px; height: 4px; } /* Tableau des commandes */ table#mes-commandes { margin: 0px 0px 0px 10px; color: #9f9f9f; width: 583px; border-collapse: collapse; } table#mes-commandes thead { background: url('../images/mon_compte/bg_tableau_header.gif') no-repeat top left; height: 24px; } table#mes-commandes tbody { text-align: center; } table#mes-commandes tbody tr { border: 1px solid #dee0e1; } table#mes-commandes tbody tr td { border-bottom: 1px solid #dee0e1; font-size: 11px; } table#mes-commandes tbody tr td.ref { width: 95px; border-left: 1px solid #dee0e1; } table#mes-commandes tbody tr td.date { width: 95px; } table#mes-commandes tbody tr td.dest { width: 150px; } table#mes-commandes tbody tr td.montant { font-weight: bold; font-size: 12px; width: 85px; color: #ac2f2d; } table#mes-commandes tbody tr td.detail { width: 100px; } table#mes-commandes tbody tr td.detail a, table#mes-commandes tbody tr td.detail a:link, table#mes-commandes tbody tr td.detail a:visited { color: #b1aba1; text-decoration: underline; margin: 0px 0px 0px 10px; } table#mes-commandes tbody tr td.detail a:hover { color: #948d7f; } table#mes-commandes tbody tr td.renouvellement { width: 58px; text-align: center; border-right: 1px solid #dee0e1; } table#mes-commandes tbody tr td.renouvellement a, table#mes-commandes tbody tr td.renouvellement a:link, table#mes-commandes tbody tr td.renouvellement a:visited { display: block; width: 41px; height: 41px; margin: 5px auto 5px auto; text-indent: -500em; background: url('../images/btn_panier.gif') no-repeat top left; } table#mes-commandes tbody tr td.renouvellement a:hover { background: url('../images/btn_panier_hover.gif') no-repeat top left; } /* Tableau des recettes préférées */ table#mes-recettes-preferees { margin: 0px 0px 0px 10px; color: #9f9f9f; width: 583px; border-collapse: collapse; /* ~~~>> 14/04/2009 MODIF JRO => MANTIS-1279 : ajout d'une bordure à droite sous IE7 */ border-right: 1px solid #dee0e1; /* <<~~~ 14/04/2009 MODIF JRO <= MANTIS-1279 */ } table#mes-recettes-preferees thead { background: url('../images/mon_compte/bg_tableau_recettes_preferees.gif') no-repeat top left; height: 24px; } table#mes-recettes-preferees tbody { text-align: center; } table#mes-recettes-preferees tbody tr { border: 1px solid #dee0e1; } table#mes-recettes-preferees tbody tr td { border: 1px solid #dee0e1; padding: 10px 0px; font-size: 11px; text-align: center; } table#mes-recettes-preferees tbody tr td.recette { width: 110px; } table#mes-recettes-preferees tbody tr td.recette a span, table#mes-recettes-preferees tbody tr td.recette a:link span, table#mes-recettes-preferees tbody tr td.recette a:visited span { display: block; color: #aaafaf; font-size: 11px; } table#mes-recettes-preferees tbody tr td.recette a:hover { text-decoration: none; } table#mes-recettes-preferees tbody tr td.recette a:hover span { color: #948d7f; text-decoration: underline; } table#mes-recettes-preferees tbody tr td.comm { width: 220px; } table#mes-recettes-preferees tbody tr td.comm textarea { border: 1px solid #dee0e1; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #aaafaf; width: 160px; height: 70px; padding: 2px; } table#mes-recettes-preferees tbody tr td.date { width: 140px; } table#mes-recettes-preferees tbody tr td.delete { width: 110px; } table#mes-recettes-preferees tbody tr td.delete a, table#mes-recettes-preferees tbody tr td.delete a:link, table#mes-recettes-preferees tbody tr td.delete a:visited { display: block; width: 16px; height: 17px; margin: auto; background: url('../images/btn_delete_panier.gif') no-repeat top left; text-indent: -500em; } table#mes-recettes-preferees tbody tr td.delete a:hover { background: url('../images/btn_delete_panier_hover.gif') no-repeat top left; } /* Détail d'un commentaire */ div#review-detail { text-align: left; color: #ac2f2d; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; overflow: hidden; font-size: 11px; } div#review-detail a.retour, div#review-detail a.retour:link, div#review-detail a.retour:visited { display: block; height: 14px; background: url('../images/puce_retour.gif') no-repeat top left; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 18px; font-weight: bold; color: #ac2f2d; } /* Tableau des revues de recettes */ table#mes-revues-de-recettes { margin: 15px 0px 15px 10px; color: #9f9f9f; width: 550px; border-collapse: collapse; } table#mes-revues-de-recettes tbody { text-align: center; } table#mes-revues-de-recettes tbody tr { border: 1px solid #dee0e1; } table#mes-revues-de-recettes tbody tr td { border: 1px solid #dee0e1; font-size: 11px; padding: 10px; height: 80px; } table#mes-revues-de-recettes tbody tr td a, table#mes-revues-de-recettes tbody tr td a:link, table#mes-revues-de-recettes tbody tr td a:visited { text-decoration: underline; color: #aaafaf; font-size: 11px; } table#mes-revues-de-recettes tbody tr td a:hover { color: #948d7f; text-decoration: underline; } table#mes-revues-de-recettes tbody tr td.review div.ratings { width: 73px; margin: auto !important; } table#mes-revues-de-recettes tbody tr td.review div.rating-box { margin: auto !important; display: block; width: 73px; height: 13px; float: left; background: url('../images/mon_compte/rating_box_vide.gif') no-repeat top left; text-align: left; } table#mes-revues-de-recettes tbody tr td.review div.rating { height: 13px; background: url('../images/mon_compte/rating_box_pleine.gif') no-repeat top left; } /* Tableau des parrainés */ table#parrainage { margin: 10px 0px 40px 10px; color: #9f9f9f; width: 703px; border-collapse: collapse; } table#parrainage thead { background: url('../images/mon_compte/bg_tableau_parrainage_header.gif') no-repeat top left; height: 24px; } table#parrainage tbody { text-align: center; } table#parrainage tbody tr { border: 1px solid #dee0e1; } table#parrainage tbody tr td { border: 1px solid #dee0e1; font-size: 11px; height: 80px; } table#parrainage tbody tr td.prenom { width: 100px; } table#parrainage tbody tr td.nom { width: 100px; } table#parrainage tbody tr td.email { width: 140px; } table#parrainage tbody tr td.date { width: 110px; } table#parrainage tbody tr td.statut { width: 85px; } /* Contenu central de mon compte sans menu (inscription et création de compte par exemple) */ form.form-login-mon-compte { margin: 0px auto 0px auto; text-align: left; height: 300px; } form.form-login-mon-compte h1 { position: relative; display: block; text-indent: -500em; overflow: hidden; width: 257px; height: 16px; background: url('../images/mon_compte/identifiez-vous-ou-creez-un.gif') no-repeat top left; margin: 40px 0px 20px 140px; } form.form-login-mon-compte div.new-users div.top-new-users, form.form-login-mon-compte div.registered-users div.top-registered-users { margin: 0px auto 0px auto; display: block; width: 304px; height: 8px; background: transparent url('../images/mon_compte/cadre_gris_top.gif') no-repeat top left; overflow: hidden; } form.form-login-mon-compte div.new-users div.contenu-new-users, form.form-login-mon-compte div.registered-users div.contenu-registered-users { margin: 0px auto 0px auto; display: block; width: 304px; background: transparent url('../images/mon_compte/cadre_gris_content.gif') repeat-y top left; overflow: hidden; } form.form-login-mon-compte div.new-users div.bottom-new-users, form.form-login-mon-compte div.registered-users div.bottom-registered-users { margin: 0px auto 0px auto; display: block; width: 304px; height: 8px; background: transparent url('../images/mon_compte/cadre_gris_bottom.gif') no-repeat top left; overflow: hidden; } form.form-login-mon-compte div.new-users { position: relative; float: left; width: 304px; display: block; text-align: left; margin: 0px 0px 20px 120px !important; _margin: 0px 20px 20px 100px !important; color: #9f9f9f; } form.form-login-mon-compte div.new-users h2 { display: block; text-indent: -500em; overflow: hidden; width: 118px; height: 17px; background: url('../images/mon_compte/nouveau_client.gif') no-repeat top left; margin: 0px 0px 0px 10px; } form.form-login-mon-compte div.contenu-new-users, form.form-login-mon-compte div.contenu-registered-users { overflow: hidden; text-align: left; font-size: 11px; height: 160px; } form.form-login-mon-compte div.contenu-new-users p, form.form-login-mon-compte div.contenu-registered-users p { padding: 0px 0px 0px 10px; } form.form-login-mon-compte div.contenu-new-users p strong, form.form-login-mon-compte div.contenu-registered-users p strong { color: #ac0000; } form.form-login-mon-compte div.contenu-new-users ul { padding: 5px 0px 0px 30px; } form.form-login-mon-compte div.contenu-new-users a, form.form-login-mon-compte div.contenu-new-users a:link, form.form-login-mon-compte div.contenu-new-users a:visited { float: right; display: block; width: 145px; height: 33px; background: transparent url('../images/checkout/btn_creer_compte_off.gif') no-repeat top left; text-indent: -500em; margin: 5px 10px 0px 0px; } form.form-login-mon-compte div.contenu-new-users a:hover { background: transparent url('../images/checkout/btn_creer_compte_hover.gif') no-repeat top left; } form.form-login-mon-compte div.registered-users { position: relative; float: right; width: 304px; display: block; text-align: left; margin: 0px 120px 0px 0px; color: #9f9f9f; } form.form-login-mon-compte div.registered-users h2 { display: block; text-indent: -500em; overflow: hidden; width: 118px; height: 17px; background: url('../images/mon_compte/deja_enregistres.gif') no-repeat top left; margin: 0px 0px 0px 10px; } form.form-login-mon-compte div.registered-users ul { list-style-type: none; margin: 10px 0px 25px 10px; } form.form-login-mon-compte div.registered-users ul li { margin: 0px 0px 5px 0px; } form.form-login-mon-compte div.registered-users ul li.validation-form input { float: left; } form.form-login-mon-compte div.registered-users ul li.validation-form button { float: right; width: 44px; height: 14px; display: block; background: url('../images/btn_ok.gif') no-repeat top left; text-indent: -500em; margin: 2px 90px 0px 0px; _margin: 3px 90px 0px 0px; border: none; cursor: pointer; } form.form-login-mon-compte div.registered-users ul li.validation-form button:hover { background: url('../images/btn_ok_hover.gif') no-repeat top left; } form.form-login-mon-compte div.registered-users a, form.form-login-mon-compte div.registered-users a:link, form.form-login-mon-compte div.registered-users a:visited { color: #b1aba1; text-decoration: underline; display: block; margin: 0px 0px 0px 10px; } form.form-login-mon-compte div.registered-users a:hover { color: #948d7f; } /* Formulaire de création de compte */ form.form-creation-compte { /* ~~~>> 24/03/2009 MODIF JRO => MANTIS-1245 : Corrections diverses suite erreur JS */ position: relative !important; margin: 40px 0px 100px 120px !important; /* <<~~~ 24/03/2009 MODIF JRO <= MANTIS-1245 */ text-align: left; } form.form-creation-compte h1 { display: block; width: 129px; height: 17px; background: transparent url('../images/mon_compte/creez-un-compte.gif') no-repeat top left; overflow: hidden; text-indent: -500em; margin: 0px 0px 5px 10px; } form.form-creation-compte div.form-creation-compte-top { display: block; width: 639px; height: 7px; background: transparent url('../images/mon_compte/cadre_large_gris_top.gif') no-repeat top left; overflow: hidden; } form.form-creation-compte div.form-creation-compte-content { display: block; width: 639px; background: url('../images/mon_compte/cadre_large_gris_content.gif') repeat-y top left; overflow: hidden; } form.form-creation-compte div.form-creation-compte-content fieldset { border: none; margin: 0px 0px 10px 15px !important; width: 100%; } form.form-creation-compte div.form-creation-compte-content fieldset legend { font-size: 11px; color: #9f9f9f; text-transform: uppercase; font-weight: bold; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; } form.form-creation-compte div.form-creation-compte-content fieldset p { text-align: left; width: 100%; font-size: 11px !important; color: #83807a; } form.form-creation-compte div.form-creation-compte-content fieldset p input, form.form-creation-compte div.form-creation-compte-content fieldset p select { margin: 4px 0px 0px 0px; } form.form-creation-compte div.form-creation-compte-content fieldset p span { float: left; margin: 0px 30px 0px 0px !important; } form.form-creation-compte div.form-creation-compte-content fieldset span.required { margin: 0px !important; float: none; } /* Traitement form des différents cas */ form.form-creation-compte div.form-creation-compte-content fieldset.date-naissance div { margin: 5px 0px 15px 0px; padding: 0px !important; } form.form-creation-compte div.form-creation-compte-content fieldset.date-naissance div div.champ-date { display: block; float: left; margin: 0px 10px 0px 0px !important; } form.form-creation-compte div.form-creation-compte-content fieldset.abonner-newsletter { float: left; padding: 5px 0px 5px 0px !important; } form.form-creation-compte div.form-creation-compte-content fieldset.abonner-newsletter p span label { display: block; position: relative; padding-left: 55px !important; padding-left: 85px; color: #83807a; } form.form-creation-compte div.form-creation-compte-content fieldset.abonner-newsletter p span input { position: absolute; left: 0 !important; top: 0 !important; left: -30; top: -7; margin-top:0px !important; margin-top:4px; margin-left:30px !important; margin-left:0px; _margin-left:-30px; background: none !important; border: none !important; } form.form-creation-compte div.form-creation-compte-content button { float: right; display: block; width: 90px; height: 18px; overflow: hidden; background: url('../images/mon_compte/btn_valider_off.gif') no-repeat top left; text-indent: -500em; margin: 0px 20px 10px 0px; border: none; cursor: pointer; } form.form-creation-compte div.form-creation-compte-content button:hover { background: url('../images/mon_compte/btn_valider_hover.gif') no-repeat top left; } form.form-creation-compte div.form-creation-compte-bottom { display: block; width: 639px; height: 7px; background: transparent url('../images/mon_compte/cadre_large_gris_bottom.gif') no-repeat top left; overflow: hidden; } p.msg-ie6 { font-size: 10px; text-align: left; margin-top:15px; color:red; width:260px; margin-bottom: 10px; text-align: justify; } p.msg-ie6 a, p.msg-ie6 a:link, p.msg-ie6 a:visited { color:red; text-decoration: underline; font-weight: bold; } p.msg-ie6 a:hover { text-decoration: none; } /* INFORMATIONS DE FACTURATION */ .cadre-suivi-medical { float: right; width: 648px; padding: 5px; border: 1px dashed #999999; background-color: #f1f1f1; color: #666666; line-height: 25px; } .title { font-size: 14px; color: #c1080c; } .cadre-medical, .cadre-asm { width: 365px; height: 92px; margin: 0; background: transparent url('../images/checkout/bg_asm.gif') no-repeat top left; } .cadre-medical { width: 40%; float: left; } .cadre-sub-asm { font-size: 11px; font-style: italic; } .cadre-savoir-asm { width: 350px; font-size: 10px; color: #666666; margin-top: 0px; font-weight: bold; text-align: right; } .asm a, .asm a:active, .asm a:visited { color: #666666; text-decoration: none; } .asm a:hover { text-decoration: underline; } .contenu-cadre-asm { text-align: right; padding: 40px 15px 0px 45px; font-size: 12px; }