/*********************************************************************************************************/ /* Styles Généraux */ /* - BODY: le corps entier de la page */ /* - A: Liens hypertextes (par défaut, déja visité, en cours, réactivité) */ /* - TABLE: n'importe quelle table/tableau */ /* - INPUT: elements de formulaire de type saisie de texte simple, bouton, radio */ /* - SELECT: contenu des listes déroulantes */ /* - TEXTAREA: contenu des zone de saisie de texte multiligne */ /*********************************************************************************************************/ BODY { font-family: Trebuchet MS, Arial; margin:0px; color: #000; font-size: 10px; background: #DDD; } a:link { text-decoration: none; color: #000; } a:visited { text-decoration: none; color: #000; } a:active { text-decoration: none; } a:hover { text-decoration: underline; } /*********************************************************************************************************/ /* Tableaux ou Tables à la structure apparente */ /* - tableau : Définit le style global, et surtout la couleur de fond (pour bordures) */ /* - tableau_titre : Optionnel ligne contenant en général une large cellule et un titre */ /* - tableau_header : Ligne d'en-tête contenant les tétières des colonnes */ /* - tableau_footer: Optionnelle dernière ligne du tableau, contenant des infos récapitulatif */ /* - tableau_ligne_alterne_1: Couleur des lignes Impaires quand on alterne les couleurs */ /* - tableau_ligne_alterne_2: Couleur des lignes Paires quand on alterne les couleurs */ /* - tableau_contenu: Couleur de fond des cellules de contenu */ /* - tableau_row_header: Première colonne du tableau, quand elle contient un en-tete de ligne */ /* - tableau_total: Pour les lignes contenant un total des lignes de contenu */ /* - tableau_navigation: Ligne contenant les controles de navigation (Ex: Page 1 sur 2 ...) */ /* - tableau_message: Ligne contenant les messages systeme (erreurs,warnings...) */ /*********************************************************************************************************/ .tableau { width:99%; margin:0; padding: 5px; background-color: #FFF; border-collapse:collapse; border: 1px solid #D0D0D0; } .tableau_titre { padding: 6 6 6 6; font-size: 12px; color: #F7E401; font-weight: bold; background-color: #000; } .tableau_header { padding: 2 2 2 2; font-size: 10px; color: #FFF; font-weight: bold; background-color: #0B004A; text-align: center; } .tableau_header_c2 { padding: 2 2 2 2; font-size: 10px; color: #FFF; font-weight: bold; background-color: #0B004A; text-align: center; } .tableau_footer { padding: 2 2 2 2; font-size: 10px; color: #000000; font-weight: bold; font-style : italic; background-color: 'lightgrey'; } .tableau_ligne_alterne_1 { padding: 2 2 2 2; background-color: #FFF; text-align:center; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_2 { padding: 2 2 2 2; background-color: #FFF; text-align:center; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_1c2 { padding: 2 2 2 2; background-color: #FFF; text-align:center; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_2c2 { padding: 2 2 2 2; background-color: #FFF; text-align:center; border-bottom: 1px solid #AAAAAA;} .tableau_contenu { font-size:10px; border-width: 0px; border-color: #000; border-style: solid; padding: 2 2 2 2; background-color: #FFF; } .tableau_contenu_maitre { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 0 0 0 0; background-color: #FFFFFF; } .tableau_row_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFE8DA; } .tableau_total { border: #000 1px solid; padding: 2 2 2 2; font-size: 10px; color: #000000; font-weight: bold; background-color: #EEEEEE; } .tableau_navigation { padding: 2 2 2 2; font-size: 10px; color: #000000; background-color: 'lightgrey'; } .tableau_navigation_input { font-size: 10px; color: #000000; background-color: #FFFFFF; height:14px; border:0; } .tableau_sous_section { background-color: #FFFFFF; color: #0053A6; border-bottom: 1px solid #AAAAAA; border-top: 2px solid #333333; font-size: 12px; font-weight: bold; padding: 10 100 2 50; } .tableau_stats { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-size: 8px; color: #000000; font-weight: lighter; background-color: #D7D7FF; text-align: left; } .tableau_focus { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; background-color: #FFFF00; font-weight: bold; } .tableau_focus_arrow { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 20; background-color: #FFFF00; font-weight: bold; background-image: url('./../Images/arrow_prod.gif'); background-repeat: no-repeat; background-position: 5px 50%; } .tableau_sub_horizontal { border-right: #C0C0C0 solid 1px; } .tableau_sub_vertical { border-bottom: #7C7C7C solid 1px; } .table_aide { margin-top:10; margin-left:30; margin-right:30; margin-bottom:30; font-family: Verdana; font-size: 13px;} .table_aide td { padding: 5px;} .tableau_inactif { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; background-color: #F0F0F0; color: #969696; font-style : italic;} .CONDITIONNEMENT { width:100%; text-align:center; color:#FF0000; font-weight: bold; } .DESIGNATION { float:left; text-align:left; color:#333333; font-weight: bold; } .REF_CAT { float:right; color:#FF0000; font-weight: bold; margin-right: 0px; } .PRIX { display:block; font-size: 14px; color:#FF0000; font-weight: bold; margin: 0px; background-color: #FFCC33; } .VENDU { display:block; text-align: center; } .PRIX_HT { font-size: 14px; color:#FF0000; font-weight: bold; margin: 0px; padding:0px 5px 0px 5px; background-color: #FFCC33; text-align:center; } .PRIX_HT_AU_LIEU_DE { display:block; font-size: 12px; color:#FF0000; font-style:italic; text-decoration: line-through; margin: 0px; text-align:center; } .PRIX_TTC { font-size: 14px; color:#FF0000; font-weight: bold; margin: 0px; background-color: #FFCC33; text-align:center; } .PRIX_TTC_AU_LIEU_DE { display:block; font-size: 12px; color:#FF0000; font-style:italic; text-decoration: line-through; margin: 0px; text-align:center; } .PRIX_QUANTITE_SEUIL { padding: 0px 15px 0px 0px; margin-right:10px; font-size: 10px; color: #000000; background: url('./../Images/iconCube.gif') no-repeat center right; text-align: left; } .PRIX_QUANTITE_TETIERE { } /*********************************************************************************************************/ /* Tableaux Croisés dynamique */ /*********************************************************************************************************/ .tableau_croise { padding: 5px; border-collapse:collapse; } .tableau_croise_colonnes { border-width: 2px; border-color: #000000; border-style: solid; padding: 2 2 2 2; background-color: #FFFFFF; text-align: center; } .tableau_croise_lignes { border-width: 2px; border-color: #000000; border-style: solid; padding: 2 2 2 2; background-color: #FFFFFF; text-align: center; } .tableau_croise_donnees { border-width: 2px; border-color: #000000; border-style: solid; padding: 2 2 2 2; background-color: #FFFFFF; text-align: center; } .tableau_croise_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFCAA9; text-align: center; } .tableau_croise_header_lib { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFCAA9; font-style : italic;} .tableau_croise_row_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFE8DA; } .tableau_croise_row_header_lib { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; font-family: Verdana; font-size: 8px; color: #000000; font-weight: bold; background-color: #FFE8DA; font-style : italic;} .tableau_croise_contenu { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; background-color: #FFFFFF; } .tableau_croise_contenu_lib { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2 2 2 2; background-color: #FFFFFF; font-size: 8px; font-style : italic;} .tableau_croise_sous_contenu_1 { padding: 0 2 0 2; } .tableau_croise_sous_contenu_2 { padding: 0 2 0 2; border-left: #969696 1px solid; } /*********************************************************************************************************/ /* Table discrète contenant des texte, utilisé pour afficher les champs de type TABLE */ /* - mini_table : Définit le style global, et surtout la couleur de fond (pour bordures)*/ /* - mini_table_header : Ligne d'en-tête contenant les tétières des colonnes */ /* - mini_table_ligne_alterne_1: Couleur des lignes Impaires quand on alterne les couleurs */ /* - mini_table_ligne_alterne_2: Couleur des lignes Paires quand on alterne les couleurs */ /* - mini_table_contenu: Couleur de fond des cellules de contenu */ /*********************************************************************************************************/ .mini_table { padding: 1px; font-size: 9px; color: #000000; background-color: #FF0000; border-width: 1px; border-color: #7C7C7C; border-style: solid; border-collapse:collapse; text-align: center; } .mini_table_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1 1 1 1; font-size: 8px; color: #FFFFFF; font-weight: bold; background-color: #808080; } .mini_table_ligne_alterne_1 { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1 1 1 1; background-color: #FFFFFF; } .mini_table_ligne_alterne_2 { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1 1 1 1; background-color: #E6E6E6; } .mini_table_contenu { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1 1 1 1; background-color: #FFFFFF; } /*********************************************************************************************************/ /* Styles pour afficher les Numéros indexant les liens Visuel-Article */ /*********************************************************************************************************/ .index_visuel_lettre { width:15; height:15; padding: 0; margin-left:5px; font-size:11px; color:#CC0000; font-weight: bold; text-transform: uppercase; } .index_visuel_chiffre { width:15px; height:15px; padding: 5px; margin: 5px; text-align: center; font-size: 9px; font-weight: bold; text-transform: uppercase; background-image: url('./../Images/bgIndexVisuel.gif'); background-repeat: No-repeat; background-position: 50% 50%;} /*********************************************************************************************************/ /* Formulaire de saisie */ /* - form_libelle_champ: Texte décrivant le champ de saisie qui suit. Ex: "Fournisseur : " */ /* - form_mention_obligatoire: Element indiquant que le champ est obligatoire. Ex: asterisque rouge */ /* - form_mention_aide: Texte expliquant le format ou contrainte de saisie. Ex: (dd/mm/aaaa) */ /* - form_prevue_image: Style de la prévue image liée à un champ IMAGE (dans Preart par Ex) */ /* - form_input_obligatoire: Style pour un input obligatoire */ /*********************************************************************************************************/ .form_libelle_champ { color: #CC3300; font-size: 10px; font-style: inherit; font-weight: lighter; } .form_mention_obligatoire { color: #FF0000; padding: 1 2 1 2;} .form_mention_aide { color: #04488D; font-size: 9px; font-style: italic; font-weight: lighter; } .form_aucune_valeur { font-style: italic; color: #AAAAAA; } .form_inactif { color: #AAAAAA; } .form_warning { color: #FFCC00; } .form_invalide { color: #FF0000; } .form_important { font-weight: bold; } .form_prevue_image { padding: 2 2 2 2; border-width: 1px; border-color: #000000; border-style: solid; } .form_logo { border-width: 1px; border-color: #000000; border-style: solid; } .form_annotation { color: #04488D; font-family: Verdana; font-size: 7px; font-style: normal; font-weight: lighter; } .form_tip { padding: 2 2 2 2; border-width: 1px; border-style: solid; border-color: #F0F000; background-color: #FFFFCA; } .form_libelle_aide:link { text-decoration: none; color: #000066; font-size: 10px; font-weight: lighter; } .form_libelle_aide:visited { text-decoration: none; color: #000066; font-size: 10px; font-weight: lighter; } .form_libelle_aide:active { text-decoration: none; color: #000066; font-size: 10px; font-weight: lighter; } .form_libelle_aide:hover { text-decoration: underline; color: #000066; font-size: 10px; font-weight: lighter; } .form_police_proportionnelle { font-family: "Courier New", Courier, monospace; background-color: #CFCFCF; } .form_resultat { text-align: center; padding: 10 10 10 10; width:80%; border-width: 2px; border-style: solid; border-color: #000000; background-color: #D5D5FF; color: #006600; font-weight: bold; font-size: 10pt; } .form_input_obligatoire { background-color: #FF0000; } .form_bouton_masquer { display: none; } .form_bouton_afficher { display: none; } /*********************************************************************************************************/ /* Boutons */ /* - bouton_grand: Hyperlink à l'aspect bouton réactif, GRAND bouton (accès aux modules par ex) */ /* - bouton_moyen: Hyperlink à l'aspect bouton réactif, bouton MOYEN (onglets Produits par ex) */ /* - bouton_delete: Pour tout les boutons qui suppriment des choses */ /* - bouton_create: Pour tout les boutons qui crée des choses */ /* - bouton_save: Pour tout les boutons qui appliquent les modifications */ /* - bouton_login: Bouton validant le Login ou pour se Délogguer */ /* - bouton_ajout: Bouton pour ajouter au panier */ /* - bouton_mini_go: Mini boutton (sans texte en général) pour accèder à une autre page */ /* - bouton_input: Pour les Input Button */ /*********************************************************************************************************/ .bouton_login { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-size: 10px; text-decoration: none; background-image: url('./../Images/button-ok.gif'); background-repeat: no-repeat; background-position: 50% 50%; } .bouton_login:hover { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-size: 10px; text-decoration: none; background-image: url('./../Images/button-ok_hover.gif'); background-repeat: no-repeat; background-position: 50% 50%; } .bouton_login:active { cursor:hand; height: 21; width: 30; padding: 0 0 0 0; font-size: 10px; text-decoration: none; background-image: url('./../Images/button-ok_active.gif'); background-repeat: no-repeat; background-position: 50% 50%; } .bouton_logout { color:#000; font-weight:bold; } .bouton_logout:hover { color:#000; font-weight:bold; } .bouton_logout:active { color:#000; font-weight:bold; } .bouton_logout:visited{ color:#000; font-weight:bold; } a.bouton_ajout { display:block; cursor:pointer; height: 20px; width: 20px; background: url('Images/button-cart.gif') no-repeat; border:0; } a.bouton_ajout:hover { display:block; cursor:pointer; height: 20px; width: 20px; background: url('Images/button-cart_hover.gif') no-repeat; border:0; } a.bouton_ajout:active{ display:block; cursor:pointer; height: 20px; width: 20px; background: url('Images/button-cart_hover.gif') no-repeat; border:0; } .bouton_modifier_profil { color:#000; font-weight:bold; } .bouton_modifier_profil:hover { color:#000; font-weight:bold; } .bouton_modifier_profil:active { color:#000; font-weight:bold; } .bouton_modifier_profil:visited{ color:#000; font-weight:bold; } .bouton_email { cursor:hand; height: 56; width: 55; padding: 0 0 0 0; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url('./../Images/mail.gif'); background-repeat: no-repeat; background-position: 50% 50%; } .bouton_input { background-color: #FFFFFF; font-size: 10px; } /*********************************************************************************************************/ /* Login */ /* - login_zone : Zone englobant les elements Login, mdp, oublié, s'inscrire, bonjour */ /* - login_texte : Textes de la zone Login */ /*********************************************************************************************************/ .login_texte { font-size: 9px; color: #000; font-weight:bold; } .login_texte a{ font-size: 9px; color: #000; font-weight:bold; } .login_error { font-size: 9px; color: #000; font-style: italic; } /*********************************************************************************************************/ /* Messages Systemes */ /* - tableau_message : Tableau contenant les messages */ /* - msg_erreur_critique : Message d'erreur Critique */ /* - msg_erreur : Message d'erreur, si les données ne sont pas valides par exemple */ /* - msg_warning : Message d'avertissement */ /* - msg_info : Message de confirmation de l'action correctement exécutée */ /*********************************************************************************************************/ .tableau_message { padding: 2 2 2 2; background-color: #FFFFFF; border-right: #AA0510 1px solid; border-left: #AA0510 1px solid; border-top: #AA0510 1px solid; border-bottom: #AA0510 1px solid;} .msg_erreur_critique { padding: 2 2 2 2; width: 100%; background-color: #FF0000; font-size: 12px; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: center; } .msg_erreur { padding: 10 10 10 10; font-size: 14px; font-weight: bold; color: #FF0000; vertical-align: middle; text-align: center; } .msg_warning { padding: 10 10 10 10; font-weight: bold; font-size: 14px; color: #FF0000; vertical-align: middle; text-align: center; } .msg_info { padding: 10 10 10 10; font-size: 14px; font-weight: bold; color: #00FF00; text-align: left; } /*********************************************************************************************************/ /* Front Client: Styles pour la Page centrale */ /*********************************************************************************************************/ #zone_header_arbo { height:20px; border-bottom:1px solid #000; } #zone_menu_arbo { display:block; } .zone_arbo_bar { float:left; margin:0px; padding: 0px; } .zone_menu_bar { float:left; margin:0px; padding: 0px; } .arbo_bar { float:left; font-weight: bold; text-decoration: none; font-style: italic; color: #000; margin:0px 5px 0px 5px; padding:0; } .arbo_bar a { margin:5px; font-size:14px; font-weight: bold; text-decoration: none; color: #FFF; } .arbo_bar a:hover { font-weight: bold; text-decoration: none; color: #FFF; } .arbo_bar a:active { font-weight: bold; text-decoration: none; color: #FFF; } .arbo_bar a:visited { font-weight: bold; text-decoration: none; color: #FFF; } .zone_bouton_arbo { float:right; display:none; margin:1px; padding: 2px; background-color: #000; } .zone_bouton_arbo a { display:block; color:#FFF; font-size:9px; font-weight:bold; } .zone_bouton_arbo #bouton_sommaire { display:block; color:#FFF; font-size:9px; font-weight:bold; } .zone_bouton_arbo #bouton_retour { margin-top:5px; display:block; color:#FFF; font-size:9px; font-weight:bold; } .bouton_produit { width:100%; height:16; padding: 1 2 0 25; background-image: url(../Images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #000000; } .bouton_produit:hover { width:100%; height:16; padding: 1 2 0 25; background-image: url(../Images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #FEFC09; background-color: #679BCA; text-decoration: none;} .bouton_produit:active { width:100%; height:16; padding: 1 2 0 25; background-image: url(../Images/small_arrow.gif); background-repeat: no-repeat; background-position: 2px 4px; font-size: 10px; color: #FEFC09; background-color: #679BCA; text-decoration: none;} .vignette_produit { padding: 2 2 2 2; background-color: #FFFFFF; } /*********************************************************************************************************/ /* */ /* Front Client: Catalogue Arborescence */ /* */ /*********************************************************************************************************/ .arbo_fond { margin:0; padding:0; border:1px solid #000; } .arbo_sommaire_fond { border:0px; margin:0; padding:0; } .arbo_sommaire_fond #phrase_accroche_codeAvantage { display:none; font-size:14px; margin:0px 0px 5px 0px; color: #cc1800; } .arbo_sommaire_fond #image_visuel_ouverture { display:none; background-color:#5EC6F2; height:163px; } /******************************** Affichage du sommaire type lignes *************************************************************/ .arbo_sommaire_zone1 { margin: 10px 5px 5px 0px; padding: 0px; cursor:pointer; background-color:#CCCCCC; } .arbo_sommaire_zone1 ul.ongletSommaire { list-style-type: none; margin:0px; padding:0;} .arbo_sommaire_zone1 ul.ongletSommaire li { list-style-type: none; margin:0px; padding:0px; padding-top:2px; } .arbo_sommaire_zone1 ul.ongletSommaire li h3 { text-transform:uppercase; margin:0px; } .arbo_sommaire_zone1 li a { color:#000; font-size: 10px; font-weight:bold; margin:0px; padding:5px; text-decoration: none; } .arbo_sommaire_zone1 .arboIllustration { margin:0px; padding:10px 4px; text-align: center; } .arbo_sommaire_zone1 .arboIllustration .blocImage { height:90px; width:90px; border:1px solid #000; background-color:#FFF; } .arbo_sommaire_zone1 .arboIllustration .blocImage img { margin:0; padding:0; } .arbo_sommaire_zone1 .arboIllustration .arboIllustrationAccroche{ font-weight:bold; color: #FFF;} /* Fin de l'affichage en mode lignes */ /******************************** Affichage du sommaire en mode tableau lignes + colonnes ***************************************/ .arbo_sommaire_zone2 { float:left; width:184px; height:100px; margin: 10px 5px 5px 0px; padding: 0px; cursor:pointer; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #505050; border-right: 1px solid #505050; background-color: #CCCCCC; } .arbo_sommaire_zone2 ul.ongletSommaire { list-style-type: none; margin:0px; padding:0; } .arbo_sommaire_zone2 ul.ongletSommaire li { list-style-type: none; float:left; width:100%; margin:3px 0px 0px 0px ; padding:0px;} .arbo_sommaire_zone2 ul.ongletSommaire li h3 { text-transform:uppercase; margin:0px; } .arbo_sommaire_zone2 ul.ongletSommaire li a { display:block; font-size: 12px; font-weight:bold; margin:0px; padding:5px; text-decoration: none; color:#FFF; } .arbo_sommaire_zone2 .arboIllustration { clear:both; margin:0px; padding:0px; text-align: center; } .arbo_sommaire_zone2 .arboIllustration .blocImage { background-color:#FFF; } .arbo_sommaire_zone2 .arboIllustration .blocImage img { margin:0; padding:0; } .arbo_sommaire_zone2 .arboIllustration .arboIllustrationAccroche{ font-weight:bold; color: #FFF;} /* Niveau en mode tableau */ /******************************************* Niveau Arbo ********************************************/ .arbo_liste_niveau_fond { margin:0px; padding:0px; } .arbo_liste_niveau { margin:0px; padding:0px; } .arbo_liste_niveau ul { margin:0px; padding:0px; width: 100%; list-style-type: none; } .arbo_liste_niveau li { margin:0px; padding:0px; display:block; float: left; } .arbo_liste_niveau li a { margin:0px; padding:0px; display:block; text-decoration: none; } .arbo_liste_niveau li a:hover { margin:0px; padding:0px; } .arbo_liste_niveau li.selected { margin:0px; padding:0px; display:block; list-style-type: none; } .arbo_liste_niveau li.selected a { margin:0px; padding:0px; display:block; color:#000; text-decoration: none; } .arbo_liste_niveau li.selected a:hover { } .arbo_liste_niveau_hover a { } .arbo_liste_niveau1 { margin:5px 0 0 0; padding:0; list-style-type: none; } .arbo_liste_niveau1 li { display:block; float:left; width:186px; list-style-type: none; font-weight:bold; padding:0px; margin: 10px 2px 0px 0px; border:1px solid #000; cursor: pointer; } .arbo_liste_niveau1 li a { display:block; width:100%; height:40px; margin: 0px; padding:0px; font-size:11px; text-decoration: none; border:0px solid #000; color: #FFF; } .arbo_liste_niveau1 li a:hover { margin: 0px; } .arbo_liste_niveau1 li.selected { list-style-type: none; display:block; font-style: italic; padding:0px; margin: 0px; } .arbo_liste_niveau1 li.selected a { display:block; color:#000; margin: 0px; padding:0px; text-decoration: none; } .arbo_liste_niveau1 li.selected a:hover { } .arbo_liste_niveau1_hover a { } .arbo_liste_niveau1_item { list-style-type: none; margin:0px; padding:0; } .arbo_liste_niveau1_item li { position:relative; float:left; height: 120px; list-style-type: none; margin:0px; padding:0px; border:0px solid #000; } .arbo_liste_niveau1_item li .prodNom { background:#FFF; margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 9px; } .arbo_liste_niveau1_item li .prodNom a { font-size: 9px; } .arbo_liste_niveau1_item li .visuel { position:relative; display: table-cell; vertical-align:middle; width:100px; height:80px; background:#FFF; padding:0; border:0px solid #000; } .arbo_liste_niveau1_item li .prodCarac { width:100px; background:#FFF; margin:0px; padding:0px; border:0px solid #000; margin-left:auto; margin-right:auto; } .arbo_liste_niveau1_item li .prodPrix { display:none; position:absolute; top:70px; left:120px; width:120px; font-size: 18px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau1_item li .prodPicto { position:absolute; top:0px; left:150px; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau1_item li .prodPrix .prodPrixPre { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau1_item li .prodPrix .prodPrixLegende { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau1_item li .lienFiche { display:none; position:absolute; top:80px; left:50px; } .arbo_liste_niveau1_item li .lienFiche a { display:block; width:130px; height:12px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau1_item li a { display:block; height: auto; background:#FFF; margin: 0px; padding:0px; border:0; font-size:12px; text-decoration: none; } .arbo_liste_niveau1_item li a:hover { } .arbo_liste_niveau2 { margin:5px 0 0 0; padding:0; list-style-type: none; } .arbo_liste_niveau2 li { display:block; float:left; width:175px; height:150px; list-style-type: none; font-weight:bold; padding:0px; margin: 10px 7px 0px 0px; cursor: pointer; } .arbo_liste_niveau2 li a { margin: 0px; padding:2px 5px 5px 3px; font-size:14px; text-decoration: none; border-top:1px solid #000; border-right:1px solid #000; } .arbo_liste_niveau2 li a:hover { margin: 0px; } .arbo_liste_niveau2 li.selected { list-style-type: none; display:block; font-style: italic; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .arbo_liste_niveau2 li.selected a { display:block; color:#000; margin: 0px; padding:2px 0px 5px 3px; text-decoration: none; } .arbo_liste_niveau2 li.selected a:hover { } .arbo_liste_niveau2_hover a { } .arbo_liste_niveau2_item { list-style-type: none; margin:0px; padding:0; } .arbo_liste_niveau2_item li { position:relative; float:left; list-style-type: none; margin:0px 2px 0px 0px; padding:0px; background-color: #FFF; border:1px solid #000; } .arbo_liste_niveau2_item li .prodNom { height:40px; background:#FFF; margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 9px; } .arbo_liste_niveau2_item li .prodNom a { font-size: 9px; } .arbo_liste_niveau2_item li .visuel { display:table-cell; vertical-align:middle; width:150px; height:80px; background:#FFF; margin:2px 5px 0px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau2_item li .prodCarac { text-align: center; background:#FFF; margin:0px 0px 3px 0px; padding:2px; border:0px solid #000; } .arbo_liste_niveau2_item li .prodPrix { display:none; position:absolute; top:70px; left:120px; width:120px; font-size: 18px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau2_item li .prodPicto { position:absolute; top:35px; left:100px; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau2_item li .prodPrix .prodPrixPre { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau2_item li .prodPrix .prodPrixLegende { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau2_item li .lienFiche { display:none; position:absolute; top:80px; left:50px; } .arbo_liste_niveau2_item li .lienFiche a { display:block; width:130px; height:12px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau2_item li a { background:#FFF; margin: 0px; padding:0px; border:0; font-size:12px; text-decoration: none; text-align: center; } .arbo_liste_niveau2_item li a:hover { } .arbo_liste_niveau3 { margin:5px 0 0 0; padding:0; list-style-type: none; } .arbo_liste_niveau3 li { float:left; list-style-type: none; font-weight:bold; padding:0px; margin: 10px 0px 0px 0px; cursor: pointer; } .arbo_liste_niveau3 li a { background-color: #fee679; margin: 0px; padding:2px 5px 5px 3px; font-size:14px; text-decoration: none; border-top:1px solid #000; border-right:1px solid #000; } .arbo_liste_niveau3 li a:hover { margin: 0px; } .arbo_liste_niveau3 li.selected { list-style-type: none; display:block; font-style: italic; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .arbo_liste_niveau3 li.selected a { display:block; color:#000; margin: 0px; padding:2px 0px 5px 3px; text-decoration: none; } .arbo_liste_niveau3 li.selected a:hover { } .arbo_liste_niveau3_hover a { background: #C0C0C0; } .arbo_liste_niveau3_item { list-style-type: none; margin:0px; padding:0; } .arbo_liste_niveau3_item li { position:relative; float:left; width:230px; min-height: 180px; list-style-type: none; margin:0px; padding:5px; background-color: #FFF; } .arbo_liste_niveau3_item li .prodNom { height:50px; background:#FFF; margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 9px; } .arbo_liste_niveau3_item li .prodNom a { font-size: 9px; } .arbo_liste_niveau3_item li .visuel { display:table-cell; vertical-align:middle; text-align:center; width:110px; height:110px; background:#FFF; margin:2px 5px 0px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodCarac { background:#FFF; margin:0px 0px 3px 0px; padding:2px; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix { display:none; position:absolute; top:70px; left:120px; width:120px; font-size: 20px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix .prodPrixPre { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix .prodPrixLegende { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPicto { position:absolute; top:35px; left:100px; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .lienFiche { display:block; position:absolute; top:80px; left:50px; } .arbo_liste_niveau3_item li .lienFiche a { display:block; width:130px; height:12px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau3_item li a { background:#FFF; margin: 0px; padding:0px; border:0; font-size:12px; text-decoration: none; text-align: center; } .arbo_liste_niveau3_item li a:hover { } .prodPrixAuLieuDe { width:120px; font-size: 12px; text-align: center; font-weight:bold; color: #CC170A; margin:5px 0px 3px 0px; padding:0; border:0px solid #000; } .menu_liste { border-top:1px solid #606060; border-bottom:1px solid #606060; border-right:1px solid #606060; background-color: #0b004a; padding-left:2px; } .menu_liste a { color:#FFF; font-size: 11px; font-weight: bold; text-decoration: none; } .menu_liste_niveau { clear:left; } .menu_liste_niveau_fond { background-color:#ECE7E1; border:0px solid #000; margin-bottom:10px;} .menu_liste_niveau ul { list-style-type: none; margin:0px; padding:0px; text-decoration: none; } .menu_liste_niveau li { list-style-type: none; font-size:10px; font-weight:bold; padding:0px; margin: 0px; border :0px; } .menu_liste_niveau li a { display:block; color:#000; background-color: #F0F0F0; margin:0px; padding:3px; text-decoration: none; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; line-height:10px; } .menu_liste_niveau li a:hover { background: #fee679; } .menu_liste_niveau li.selected { list-style-type: none; display:block; font-style: italic; padding:0px; margin: 0px; } .menu_liste_niveau li.selected a { display:block; color:#000; background-color: #2FAAC5; text-decoration: none; border-bottom:1px solid #606060; border-right:1px solid #606060; } .menu_liste_niveau li.selected a:hover { } .menu_liste_niveau_hover a { background: #C0C0C0; } /* Fin Affichage Niveau */ .arbo_left_menu{ width:150px; } /******************************************************** Liste-sous Arbo ****************************************************/ /* Mode pop-up positionnée */ .arbo_liste_produit { display:none; background-color: #FFF; border-top: 0px solid #000; border-bottom: 0px solid #000; margin:0px; padding:2px; } .arbo_liste_produit ul { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit li { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit li a { display:block; color: #1F1F1F; text-decoration: none; font-style: italic; font-weight:bold ; padding: 0px; } .arbo_liste_produit li a:hover { display:block; background-color: #CC170A; color:#FFF; font-style: italic; font-weight:bold ; } /* .arbo_liste_produit_selected { margin:0px; padding:10px; background-color: #FFF; } .arbo_liste_produit_selected ul { list-style-type: none; margin:0; padding:0; } .arbo_liste_produit_selected li { float:left; list-style-type: none; margin:0px; padding:0px; } .arbo_liste_produit_selected li #visuel { background:#FFF; margin:0; padding:0; } .arbo_liste_produit_selected li a { margin: 0px; padding:0px; text-decoration: none; text-align: center; } .arbo_liste_produit_selected li a:hover { background-color: #FF0000; } .arbo_liste_produit_selected { font-size: 12px; display:block; margin:0px; padding:0px; } .arbo_liste_produit_selected ul { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit_selected li { float:left; width:150px; list-style-type: none; margin:0px; padding:0px; } .arbo_liste_produit_selected li a { display:block; color: #1F1F1F; text-decoration: none; font-style: italic; font-weight:bold ; margin:0px; padding: 0px; background-color: #FFF; } .arbo_liste_produit_selected li a:hover { display:block; font-style: italic; font-weight:bold ; } */ .arbo_liste_produit_afficher { display:none; padding: 0px; margin:0px; } .arbo_liste_produit_afficher a { font-size:9px; color: #333333; font-style: italic; display:block; padding: 0px; margin:0px; border:0; font-weight:bold ;} .arbo_liste_produit_afficher a:link { display:block; height:12px; font-size:10px; padding: 0px; margin:0px; border:0; font-weight:bold ; } .arbo_liste_produit_afficher a:hover { display:block; height:12px; padding: 0px; margin:0px; border:0; } .arbo_liste_produit_afficher a:visited { display:block; height:12px; font-size:10px; padding: 0px; margin:0px; border:0; font-weight:bold ; } .menu_liste_produit_selected { display:block; background-color: #FFF; border-bottom: 1px solid #606060; border-right: 1px solid #606060; margin:0px; padding:0px; font-size:9px; } .menu_liste_produit_selected ul { list-style-type: none; margin:0px; padding:0px; } .menu_liste_produit_selected li { list-style-type: none; margin:0px; padding:0px; } .menu_liste_produit_selected li a { display:block; color: #1F1F1F; text-decoration: none; font-style: italic; font-weight:bold ; margin:0px; padding: 0px; } .menu_liste_produit_selected li a:hover { display:block; background-color: #E0E0E0; color:#000; font-style: italic; font-weight:bold ; margin:0px; padding: 0px; } .menu_liste_produit_selected li.selected { list-style-type: none; margin:0px; padding:0px; } .menu_liste_produit_selected li.selected a { background-color: #CC170A; color:#FFF; display:block; text-decoration: none; font-style: italic; font-weight:bold ; margin:0px; padding: 0px; } .menu_liste_produit_selected li.selected a:hover { display:block; background-color: #CC170A; color:#FFF; font-style: italic; font-weight:bold ; } /* Mode Block */ .arbo_liste_produit1 { margin:0; padding:0; display:none; } .arbo_liste_produit1 ul { list-style-type: none; margin:0; padding:5px; padding-top:0px; padding-left:5px; } .arbo_liste_produit1 li { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit1 li a { display:block; text-decoration: none; font-size:9px; font-weight:bold ; padding: 0px; margin:0px; color:#000; } .arbo_liste_produit1 li a:hover { background: #EFEFEF; font-weight:bold ; } /* Mode Sommaire */ .arbo_liste_produit2 { margin:0; padding:0; display:none; } .arbo_liste_produit2 ul { list-style-type: none; margin:0; padding:5px; padding-top:0px; } .arbo_liste_produit2 li { float:left; list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit2 li a { display:block; text-decoration: none; font-style: italic; font-weight:bold ; padding: 5px; color:#000; } .arbo_liste_produit2 li a:hover { background-color:#CC1800; color:#FFF; font-style: italic; font-weight:bold ; } /* Fin Pop-up liste arbo */ /* .produit_liste_niveau ul { cursor:pointer; list-style-type: none; margin:0; margin-top:0px; padding:0; } .produit_liste_niveau li { list-style-type: none; float:left; margin:5px; padding:0px; border:1px solid #000; background-color:#FFF;} .produit_liste_niveau li #visuel { clear:left; background:#FFF; margin:0; padding:0; } .produit_liste_niveau li a { display:block; font-size:9px; font-weight:bold; color:#000; margin: 0px; padding:0px; text-decoration: none; text-align: center; margin-top:0px; } .produit_liste_niveau li a:hover { background-color: #FEDE58; } */ .produit_liste_niveau ul { width: 500px; cursor:pointer; list-style-type: none; margin:0; padding:0; border:1px solid #000; } .produit_liste_niveau li { list-style-type: none; float:left; margin:5px; padding:0px; border:1px solid #000; background-color:#FFF;} .produit_liste_niveau li #visuel { clear:left; background:#FFF; margin:0; padding:0; } .produit_liste_niveau li a { display:block; font-size:9px; font-weight:bold; color:#000; margin: 1px; padding:2px; text-decoration: none; text-align: center; margin-top:2px; } .produit_liste_niveau li a:hover { background-color: #FEDE58; } .produit_liste1_niveau ul { cursor:pointer; list-style-type: none; margin:0; padding:0; } .produit_liste1_niveau li { list-style-type: none; margin:5px; padding:0px; } .produit_liste1_niveau li #visuel { border:1px solid #000; clear:left; background:#FFF; margin:0; padding:0; } .produit_liste1_niveau li a { display:block; font-size:9px; font-weight:bold; color:#000; margin: 1px; padding:2px; border: 1px solid #CCDE7C; text-decoration: none; } .produit_liste1_niveau li a:hover { background-color: #FEDE58; border: 1px solid #EDB329; } /*********************************************************************************************************/ /* Front Client: Styles pour la fiche produit */ /*********************************************************************************************************/ .arbo_produit_titre { display:block; margin:0; padding:0; padding-left:5px; font-size:16px; } .arbo_produit { position:relative; border:1px solid #FFF; margin:0; padding:0; width:750px; } .arbo_produit h1 { font-style:italic; width:300px; margin:5px; color:#000; font-size:20px; display:block; background-color:#ECE7E1; } .arbo_produit_descriptif_box { min-height:100px; margin:80px 0px 0px 220px; } .arbo_produit_descriptif { margin:0px 0px 10px 0px; padding:0px; font-size:11px; } .arbo_produit_four_logo { float:right; display:block; } .arbo_produit_visuels { float:left; width:190px; } .arbo_produit_master_visuel_box { margin:0px; padding:0px; width:180px; height:185px; text-align: center; } .arbo_produit_visuel_box { margin:0px; padding:0px; width: 180px; height:auto; } .arbo_produit_visuel { margin:0px; padding:0px; width:60px; height:60px; } .arbo_produit_visuel_image { margin:0px; padding:0px; width:60px; height:60px; display: table-cell; vertical-align: middle; } .arbo_produit_visuel img { display:block; margin:0; padding:0; } .arbo_produit_carac { margin:20px 0px 0px 0px; padding:0; } .arbo_produit_prix { display:none; float:left; height:70px; width:100px; } .arbo_produit_picto { float:right; margin:0; padding:0; height:70px; } .arbo_produit_terminer_achat { float:right; } .arbo_produit_terminer_achat a { display:block; height:28px; width:146px; background: url(../Templates_client/Images/btn_terminer_achats.gif) no-repeat top left; margin: 10px 0px 0px 0px; } .page_prevue_cat_prod_zone_visu { background-color:#FFF; } .page_prevue_cat_prod_visu { margin:0; padding:0; } .page_prevue_cat_prod_picto { margin:0px 10px 0px 0px; padding:0; } .page_prevue_cat_prod_visu_caption { vertical-align: middle; text-align: center; } .page_prevue_cat_prod_visu_legende { display:none; font-size: 9px; color: #CC1800; } .page_prevue_cat_prod_desc { font-size: 10px; } .page_prevue_cat_prod_carac { display:block; width:200px; font-weight: bold; color: #000; font-size: 9px; } .tableau_client span { float:left; } .ECF_A_PARTIR_DE_FOND_JAUNE { display: none; position:absolute; top:0px; left:440px; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .ECF_INFO_PRIX_FOND_JAUNE { display: none; position:absolute; top:16px; left:440px; float:right; text-align: center; width:100px; font-size:22px; font-weight: bold; color: #cc170a; padding: 0px; margin: 0px; } .ECF_LEGENDE_INFO_JAUNE_PRIX { display: none; position:absolute; top:45px; left:440px; text-align: center; width:100px; font-size:10px; font-weight: bold; color: #000; } .ECF_A_PARTIR_DE_FOND_ROUGE { display: none; position:absolute; top:0px; left:320px; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .ECF_INFO_PRIX_FOND_ROUGE { display: none; position:absolute; top:16px; left:320px; float:right; text-align: center; width:100px; font-size:22px; font-weight: bold; color: #cc170a; padding: 0px; margin: 0px; } .ECF_LEGENDE_INFO_ROUGE_PRIX { display: none; position:absolute; top:45px; left:320px; text-align: center; width:100px; font-size:10px; font-weight: bold; color: #000; } .ECF_A_PARTIR_DE_SANS_FOND { display: none; position:absolute; top:0px; left:300px; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .ECF_INFO_PRIX_SANS_FOND { display: none; position:absolute; top:16px; left:300px; float:right; text-align: center; width:100px; font-size:22px; font-weight: bold; color: #cc170a; padding: 0px; margin: 0px; border:1px solid #000; } .ECF_LEGENDE_INFO_SANS_FOND_PRIX { display: none; position:absolute; top:45px; left:300px; text-align: center; width:100px; font-size:10px; font-weight: bold; color: #000; } .ECF_INFO_PRIX { display:block; text-align: center; width:100px; font-size:22px; font-weight: bold; color: #cc170a; padding: 0px; margin: 0px; /*border:1px solid #000;*/ } .ECF_LEGENDE_INFO { display:block; text-align: center; width:100px; font-size:10px; font-weight: bold; color: #000; } .ECF_A_PARTIR_DE { display:block; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .ECF_AU_LIEU_DE { display:block; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .ECF_LEGENDE { display:block; text-align: center; width:100px; height:16px; font-size:10px; font-weight: bold; color: #000; } .AB_ref_cat { font-weight:bold; } /*.AB_PROD_DESCRIPTIF { position:absolute; top:300px; left:0px; width:210px; font-weight:bold; border:0px solid #000; margin:0; }*/ .zone_produit { } .prod_accroche { } /*********************************************************************************************************/ /* Front Client: Panier */ /*********************************************************************************************************/ /* Page panier */ #page_panier { background-color:#fff099; border:1px solid #000; min-height:520px; } #page_panier h2 { margin:10px; padding:0px; color:#d85b40; font-size:16px; } #page_panier #zoneOptionPanier { width:95%; margin:10px; padding:0px; color:#000; font-size:12px; border:0px solid #000; } #page_panier #zoneOptionPanier a { color:#000; font-size:12px; } #page_panier #zoneOptionPanier .fond_cart_etape { display:block; width:64px; height:56px; background: url(Images/btn_cart_etape.gif) no-repeat top left; } #page_panier #zoneOptionPanier .fond_cart_etape_active { display:block; width:64px; height:56px; background: url(Images/btn_cart_etape_active.gif) no-repeat top left; } #page_panier #zoneOptionPanier .fond_cart_etape h1 { display:block; width:64px; height:20px; color: #000; } #page_panier #zoneOptionPanier .fond_cart_etape_active h1 { display:block; width:64px; height:20px; color: #FFF; } #page_panier #zoneOptionPanier .fond_cart_etape_separateur { display:block; width:20px; height:3px; background: url(Images/btn_cart_etape_sep_active.gif) no-repeat top left; } #page_panier #zoneOptionPanier .fond_cart_etape_separateur_inactive { display:block; width:20px; height:3px; background: url(Images/btn_cart_etape_sep_inactive.gif) no-repeat top left; } #page_panier a.link_vider_panier { display:block; text-align: right; font-weight:bold; color:#000; margin: 10px 0px 10px 0px; } #page_panier a.link_recalculer_total { display:block; text-align: right; font-weight:bold; color:#000; margin: 10px 0px 10px 0px; } #page_panier a.link_produit { text-decoration: none; font-weight:bold; color:#000; } #page_panier #zoneOptionPanier1 { margin:10px; padding:5px; text-align:right; } #page_panier #zoneOptionPanier1 a { color:#000; font-weight:bold; font-size:14px; border:1px outset #000; padding:5px; background-color: #F9F9F9; text-decoration: none; } .tableau_panier { border-collapse:collapse; width:99%; color: #000; font-size: 9px; } .tableau_panier td { padding: 2px; border:1px solid #000; } .tableau_panier td.tableau_panier_contenu_noStyle { border:0px; } .tableau_panier_header { color: #FFF; font-weight: bold; background-color: #CC1800; text-align: center; } .tableau_panier_footer { text-align: right; } .tableau_panier_contenu { font-weight: normal; background-color: #FFF; } .tableau_panier_contenu_sousTotal { font-size: 14px; text-align: right; font-weight:bold; background-color: #FFF; } .tableau_panier_contenu_prix { font-size: 12px; text-align: right; background-color: #FFF; } .tableau_panier_contenu_prix input { font-size: 9px; border: 0; text-align: right; background-color: transparent; } .tableau_panier_contenu_ref { text-align: center; } .tableau_panier_contenu_quantite { text-align: center; background-color: #FFF; } .tableau_panier_contenu_quantite input { text-align: center; font-size:9px; background-color: transparent; border:0; } .tableau_panier_contenu_quantite td { border:0; } .tableau_panier_quantite { text-align: center; } .tableau_panier_suppr_art { text-align: center; } .tableau_panier_total { font-size: 14px; text-align: right; background-color: #f7ca00; border:0px 0px 0px 1px; } .tableau_panier_total_TTC { font-size: 14px; text-align: right; background-color: #FFF; } .tableau_contact { width:100%; border:1px solid #000; } .tableau_contact span.form_libelle_champ { } .tableau_client { width:100%; border:1px solid #000; } .tableau_client span.form_libelle_champ { float:right; } .sous_section { font-size:16px; font-weight: bold;} .NomProduit { font-weight:bold; font-size: 12px; } .NomProduitCadeau { display: block; float:left; font-weight:bold; padding: 3px 0px 3px 35px; font-size: 11px; background: url(Images/cadeau.gif) no-repeat center left; } .NomProduitCadeau_mini { display: block; float:left; font-weight:bold; padding: 0px 0px 0px 18px; font-size: 11px; background: url(Images/cadeau_mini.gif) no-repeat center left; } .NomProduitRemise { display: block; float:left; font-weight:bold; padding: 3px 0px 3px 35px; font-size: 11px; background: url(Images/remise.gif) no-repeat center left; } .NomProduitRemise_mini { display: block; float:left; font-weight:bold; padding: 0px 0px 0px 18px; font-size: 11px; background: url(Images/remise_mini.gif) no-repeat center left; } .NomProduitCatalogue { display: block; float:left; font-weight:bold; padding: 3px 0px 3px 35px; font-size: 11px; background: url(Images/catalogue.gif) no-repeat center left; } .NomProduitCatalogue_mini { display: block; float:left; font-weight:bold; padding: 0px 0px 0px 18px; font-size: 11px; background: url(Images/catalogue_mini.gif) no-repeat center left; } .LibelleArt { font-weight:bold; font-size: 12px; } .PrixHT { font-weight:bold; font-size: 14px; color:#FF0000; margin: 0px 5px 0px 5px; } .PrixTotalHT { font-weight:bold; font-size: 14px; color:#FF0000; margin: 0px 5px 0px 5px; } .PrixIndicatifHT { text-decoration: line-through; } .TotalTTC { font-weight:bold; font-size: 14px; color:#FF0000; } /* Box panier */ #box_panier { position:relative; z-index:100; float:right; display:block; height:20px; width:180px; margin:0px; margin-left:10px; padding: 0px; } #box_panier #tableau_mini_cart { position:absolute; z-index:100; display:none; width:300px; top:35px; left:-120px; } #box_panier #zone_info { float:right; border-width: 0px 0px 1px 1px; border-color:#000; border-style: solid; background-color: #FFFFFF; height:35px; } #box_panier #zone_bouton { float:right; border:0px solid #000; margin:5px; } #box_panier #nbArticles { color: #FF0000; font-weight: bold; } #box_panier #nbCadeaux { color: #FF0000; font-weight: bold; } #box_panier h2 { width:100%; height:18px; margin:2px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #box_panier .tableau_panier_contenu_sousTotal { font-size: 12px; text-align: right; font-weight:bold; background-color: #FFF; } #box_panier .tableau_panier_contenu_prix { font-size: 9px; } #box_panier .tableau_panier_total { font-size: 9px; text-align: right; background-color: #f7ca00; border:0px 0px 0px 1px; } #box_panier .tableau_panier_total_TTC { font-size: 9px; text-align: right; background-color: #FFF; } #box_panier .LibelleArt { font-weight:bold; font-size: 9px; } #box_panier .QteProduit { font-weight:bold; font-size: 9px; color:#FF0000; } #box_panier .CodeArticle { font-size: 9px; color: #333333; font-style: italic; } #box_panier .NomProduit { font-weight:bold; font-size: 9px; } #box_panier .PrixHT { font-size: 11px; } #box_panier .TotalTTC { font-size: 11px; } .tableau_contact { width:100%; } .tableau_client { width:100%; } .sous_section { font-size:16px; font-weight: bold;} .panier_prix { font-size: 10px; color: #FF0000; font-weight: bold; font-style: italic; } .bouton_editer { font-size: 10px; font-weight:bold; color: #FFF; } .bouton_editer:hover { font-size: 10px; font-weight:bold; color: #FFF; } .bouton_editer:active { font-size: 10px; font-weight:bold; color: #FFF; } /*********************************************************************************************************/ /* Front Client: Commande */ /*********************************************************************************************************/ .commande_recap { text-align:left; } #page_commandes { font-size:12px; } #page_commandes #infos_commande { float:left; margin:0px 0px 0px 0px; } #page_commandes #infos_commande_visuel { float:left; margin:0px 0px 0px 10px; width:70px; border:1px solid #000; } #page_commandes #zoneOptionCommandes { margin:10px; padding:0px; color:#000; font-size:12px; } #page_commandes #zoneOptionCommandes a { color:#000; } #page_commandes a.lien_mini_panier { display:block; width:100%; height:100%; border:1px solid #000; } /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */ #commandes_apercu { width:520px; background: #F0F0F0; border-width: 0px 1px 1px 0px; border-style:solid; border:color #000; position:absolute; z-index:10000; } /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */ body > div#commandes_apercu { position: fixed; } #commandes_apercu .commandes_apercu_content { display:none; padding:10px; } #commandes_apercu .commandes_apercu_content h2 { font-size:12px; margin:0px; } #commandes_apercu .commandes_apercu_content .visuel { width:200px; border:1px solid #000; margin:10px; background-color: #FFF; } #commandes_apercu .commandes_apercu_content .mini_panier { width:500px; } #commandes_apercu .commandes_apercu_content .tableau_panier { font-size: 9px; text-align: left; } #commandes_apercu .commandes_apercu_content .tableau_panier .tableau_panier_contenu_prix input { font-size: 9px; } #commandes_apercu .commandes_apercu_content .tableau_panier .NomProduit { font-size: 9px; } #commandes_apercu .commandes_apercu_content .tableau_panier .LibelleArt { font-size: 9px; } #commandes_apercu .commandes_apercu_content .tableau_panier .CodeArticle { font-size: 9px; } .tableau_commandes { border-collapse:collapse; width:99%; color: #000; font-size: 11px; } .tableau_commandes td { padding: 2px; border:1px solid #000; } .tableau_commandes td.tableau_commandes_total { color:#FF0000; font-weight:bold; } .tableau_commandes_header { padding: 2px; font-size: 11px; color: #FFF; font-weight: bold; background-color: #CC1800; text-align: center; border:1px solid #000; } .tableau_commandes_footer { text-align: right; } .tableau_commandes_contenu { font-weight: normal; background-color: #FFF; } .tableau_commandes_total { font-size: 14px; text-align: right; background-color: #FFF; } /* LAYOUT */ #main { position:relative; width:980px; margin-left:auto; margin-right:auto; background: #FFF; border:1px solid #FFF; border-bottom: 1px solid #000;} #container { position:relative; width:980px; margin-left:auto; margin-right:auto; } /* HEADER */ #header { width:100%; height:71px; background: url(Images/header_fond.gif) repeat-y top right; } #logo { position:absolute; display:block;} #anim { position:absolute; top:5px; left:180px; display:none;} #header #titreSite { height: 50px; margin:0 10px 0 10px; font-size: 26px; font-weight: bold; font-style: italic; text-align: right; color:#FFF;} #content_menu { position:relative; display:block; margin: 0px; padding:0px; border:0px solid #000; } /* LAYOUT CONTENT */ #content { min-height:400px; clear:both; margin-top :20px; } #contentLeft { min-height:400px; margin: 0px; padding:0; width: 180px; float: left; /*border:1px solid #000;*/ } #contentRight { min-height:400px; margin: 0px; padding:0; width: 170px; float: right; /*border:1px solid #000;*/ } #contentMiddle { min-height:400px; margin: 0px; margin-top:30px; padding:5px; margin-left:205px; margin-right:0px; /*border:1px solid #000;*/ } /* FOOTER */ #footer { clear:both; text-align: center; height:15px; margin-top:0px; } #footer a { font-size:10px; color:#000; } #menuCat { float:right; margin:0; padding:0; padding-left:0px; margin-left:140px; } #menuCat li, #menuCat ul { margin:0; padding:0; } #menuCat li { float: left; list-style-type: none; text-align: center; margin-right:5px; } #menuCat #ongletCat a { display: block; float: left; width:105px; height:30px; margin: 0px; padding: 0px; color: #FFF; background-color: #E0E0E0; text-decoration: none; font-size: 10px; font-weight: bold; } #menuCat #ongletCat a:hover { background: url(Images/oOver.gif) top left no-repeat; color: #FFF; } #menuCat #ongletCat li a.current { background: url(Images/oOver.gif) top left no-repeat; background-color: #FF6600; color: #FFF; } #menu_page_static { width:100%; margin-bottom:10px; height:30px;} #menu_page_static ul, #menu_page_static li { margin:0; padding: 0; list-style-type: none;} #menu_page_static li { float:left; margin-left:10px; padding:5px;} #menu_page_static a { display:block; padding:5px; color: #0A50A1; text-decoration:none; font-weight: bold; font-style:italic;} #menu_page_static a:hover { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;} #menu_page_static #current a { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;} #option_bar{ width:100%; height:35px; clear:both; background: #0b004a;} /* SOUS-MENU */ #navig { margin:0px; padding:0px; margin-left:200px; } #navig a { display:block; float:left; margin-left:3px; color: #FFF; font-weight:bold; padding:3px; height:10px;} #navig a:hover { color: #FFF; text-decoration: none; } #navig a:visited { color: #FFF;} /* RECHERCHE */ #recherche { float:right; padding:0; margin:5px; height:25px; color:#000; } #form_recherche { margin:0; padding:0; height:5px; } #recherche #checkbox_search { padding:0; margin:0; } #recherche #checkbox_search input { padding:0; margin:0; height:15px; } #recherche #saisie_search { padding:0; margin:0; color: #FFF; } #recherche #saisie_search input { padding:0; margin:0; font-size: 9px; } #recherche #button_search { padding:0; margin:0; color: #FFF; } #recherche #button_search input { padding:0; margin:0; vertical-align: middle; } #resultat_recherche_prix { padding:0; margin:0; display:block; float:right; width:80px; height:50px; } /* BLOCS */ /* Menu client */ #menuClient { font-style: italic; margin-bottom:10px; margin-top:10px; padding: 5px; } #menuClient h2 { width:100%; height:18px; margin:2px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#000; font-weight: bold; } #menuClient ul { margin:0px; padding:0px; text-align: center; list-style-type: none; } #menuClient li { margin:0px; padding:0px; height:18px; list-style-type: none; border:0px solid #000; } #menuClient li a { color:#CC1800; display:block; margin:0px; padding:0px; text-decoration: none; font-size:12px; font-weight:bold; } #menuClient li a:hover { color:#FFF; background-color:#CC170A; } #menuClient #separateur { border-bottom:1px dashed #000; margin:5px; } /* Commande express */ #commandeExpress { display:none; margin:0px; padding: 5px; } #commandeExpress h2 { width:100%; height:18px; margin:2px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#000; font-weight: bold; } #commandeExpress #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; font-size:9px; } #commandeExpress #submit { float:right; margin:0px 5px 5px 0px; padding:0; text-align: right; color: #000; font-weight:bold; width: 35px ; height: 21px; } #commandeExpress input { font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } #commandeExpress select { display:block; font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } /* Demande catalogue */ #demandeCatalogue { margin:10px 0px 0px 0px; padding: 5px; } #demandeCatalogue h2 { width:100%; height:18px; margin:0px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #demandeCatalogue #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; font-size:9px; } #demandeCatalogue #submit { margin:0px; padding:0px; float:right; width: 35px ; height: 21px; } #demandeCatalogue input { font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } #demandeCatalogue select { display:block; font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } /* Code promo */ #codePromo { display:none; margin:0px; height:140px; padding: 5px; } #codePromo h2 { width:100%; height:18px; margin:10px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#000; font-weight: bold; } #codePromo #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; font-size:9px; } #codePromo #submit { margin:0px; padding:0px; width:35px ; height:21px; } #codePromo input { margin:0px; padding:0px; font-size:9px; vertical-align: middle; } #codePromo input.codePromoValide { border:2px inset #00CC00; background: #6CFF6C; } #codePromo input.codePromoInvalide { border:2px inset #FF0000; background: #FFF; color: #FF0000; } #codePromo select { margin:0px; padding:0px; font-size:9px; vertical-align: middle; } #codePromo a { margin:0px; padding:0px; color:#000; } /* Commande express */ #menuChoixCatalogue { margin:0px; height:140px; padding: 5px; } #menuChoixCatalogue h2 { width:100%; height:18px; margin:10px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #menuChoixCatalogue a { margin:0px; padding:0px; color:#000; } /* Newsletter */ #newsletter { margin:5px 0px 0px 0px; height:75px; padding: 5px; } #newsletter h2 { width:100%; height:18px; margin:2px 0px 0px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #newsletter #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; } #newsletter #submit { float:right; margin:0px 5px 5px 0px; padding:0; text-align: right; color: #000; font-weight:bold; width: 40px ; height: 21px; } #newsletter input { font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } #newsletter select { font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } /* Partenaires */ #partenaire{ margin:0px; background-color: #FFF; margin-right:5px; background: #FFFFFF; border:1px solid #FFF;} #partenaire h2{ width:100%; color:#d85b40; height:18px; margin:0px 0px 0px 0px; padding:0; text-align: center; font-style: normal; font-size: 12px; border-bottom:1px solid #0A50A1; background: #FF6600; } #partenaire #date{ text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #partenaire #accroche{ font-style: italic; font-size: 9px; margin:2px; } #partenaire #visuel{ margin:5px; background-color: #FFF; border:1px solid #0A50A1; } /* Login */ #box_login { width:200px; float:right; display:none; background-color: #FFF; margin:0px; height:66px; padding: 0px; } #box_login h2 { height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; font-style: normal; font-size: 14px; color:#000; font-weight: bold; } #box_login form { margin:0; padding:0; } #box_login .zone_input_login { float:left; clear:left; display:block; font-weight: bold; font-size: 9px; margin:0; padding:0; } #box_login .zone_input_pass { float:left; display:block; font-weight: bold; font-size: 9px; margin:0; padding:0; } #box_login .zone_input_submit { float:left; display:block; font-size: 9px; margin:13px 0px 0px 5px; padding:0; } #box_login .zone_btn_creation_compte { float:right; display:block; width:90px; height:46px; background: url(Images/button-nouveau-client.gif) no-repeat center center; margin: 5px; } #box_login .zone_btn_creation_compte a { display:block; width:90px; height:46px; } #box_login .zone_login_link { float:left; display:block; font-size: 9px; margin:0; padding:0; } #box_login .zone_login_link a:link { display:block; color: #313131; font-weight:bold; margin:2px 0px 0px 5px; padding:0; } #box_login .input_login { margin-left:5px; margin-bottom:0px; font-size: 9px; } #box_login .input_pass { margin-left:5px; margin-bottom:0px; font-size: 9px; } /* Promotion */ #promotion { margin-bottom:10px; background: #FFFFFF; border:1px solid #FFF; cursor: pointer;} #promotion #promotion_content { height:150px; border:5px solid #ECE7E1; } #promotion #promotion_produit_content { float:left; width:186px; height:150px; } #promotion h2 { width:150px; height:18px; margin:0px; padding:0; text-align: center; font-style: normal; font-size: 12px; background: #ECE7E1; } #promotion_content { } #promotion #date { text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #promotion #accroche { font-style: italic; font-size: 9px; margin:2px; } #promotion #visuel { float:left; width:100px; height:100px; margin:5px; background-color: #FFF; border:1px solid #0A50A1; } #promotion #prix { float:left; font-size: 14px; font-weight:bold; border:1px solid #0A50A1; color:#FC4E32;} /* Nouveautés */ #nouveaute { margin-bottom:10px; background: #FFFFFF; border:1px solid #FFF; } #nouveaute h2 { width:100%; color:#d85b40; height:18px; margin:0; padding:0; text-align: center; font-style: normal; font-size: 12px; border-bottom:1px solid #0A50A1; background: #FF6600; } #nouveaute #date { text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #nouveaute #accroche { font-style: italic; font-size: 9px; margin:2px; } #nouveaute #visuel { margin:5px; background-color: #FFF; border:1px solid #0A50A1; } /* Actualités */ #actualite { margin-bottom:10px; background: #FFFFFF; border:1px solid #FFF; } #actualite h2{ width:100%; color:#d85b40; height:18px; margin:0; padding:0; text-align: center; font-style: normal; font-size: 12px; border-bottom:1px solid #0A50A1; background: #FF6600; } #actualite #date{ text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #actualite #accroche{ font-style: italic; font-size: 9px; margin:2px; } #actualite #visuel{ margin:5px; background-color: #FFF; border:1px solid #0A50A1; } /* Box highlight */ #highlight { display: block; height:270px; margin:0px 5px 5px 5px; border:1px solid #000; cursor: pointer; background-color: #fee679;} #highlight #content { height:150px; border:5px solid #ECE7E1; } #highlight #produit_content { float:left; width:190px; height:150px; } #highlight h2 { display: block; font-size: 16px; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; text-decoration: none; } #highlight h2 a { color: #cc1800; text-decoration: none; } #highlight #date { text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #highlight #accroche { font-style: italic; font-size: 9px; margin:2px; } #highlight #visuel { float:right; width:100px; height:100px; margin:5px; background-color: #FFF; border:1px solid #0A50A1; } #highlight #prix { float:left; font-size: 14px; font-weight:bold; border:1px solid #0A50A1; color:#FC4E32;} /* Destockage */ #destockage{ margin-bottom:10px; } /**************************************************************************************************/ /* STYLE DES PAGES */ /**************************************************************************************************/ #page_static { border:1px solid #0A50A1; margin:0; padding:0px; font-size:11px; } #page_static h1 { font-style:italic; margin:0px; padding:2px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; height:30px; background-color:#FC4E32; } #page_static h2 { font-style:italic; margin:20px; padding:10px; border:1px solid #FFF; color:#d85b40; background-color:#f6a924; font-size:16px; text-align:center; } #page_static h3 { color: #0A50A1; font-size:14px; display:block; } #page_static #date { font-style:italic; margin:5px; color:#0A50A1; font-size:10px; display:block; } #page_static #photo { float:right; margin:0 0 5px 5px; border:1px solid #0A50A1; } #page_static #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_static #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_static #content { margin:5px; } .page_cgv { padding:10px; } #page_nouveaute { border:0px solid #0A50A1; } #page_nouveaute h1 { font-style:italic; margin:0; padding:5px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; background-color:#00A0C6; } #page_nouveaute h2 { font-style:italic; margin:5px; margin-top:10px; color:#d85b40; font-size:14px; display:block; } #page_nouveaute #date { font-style:italic; margin:5px; color:#0A50A1; font-size:10px; display:block; } #page_nouveaute #photo { float:right; margin:0 0 5px 5px; border:1px solid #0A50A1; } #page_nouveaute #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_nouveaute #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_creation_compte { background-color: #FFF; } #page_creation_compte h1 { font-style:italic; margin:0; padding:5px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; background-color:#FC4E32; } #page_creation_compte h2 { font-style:italic; margin:20px; padding:10px; border:1px solid #FFF; color:#d85b40; background-color:#f6a924; font-size:16px; text-align:center; } #page_creation_compte h3 { color: #0A50A1; font-size:14px; display:block; } #page_creation_compte fieldset { color: #000; font-size:11px; margin:5px; padding:10px; } #page_creation_compte fieldset legend { color: #CC1800; font-size:14px; font-weight:bold; } #page_creation_compte input { font-size:9px; border:1px solid #000; } #page_creation_compte select { font-size:9px; } #page_creation_compte #fieldset_facturation { float:left; width:262px; } #page_creation_compte #fieldset_livraison { float:left; width:262px; } #page_creation_compte #fieldset_contact { clear:both; } #page_creation_compte #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_creation_compte #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_creation_compte #content { margin:5px; } #page_recherche { border:0px solid #000; } #page_recherche #info_resultat { display:inline; } #page_recherche .tableau_ligne_alterne_1 { padding: 2px; background-color: #FFF; cursor: pointer; } #page_recherche .tableau_ligne_alterne_2 { padding: 2px; background-color: #F0F0F0; cursor: pointer;} #page_recherche .td_visuel { background:#FFF; border-right: 1px solid #AAAAAA; } #page_recherche .td_prix { background:#FFF; border-left: 1px solid #AAAAAA; } #page_recherche .span_visuel { margin:0px; padding:0px; } #page_recherche .tableau_sous_section { margin:0px; padding:0px; background-color: #E0E0E0; border-bottom: 1px solid #AAAAAA; border-top: 2px solid #333333; font-weight: bold; } #page_recherche #zone_header_arbo { height:auto; } #page_recherche .zone_arbo_bar { } #page_recherche .arbo_bar { margin:5px; padding:0px; float:left; color:#d85b40; font-size:12px; font-weight: bold; white-space: nowrap; } #page_recherche .arbo_bar a { margin:5px; font-size:12px; font-weight: bold; text-decoration: none; color: #d85b40; } #page_recherche .arbo_bar a:hover { font-weight: bold; text-decoration: none; } #page_recherche .arbo_bar a:active { font-weight: bold; text-decoration: none; } #page_recherche .arbo_bar a:visited { font-weight: bold; text-decoration: none; } #page_recherche a.lien { display:block; color:#000; text-decoration: none; padding: 5px; font-style: italic; font-weight: bold; } #page_recherche .lien a:hover { } #page_recherche a.lienFiche { display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } /* SLIMBOX (substitution de le fenetre popup, layer dhtml en premier plan sur la page) */ #lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../Images/slimbox_loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;} #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../Images/slimbox_prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../Images/slimbox_nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../Images/slimbox_closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }