/*********************************************************************************************************/ /* 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 { margin:0 0 0 0; color: #000000; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } INPUT { margin:0 0 0 0; color: #000000; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: none;color: #333333; } SELECT { margin:0 0 0 0; color: #000000; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: none;color: #333333; } DIV { margin:0 0 0 0; color: #000000; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } TABLE { color: #000000; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } a { font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-transform: uppercase; color: #FF9900;} /*********************************************************************************************************/ /* 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:95%; margin:0; padding: 0px; background-color: #FFF; border-collapse:collapse; border: 1px solid #D0D0D0; } .tableau_titre { padding: 6px 6px 6px 6px; font-size: 12px; color: #F7E401; font-weight: bold; background-color: #000; } .tableau_header { padding: 2px 2px 2px 2px; font-size: 10px; color: #000000; font-weight: bold; background-color: #FF9900; text-align: center; } .tableau_header_c2 { padding: 2px 2px 2px 2px; font-size: 10px; color: #000000; font-weight: bold; background-color: #FF9900; text-align: center; } .tableau_footer { padding: 2px 2px 2px 2px; font-size: 10px; color: #000000; font-weight: bold; font-style : italic; background-color: 'lightgrey'; } .tableau_ligne_alterne_1 { padding: 2px 2px 2px 2px; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_2 { padding: 2px 2px 2px 2px; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_1c2 { padding: 2px 2px 2px 2px; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .tableau_ligne_alterne_2c2 { padding: 2px 2px 2px 2px; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .tableau_contenu { font-size:9px; border-width: 0px; border-color: #000; border-style: solid; padding: 2 2 2 2; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .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 { color: #0053A6; border-bottom: 1px solid #AAAAAA; border-top: 2px solid #333333; font-size: 12px; font-weight: bold; padding: 10px 100px 2px 50px; } .tableau_stats { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px; 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: 2px; background-color: #FFFF00; font-weight: bold; } .tableau_focus_arrow { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px 2px 2px 20px; 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:10px; margin-left:30px; margin-right:30px; margin-bottom:30px; font-family: Verdana; font-size: 13px;} .table_aide td { padding: 5px;} .tableau_inactif { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px; 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 { white-space:nowrap; width:60px; font-size: 11px; color:#333333; font-weight: bold; margin: 0px; text-align:center; } .PRIX_HT_AU_LIEU_DE { display:block; font-size: 11px; color:#333333; font-style:italic; text-decoration: line-through; margin: 0px; text-align:center; } .PRIX_TTC { display:inline; font-size: 11px; color:#333333; font-weight: bold; margin: 0px; text-align:center; } .PRIX_TTC_AU_LIEU_DE { display:block; font-size: 11px; color:#333333; 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: 2px 2px 2px 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_lignes { border-width: 2px; border-color: #000000; border-style: solid; padding: 2px 2px 2px 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_donnees { border-width: 2px; border-color: #000000; border-style: solid; padding: 2px 2px 2px 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px 2px 2px 2px; 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: 2px 2px 2px 2px; 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: 2px 2px 2px 2px; 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: 2px 2px 2px 2px; 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: 2px 2px 2px 2px; background-color: #FFFFFF; } .tableau_croise_contenu_lib { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px 2px 2px 2px; background-color: #FFFFFF; font-size: 8px; font-style : italic;} .tableau_croise_sous_contenu_1 { padding: 0px 2px 0px 2px; } .tableau_croise_sous_contenu_2 { padding: 0px 2px 0px 2px; 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: 1px 1px 1px 1px; 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: 1px 1px 1px 1px; background-color: #FFFFFF; } .mini_table_ligne_alterne_2 { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1px 1px 1px 1px; background-color: #E6E6E6; } .mini_table_contenu { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1px 1px 1px 1px; background-color: #FFFFFF; } /*********************************************************************************************************/ /* Styles pour afficher les Numéros indexant les liens Visuel-Article */ /*********************************************************************************************************/ .index_visuel_lettre { position:relative; float:left; left:30px; width:15; height:15; padding: 1px 0px 0px 1px; font-size: 11px; 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: 1px 2px 1px 2px;} .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: 2px 2px 2px 2px; 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: 2px 2px 2px 2px; 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: 10px 10px 10px 10px; 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 { } .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:pointer; height: 21px; width: 30px; padding: 0px; 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:pointer; height: 21px; width: 30px; padding: 0px; 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:pointer; height: 21px; width: 30px; padding: 0px; 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/caddie.jpg') no-repeat; border:0; } a.bouton_ajout:hover { display:block; cursor:pointer; height: 20px; width: 20px; background: url('Images/caddie.jpg') no-repeat; border:0; } a.bouton_ajout:active{ display:block; cursor:pointer; height: 20px; width: 20px; background: url('Images/caddie.jpg') 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:pointer; height: 56px; width: 55px; padding: 0px; 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: 2px; 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 { overflow: auto ; z-index: 10001; padding: 2px; background-color: #FF0000; font-size: 9px; color: #000; text-align: left; } .msg_erreur { padding: 10px; font-size: 9px; font-weight: bold; color: #FF0000; vertical-align: middle; text-align: center; } .msg_warning { padding: 10px; font-weight: bold; font-size: 9px; color: #FF0000; vertical-align: middle; text-align: center; } .msg_info { padding: 10px; font-size: 9px; font-weight: bold; color: #FF9900; text-align: left; } /*********************************************************************************************************/ /* Front Client: Styles pour la Page centrale */ /*********************************************************************************************************/ #zone_header_arbo { height:30px;} #zone_menu_arbo { height:30px;} #zone_header_arbo table { margin:0; padding:0; border-collapse: collapse; } .zone_arbo_bar { float:left; margin:0px; padding: 0px; } .zone_menu_bar { display:block; height:30px; width:100%; margin:5px 0px 0px 0px; padding: 0px;} .arbo_bar { font-weight: bold; text-decoration: underline; font-style: normal; color: #FF9900; margin:0; padding:0; font-size: 10px;} .arbo_bar a { } .arbo_bar a:hover { } .arbo_bar a:active { } .arbo_bar a:visited { } .zone_menu_bar .arbo_bar { float:left; margin:0px; padding: 0px; font-weight: bold; text-decoration: underline; font-style: normal; color: #FF9900; margin:0; padding:0; font-size: 10px;} .zone_menu_bar .arbo_bar a { font-weight: bold; text-decoration: underline; font-style: normal; color: #FF9900; margin:0; padding:0; font-size: 10px; } .zone_menu_bar .arbo_bar a:hover { } .zone_menu_bar .arbo_bar a:active { } .zone_menu_bar .arbo_bar a:visited { } .zone_arbo_bar .arbo_bar { float:left; margin:0px; padding: 0px; font-weight: bold; text-decoration: underline; font-style: normal; color: #FF9900; margin:0; padding:0; font-size: 10px;} .zone_arbo_bar .arbo_bar a { font-weight: bold; text-decoration: underline; font-style: normal; color: #FF9900; margin:0; padding:0; font-size: 10px;} .zone_arbo_bar .arbo_bar a:hover { } .zone_arbo_bar .arbo_bar a:active { } .zone_arbo_bar .arbo_bar a:visited { } .zone_bouton_arbo { float:left; clear:right; display:none; margin:1px; padding: 2px; } .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:16px; padding: 1px 2px 0px 25px; 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:16px; padding: 1px 2px 0px 25px; 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:16px; padding: 1px 2px 0px 25px; 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: 2px; background-color: #FFFFFF; } /*********************************************************************************************************/ /* */ /* Front Client: Catalogue Arborescence */ /* */ /*********************************************************************************************************/ .arbo_fond { margin:0px; padding:0px; border:1px solid #000; } .arbo_sommaire_fond { margin:0px; padding:0px; border:0px; overflow: auto; height: 510px; width: 580px;} .arbo_sommaire_fond #phrase_accroche_codeAvantage { font-size:14px; margin:0px 0px 5px 0px; color: #cc1800; } .arbo_sommaire_fond #image_visuel_ouverture { background-color:#5EC6F2; height:163px; } /******************************** Affichage du sommaire type lignes *************************************************************/ .arbo_sommaire_zone1 { margin: 10px 0px 5px 5px; padding: 0px; cursor:pointer; } .arbo_sommaire_zone1 ul.ongletSommaire { list-style-type: none; margin:0px; padding:0;} .arbo_sommaire_zone1 ul.ongletSommaire li { list-style-type: none; float:left; width:150px; margin:0px; padding:0px; padding-top:2px; background-color:#FFF; } .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 { clear:left; float:left; margin:0px; padding:10px 4px; text-align: center; background-color:#FFF; } .arbo_sommaire_zone1 .arboIllustration .blocImage { height:90px; width:90px; border:1px solid #000; background-color:#FFF; } .arbo_sommaire_zone1 .arboIllustration .blocImage img { margin:0px; padding:0px; } .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 { position:relative; float:left; width:240px; height:200px; margin: 10px; padding: 0px; cursor:pointer; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #505050; border-right: 1px solid #505050; } .arbo_sommaire_zone2 ul.ongletSommaire { position:absolute; z-index: 100; top:0px; left:0; list-style-type: none; margin:0px; padding:0; background-color: #FFF; border: 1px solid #FF9900;} .arbo_sommaire_zone2 ul.ongletSommaire li { list-style-type: none; width:100%; margin:3px 0px 0px 0px; padding:0px; background-color:#FFF; } .arbo_sommaire_zone2 ul.ongletSommaire li h3 { margin:0px; color: #FF9900;} .arbo_sommaire_zone2 ul.ongletSommaire li a { display:block; font-size: 12px; font-weight:bold; margin:0px; padding:5px; text-decoration: none; color:#FF9900; } .arbo_sommaire_zone2 .arboIllustration { position:absolute; z-index: 99; top:0px; left:0px; margin:0px; padding:0px; text-align: center; background-color:#FFF;} .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 */ /******************************** Affichage du sommaire en mode tableau lignes + colonnes ***************************************/ .arbo_sommaire_fournisseur { float:left; width:118px; height:140px; margin: 0px; padding: 10px; cursor:pointer; border-bottom: 1px solid #FF9900; } .arbo_sommaire_fournisseur ul.ongletSommaire { list-style-type: none; margin:0px; padding:0; background-color: transparent; } .arbo_sommaire_fournisseur ul.ongletSommaire li { list-style-type: none; width:100%; margin:3px 0px 0px 0px; padding:0px; } .arbo_sommaire_fournisseur ul.ongletSommaire li h3 { height: 20px; } .arbo_sommaire_fournisseur ul.ongletSommaire li a { display:block; font-size: 10px; font-weight:bold; margin:0px; padding:5px; text-decoration: none; color:#000; } .arbo_sommaire_fournisseur .arboIllustration { margin:0px; padding:0px; text-align: center; height: 90px;} .arbo_sommaire_fournisseur .arboIllustration img { vertical-align: 50%;} .arbo_sommaire_fournisseur .arboIllustration .arboIllustrationAccroche{ font-weight:bold; color: #FFF;} /* Niveau en mode tableau */ /******************************************* Niveau Arbo ********************************************/ .arbo_liste_niveau_fond { margin:0px; padding:0px; } .arbo_liste_niveau { display:block; margin:0; padding:0; } .arbo_liste_niveau ul { width: 100%; list-style-type: none; margin:0px; padding:0px; text-decoration: none; } .arbo_liste_niveau li { float: left; list-style-type: none; display:block; font-size:12px; font-weight:bold; padding:0px; margin: 0px 0px 0px 0px; border:0; background-color: #FFFFFF; } .arbo_liste_niveau_hover a { } .arbo_liste_niveau1 { margin:0px; padding:5px; overflow: auto; height: 470px; width: 580px;} .arbo_liste_niveau1 ul { margin:0px; padding:0px; display:block; border-width: 0px ;} .arbo_liste_niveau1 li { margin:10px; padding:0px; list-style-type: none; font-size:12px;} .arbo_liste_niveau1 .arboNom { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau1 .arboNom a { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau1 .arboNom a:hover { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau1 .arboNom a:visited { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau1_item { margin:0px; padding:0px; width:310px;} .arbo_liste_niveau1_item ul { margin:0px; padding:0px; display:block; list-style-type: none; } .arbo_liste_niveau1_item li { margin:0px; padding:0px; border:0px; font-weight:normal; font-size:10px; text-decoration: none;} .arbo_liste_niveau1_item li .visuel { margin:0px; padding:0px; } .arbo_liste_niveau1_item li .lienFiche { margin:0px; padding:0px; } .arbo_liste_niveau1_item li .lienFiche a { margin:0px; padding:0px; display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau1_item li a { margin:0px; padding:0px; font-weight:normal; font-size:10px; text-decoration: none; color:#000;} .arbo_liste_niveau1_item li a:hover { margin:0px; padding:0px; font-weight:normal; font-size:10px; text-decoration: none; color:#000;} .arbo_liste_niveau1_item li a:visited { margin:0px; padding:0px; font-weight:normal; font-size:10px; text-decoration: none; color:#000;} .arbo_liste_niveau2 { margin:0px; padding:5px; overflow: auto; height: 470px; width: 580px;} .arbo_liste_niveau2 ul { margin:0px; padding:0px; border-width: 0px ;} .arbo_liste_niveau2 li { margin:10px; padding:0px; list-style-type: none; font-size:12px;} .arbo_liste_niveau2 li a { } .arbo_liste_niveau2 li a:hover { } .arbo_liste_niveau2 li a:visited { } .arbo_liste_niveau2 li.selected { } .arbo_liste_niveau2 li.selected a { } .arbo_liste_niveau2 li.selected a:hover { } .arbo_liste_niveau2 li.selected a:visited{ } .arbo_liste_niveau2_hover a { } .arbo_liste_niveau2 .arboNom { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau2 .arboNom a { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau2 .arboNom a:hover { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau2 .arboNom a:visited { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau2_item { margin:0px; padding:0px; width:360px;} .arbo_liste_niveau2_item ul { margin:0px; padding:0px; list-style-type: none; } .arbo_liste_niveau2_item li { margin-top:10px; padding:5px; border:0px; font-weight:normal; font-size:10px; text-decoration: none; display: block; border-top: 1px solid #FF9900;} .arbo_liste_niveau2_item li .visuel { margin:0px; padding:0px; text-align: right; width: 300px;} .arbo_liste_niveau2_item li .prodPrix { margin:0px; padding:0px; display: block; color: #FF9900; font-weight: bold; font-size:12px;} .arbo_liste_niveau2_item li .prodPrix .prodPrixPre { margin:0px; padding:0px; display: block; color: #A0A0A0; font-size:10px;} .arbo_liste_niveau2_item li .prodPrix .PRIX_TTC { display:inline; color: #FF9900; font-weight: bold; font-size:12px; padding:0px 4px 0px 0px; } .arbo_liste_niveau2_item li .lienFiche { margin:0px; padding:0px; width: 110px;} .arbo_liste_niveau2_item li .lienFiche a { margin:0px; padding:0px; display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau2_item li a { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .arbo_liste_niveau2_item li a:hover { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .arbo_liste_niveau2_item li a:visited { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .arbo_liste_niveau3 { margin:0px; padding:5px; overflow: auto; height: 470px; width: 580px;} .arbo_liste_niveau3 ul { margin:0px; padding:0px; border-width: 0px ;} .arbo_liste_niveau3 li { margin:10px; padding:0px; list-style-type: none; font-size:12px;} .arbo_liste_niveau3 li a { } .arbo_liste_niveau3 li a:hover { } .arbo_liste_niveau3 li a:visited { } .arbo_liste_niveau3 li.selected { } .arbo_liste_niveau3 li.selected a { } .arbo_liste_niveau3 li.selected a:hover { } .arbo_liste_niveau3 li.selected a:visited{ } .arbo_liste_niveau3_hover a { } .arbo_liste_niveau3 .arboNom { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau3 .arboNom a { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau3 .arboNom a:hover { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau3 .arboNom a:visited { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau3_item { list-style-type: none; margin:0px; padding:0; margin-top: 10px;} .arbo_liste_niveau3_item li { margin:2px; padding:2px; position:relative; float:left; width:157px; height: 220px; list-style-type: none; background-color: #ffffff; cursor:pointer; border-width: 1px ; border-style: dotted ; } .arbo_liste_niveau3_item li .prodNom { margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 10px; line-height:14px; height:40px; background-color: #efefef;font-weight:bold; } .arbo_liste_niveau3_item li .visuel { display:table-cell; vertical-align:top; text-align:center; width:140px; height:140px; background:#FFF; margin:2px 2px 2px 2px; padding:0; border: 0px;} .arbo_liste_niveau3_item li .prodCarac { margin:0px 0px 3px 0px; padding:2px; border:0px solid #000; text-align:center; margin-left:auto; margin-right: auto; } .arbo_liste_niveau3_item li .prodPrix { margin:0px 0px 0px 0px; padding:0px; position:absolute; top:160px; left:20px; width:120px; font-size: 11px; line-height: 14px; text-align: center; font-weight:bold; background: #FFF; color: #CC170A; } .arbo_liste_niveau3_item li .prodPrix .prodPrixPre { font-size: 9px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix .PRIX_TTC { display:inline; color: #FF9900; font-weight: bold; font-size:12px; padding:0px 4px 0px 0px; } .arbo_liste_niveau3_item li .prodPrix .prodPrixLegende { font-size: 9px; ; 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; height:30px; vertical-align:middle;} .arbo_liste_niveau3_item li .lienFiche a { margin:0px; padding:0px; display:block; height: 25px; width:100%; background: url(Images/consulterproduit.gif) no-repeat 50% 50%; } .arbo_liste_niveau3_item li a { margin:0px; padding:0px; color:#000; font-size:11px; text-decoration: none; } .arbo_liste_niveau3_item li a:hover { } .arbo_liste_niveau_produit { margin:0px; padding:0px; overflow: auto; height: 470px; width: 580px;} .arbo_liste_niveau_produit li { margin:0px 0px 0px 0px; padding:0px; position:relative; display:block; float:left; list-style-type: none;} .arbo_liste_niveau_produit li a { margin:0px; padding:0px;} .arbo_liste_niveau_produit li a:hover { margin:0px;} .arbo_liste_niveau_produit li a:visited { } .arbo_liste_niveau_produit li.selected { } .arbo_liste_niveau_produit li.selected a { } .arbo_liste_niveau_produit li.selected a:hover { } .arbo_liste_niveau_produit li.selected a:visited{ } .arbo_liste_niveau_produit_hover a { } .arbo_liste_niveau_produit .arboNom { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau_produit .arboNom a { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau_produit .arboNom a:hover { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau_produit .arboNom a:visited { font-family: arial; font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #333333;text-decoration: none;background-color: #FFFFFF;} .arbo_liste_niveau_produit_item { list-style-type: none; margin:25px; padding:0px; width: 200px; } .arbo_liste_niveau_produit_item ul { margin:0px; padding:0px; list-style-type: none; } .arbo_liste_niveau_produit_item li { margin:0px; padding:15px; min-height: 140px; font-weight:normal; font-size:10px; text-decoration: none; display: block; border: 1px solid #FF9900;} .arbo_liste_niveau_produit_item li .visuel { margin:0px; padding:0px; text-align: right; width: 200px;} .arbo_liste_niveau_produit_item li .prodPrix { margin:0px; padding:0px; display: block; color: #FF9900; font-weight: bold; font-size:12px;} .arbo_liste_niveau_produit_item li .prodPrix .prodPrixPre { margin:0px; padding:0px; display: block; color: #A0A0A0; font-size:10px;} .arbo_liste_niveau_produit_item li .prodPrix .PRIX_TTC { display:inline; color: #FF9900; font-weight: bold; font-size:12px; padding:0px 4px 0px 0px; } .arbo_liste_niveau_produit_item li .lienFiche { margin:0px; padding:0px; width: 110px;} .arbo_liste_niveau_produit_item li .lienFiche a { margin:0px; padding:0px; display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau_produit_item li a { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .arbo_liste_niveau_produit_item li a:hover { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .arbo_liste_niveau_produit_item li a:visited { font-size:12px; margin:0px; padding:0px; font-weight:bold; color: #000000; text-decoration: none; } .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 { margin:5px 0px 0px 0px; padding:0px; border:1px solid #606060; background-color: #F0F0F0; } .menu_liste a { margin:0px; padding:0px; font-size:12px; font-weight:bold; text-decoration: none; } .menu_liste_niveau { } .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; background-color: #B3C1DD; } .menu_liste_niveau li { list-style-type: none; height:1%; font-size:10px; font-weight:bold; padding:0px; margin: 0px; border :0px; } .menu_liste_niveau li a { display:block; color:#000; margin: 0px; padding:2px 0px 5px 3px; text-decoration: none; /* border-bottom:1px solid #D5D5D5;*/ border-right:1px solid #D5D5D5; } .menu_liste_niveau li a:hover { background: #fee679; margin: 0px; } .menu_liste_niveau li.selected { list-style-type: none; display:block; font-style: italic; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .menu_liste_niveau li.selected a { display:block; color:#000; background: #fee679;; margin: 0px; padding:2px 0px 5px 3px; 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; } .table_arbo_liste { width: 480px; margin-top: 5px;} .table_arbo_liste td.visuel { width: 154px; vertical-align: top ;} .table_arbo_liste td.liste { width: 330px; vertical-align: top ;} /******************************************************** Liste-sous Arbo ****************************************************/ #arbo_content {width:570px; height: 510px; margin:0px; padding:0px; border:0px solid #000;} /* 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_afficher { font-size:10px; font-weight:bold; text-decoration: none; color: #A0A0A0;} .arbo_liste_produit_afficher a { font-size:10px; font-weight:bold; text-decoration: underline; color: #FF9900;} .arbo_liste_produit_afficher a:link { font-size:10px; font-weight:bold; text-decoration: underline; color: #FF9900;} .arbo_liste_produit_afficher a:hover { font-size:10px; font-weight:bold; text-decoration: underline; color: #FF9900;} .arbo_liste_produit_afficher a:visited { font-size:10px; font-weight:bold; text-decoration: underline; color: #FF9900;} .menu_liste_produit_selected { margin:0px; padding:2px; display:block; border-bottom: 1px solid #606060; border-right: 1px solid #606060; } .menu_liste_produit_selected ul { list-style-type: none; margin:0; padding:0px; } .menu_liste_produit_selected li { list-style-type: none; margin:0; padding:0px; } .menu_liste_produit_selected li a { display:block; color: #1F1F1F; text-decoration: none; font-style: italic; font-weight:bold ; padding: 0px; } .menu_liste_produit_selected li a:hover { display:block; background-color: #E0E0E0; color:#FFF; font-style: italic; font-weight:bold ; } .menu_liste_produit_selected li.selected { list-style-type: none; margin:0; 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 ; 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; background: #FFF;} .arbo_liste_produit1 ul { list-style-type: none; margin:0; padding: 0px 5px 5px 5px; } .arbo_liste_produit1 li { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit1 li a { display:block; text-decoration: none; font-style: italic; font-weight:bold ; padding: 0px; color:#4e4e4e; } .arbo_liste_produit1 li a:hover { background: #EFEFEF; font-style: italic; font-weight:bold ; } /* Mode Sommaire */ .arbo_liste_produit2 { position:absolute; top:40px; left:0; z-index: 100; margin:0; padding:0; } .arbo_liste_produit2 ul { list-style-type: none; margin:0; padding:0px 5px 5px 5px; } .arbo_liste_produit2 li { list-style-type: none; margin:0; padding:0px; } .arbo_liste_produit2 li a { display:block; text-decoration: none; font-weight:bold ; padding: 0px; color:#000; } .arbo_liste_produit2 li a:hover { background-color:#FF9900; color:#FFF; font-weight:bold ; } /* Fin Pop-up liste arbo */ .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 { font-family: arial;font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: uppercase;color: #4e4e4e;text-decoration: none; } .arbo_produit { margin:0; padding:0; border:0px; overflow: auto; height: 480px; width: 590px;} //.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_visuels { display:block; float:left; width:190px; padding:0px; margin:10px 5px 5px 5px; } .arbo_produit_master_visuel_box { margin:0px; margin-bottom: 10px; padding:0px; width:180px; text-align: center; border:0px solid #000; } .arbo_produit_visuel_box { margin:0px; padding:0px; width: 180px; } .arbo_produit_visuel { margin:0px; padding:0px; width:60px; height:60px; vertical-align: middle; } .arbo_produit_visuel_image { margin:0px; padding:0px; width:60px; height:60px; vertical-align: middle; } .arbo_produit_visuel img { display:block; margin:0; padding:0; } .arbo_produit_carac { margin:20px 0px 0px 10px; padding:0; width:100%; } .arbo_produit_prix { float:left; height:70px; width:100px; color: #FF9900} .arbo_produit_picto { float:right; margin:0; padding:0; height:70px; } .arbo_produit_terminer_achat { margin:10px; } .arbo_produit_terminer_achat a { display:block; height:28px; width:146px; background: url(../Templates_client_pro/Images/terminerachat.jpg) no-repeat top left; margin: 10px 0px 0px 350px; } .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 { 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_INFO_PRIX { display:block; text-align: center; width:100px; font-size:18px; font-weight: bold; color: #FF9900; 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_INFO_PRIX .PRIX_TTC { display:inline; text-align: center; font-size:18px; font-weight: bold; color: #FF9900; padding: 0px 6px 0px 0px; margin: 0px; } .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; } .zone_produit { } .prod_accroche { } /*********************************************************************************************************/ /* Front Client: Panier */ /*********************************************************************************************************/ #page_panier { border:0px; padding:0px; height:540px; overflow: auto; width: 580px;} #page_panier h2 { margin:10px; padding:0px; color:#000; font-size:10px; } #page_panier #zoneOptionPanier { margin:0px; padding:0px; color:#000; font-size:10px; border:0px solid #000; } #page_panier #zoneOptionPanier a { color:#000; font-size:10px; } #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 .link_vider_panier { display:block; text-align: right; font-weight:bold; color:#000; margin: 10px 0px 10px 0px; text-decoration:underline; cursor: pointer;} #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 { width:100%; margin:0px; padding:0px; text-align:right; } #page_panier #zoneOptionPanier1 a { } .bouton_cart_precedent { display:block; width:190px; background: url(../Templates_client/Images/iconFlechePrec.gif) no-repeat center left; padding: 5px 0px 5px 15px; color:#000; font-weight:bold; font-size:14px; border:1px outset #000; background-color: #F9F9F9; text-decoration: none; text-align: center; } .bouton_cart_suivant { display:block; width:190px; background: url(../Templates_client/Images/iconFlecheSuiv.gif) no-repeat center right; padding: 5px 15px 5px 0px; color:#000; font-weight:bold; font-size:14px; border:1px outset #000; background-color: #F9F9F9; text-decoration: none; text-align: center; } .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: #000000; font-weight: bold; background-color: #FF9900; text-align: center; } .tableau_panier_footer { text-align: right; } .tableau_panier_contenu { font-weight: normal; background-color: #FFF; } .tableau_panier_contenu_sousTotal { font-size: 10px; text-align: right; font-weight:bold; background-color: #FFF; } .tableau_panier_contenu_prix { font-size: 10px; text-align: right; background-color: #FFF; } .tableau_panier_contenu_prix input { font-size: 9px; border: 0px; text-align: right; background-color: transparent; } .tableau_panier_contenu_ref { text-align: center; background-color: #FFF; } .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:0px; } .tableau_panier_contenu_quantite td { border:0px; } .tableau_panier_quantite { text-align: center; } .tableau_panier_suppr_art { text-align: center; } .tableau_panier_total { font-size: 10px; text-align: right; background-color: #f7ca00; border-width:0px 0px 0px 1px; } .tableau_panier_total_TTC { font-size: 10px; text-align: right; background-color: #FFF; } .tableau_contact { width:560px; } .tableau_contact span.form_libelle_champ { } .tableau_client { width:560px; } .tableau_client span.form_libelle_champ { float:right; } .sous_section { font-size:12px; 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: 11px; margin: 0px 5px 0px 5px; } .PrixTotalHT { font-weight:bold; font-size: 11px; margin: 0px 5px 0px 5px; } .PrixIndicatifHT { text-decoration: line-through; } .TotalTTC { font-weight:bold; font-size: 12x; } /* Box panier */ #box_panier { height:00px; width:0px; margin:0px; margin-right:0px; padding: 0px; } #box_panier #tableau_mini_cart { position:absolute; z-index:101; display:none; width:300px; top:110px; left:50%; } #box_panier #zone_info { float:right; border:0px; background-color: #FFFFFF; height:35px; padding:2px; } #box_panier #zone_bouton { float:right; height:39px; border:1px solid #ccc; border-width:0px 0px 0px 1px; margin:0px; background-color: #FFFFFF; } #box_panier #nbArticles { margin:0; padding:0; font-size:9px; 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: 10px; text-align: right; 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-width: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: 10px; } #box_panier .TotalTTC { font-size: 10px; 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; } /* Style X-selling */ .xsell h2 { font-size:12px; margin:0; padding:0;} .xsell { margin: 5px; } .xsell_liens_acces_rapide { display:block; height:60px; float:right; /*border:1px solid #D0D0D0;*/ } .xsell_liens_acces_rapide ul { margin:0; padding:0; list-style-type:none; } .xsell_liens_acces_rapide li { margin:0px 0px 0px 5px; padding:0; float:left;} .xsell_liens_acces_rapide li a#EQUIVALENCE .picto_relation { display:none;} .xsell_liens_acces_rapide li a#EQUIVALENCE .libelle_relation { display:none;} .xsell_liens_acces_rapide li a#EQUIVALENCE { margin:0; padding:0; display:block; height:54px; width:140px; background: url(Images/xselling_comparer.gif) no-repeat top left; } .xsell_liens_acces_rapide .picto_relation { display:block; width:80px; text-align: center; } .xsell_liens_acces_rapide .libelle_relation { display:block; width:80px; font-weight: bold; color:#FF0000; } .xsell .tableau { margin:0px; padding: 0px; background-color: #FFF; border-collapse:collapse; border: 1px solid #D0D0D0; border-top:0px; } .xsell .libelle_relation_entite{ font-size: 9px; color:#FF0000; font-style:italic; font-weight:bold; } .xsell .cell_visuel { width:70px; } .xsell .visuel { display:block; height:50px; width:50px; border:1px solid #000; background-color:#FFFFFF; } .xsell .cell_PRIX_HT { width:100px; } .xsell .PRIX_HT { display:block; } .xsell .PRIX_HT_AU_LIEU_DE { display:block; white-space:nowrap; margin: 0px; font-size: 9px; color:#FF0000; font-style:italic; text-align:right; text-decoration: none; } #xsell_ACCESSOIRE h2 { margin:0; padding:5px 0px 0px 5px; display:block; height:25px; background:url(images/onglet_xselling.gif) no-repeat top left; } #xsell_EQUIVALENCE h2 { margin:0; padding:5px 0px 0px 5px; display:block; height:25px; background:url(images/onglet_xselling.gif) no-repeat top left; } #xsell_VOIR_AUSSI h2 { margin:0; padding:5px 0px 0px 5px; display:block; height:25px; background:url(images/onglet_xselling.gif) no-repeat top left; } /* LAYOUT */ #main { width:980px; margin-left:auto; margin-right:auto; background-color: #FFF; } #main_index { width:500px; margin-left:auto; margin-right:auto; background-color: #FFF; } #container { width:980px; margin-left:auto; margin-right:auto; } #container_index { position:relative; z-index:1000; width:500px; margin-left:auto; margin-right:auto; } /* HEADER */ #header { height:120px; padding: 5px;} #header_index { width:100%; height:120px; } #logo { cursor: pointer; } #anim { display:block; } #header #titreSite { height: 50px; margin:0 10px 0 10px; font-size: 26px; font-weight: bold; font-style: italic; color:#FFF;} #phrase_accroche_index { font-size: 14px; font-weight: bold; color: #808080; } /* LAYOUT CONTENT */ #content { min-height:400px; clear:both; margin :0px; } #content_index { clear:both; margin :0px; height: 230px; } #content_menu { width:100%; height:35px; margin:0; padding:0; } #contentLeft { min-height:400px; margin: 0px; margin-left:10px; padding:0; width: 190px; 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:0px; padding:5px; padding-top:0; margin-left:210px; margin-right:10px; /* border:1px solid #000; */ } /* FOOTER */ #footer { clear:both; text-align: center; height:15px; margin-top:0px; } #footer_index{ clear:both; text-align: center; height:15px; margin-top:0px; background-color: #e4f1f7 ; } #footer a { font-size:10px; color:#000; } /* Onglet d'arborescence niveau 1 */ #menuCat { float:left; margin:0px 0x 0px 0px; padding:0; } #menuCat #ongletCat { z-index:100; display: none; width:178px; margin:0px; padding:0; } #menuCat #ongletCat li { margin:0; padding:0; height:12px; list-style-type: none; text-align: left; border:0; } #menuCat #ongletCat li a { display: block; height:12px; margin: 0px; padding: 0px; color: #FFF; text-decoration: none; font-size: 10px; font-weight: bold; border:0; } #menuCat #ongletCat li a:hover { color: #FFF; background-color: #FF9900; font-weight: bold; } #menuCat #ongletCat li a.current { background-color: #FF9900; color: #FFF; } #content #menuCat { margin:0px; padding:0px;} #content #menuCat #ongletCat { margin:0px; padding:5px; display:block; width:163px; border:0px; list-style-type: none; font-size:0; } #content #menuCat #ongletCat .visuel { display:none; } #content #menuCat #ongletCat li { display:block; margin:0px; padding:0px; text-align: left; } #content #menuCat #ongletCat li a { display:block; font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } #content #menuCat #ongletCat li a:hover { color: #FFF; background-color: #FF9900; font-weight: bold; } /* Onglet d'arborescence Fournisseur */ #menuFour { float:left; margin:0px 5px 10px 5px; padding:0; } #menuFour #ongletFour { position:absolute; z-index:100; display: none; width:175px; margin:0 10px 0 10px; padding:0; background-color: #FFF; } #menuFour #ongletFour li { margin:0; padding:0; height:12px; list-style-type: none; text-align: center; border:0; } #menuFour #ongletFour li a { display: block; height:12px; margin: 0px; padding: 0px; color: #FFF; background-color: #2183c6; text-decoration: none; font-size: 10px; font-weight: bold; border:0; } #menuFour #ongletFour li a:hover { color: #0071bc; background-color: #f3a44b; font-weight: bold; } #menuFour #ongletCat li a.current { background-color: #FF9900; color: #FFF; } #menuNews { float:left; margin:0px 5px 10px 5px; padding:0; } #menuParrainage { float:left; margin:0px 5px 10px 5px; padding:0; } #menuProAPro { float:left; margin:0px 5px 10px 5px; padding:0; } #menuModeEmploi { float:left; margin:0px 5px 10px 5px; padding:0; } #menuPointCadeau { float:left; margin:0px 5px 10px 5px; padding:0; } #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:40px; background: url(Images/header_fond2.gif) repeat-y top left; border:1px solid #ccc; border-width:1px 0px 0px 0px; } #panneau_indicatif { float:left; width:280px; height:39px; background-color: #FFF; text-align: center; border:1px solid #ccc; border-width:0px 1px 0px 0px; } #panneau_indicatif .versionSite{ color:#000; font-size: 14px; font-weight:bold; } #bouton_cleonline_particulier { color:#000; float:left; margin-left:5px; } #bouton_cleonline_particulier a{ font-size:11px; font-weight:bold; text-decoration: none; color:#0a50a1; } #bouton_cleonline_pro { color:#000; float:left; margin-left:5px; } #bouton_cleonline_pro a { font-size:11px; font-weight:bold; text-decoration: none; color:#0a50a1; } #bouton_cleonline_particulier_index { color:#000; margin-left:5px; display:block; position:absolute; top:290px; left:110px; } #bouton_cleonline_particulier_index a{ font-size:14px; font-weight:bold; text-decoration: none; color: #FF6633; } #bouton_cleonline_pro_index { color:#000; margin-left:5px; display:block; position:absolute; top:290px; left:330px; } #bouton_cleonline_pro_index a { font-size:14px; font-weight:bold; text-decoration: none; color:#0a50a1; } /* SOUS-MENU */ #navig { margin:0px; padding:0px; } #navig a { display:block; padding:0px; margin:0px; margin-bottom:10px; color: #000; font-weight:bold; height:10px;} #navig a:hover { color: #000; text-decoration: none; } #navig a:visited { color: #000;} /* SOUS-MENU */ .navigOnglet { width:160px; height:27px; margin:0px; padding:0px; background: url(Images/onglet.gif) no-repeat top left; text-align:center; } .navigOnglet a { display:block; color: #FFF; font-size: 12px; font-weight:bold; padding:5px; text-decoration: none; } .navigOnglet a:hover { color: #FFF; text-decoration: none; } .navigOnglet a:visited { color: #FFF;} /* RECHERCHE */ #recherche { float:left; padding:0; margin:0px; color: #000; } #form_recherche { margin:0; padding:0; } #recherche #checkbox_search { display:block; float:left; padding:4px 10px 4px 10px; margin:0; } #recherche #checkbox_search input { padding:0; margin:0; } #recherche #saisie_search { display:block; float:left; padding:4px 10px 4px 0px; margin:0; } #recherche #saisie_search #rechercheMot { padding:0; margin:0; font-size: 9px; background-image: url(Images/loupe.gif); background-repeat: no-repeat; background-position: top right; } #recherche #button_search { display:block; float:left; padding:4px 10px 4px 0px; margin:0; } #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 { margin:0px; padding: 5px; } #menuClient h2 { 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:0; list-style-type: none; } #menuClient li { margin:0; padding:0; list-style-type: none; text-align: left; border:0; } #menuClient li a { color: #000; text-decoration: none;font-size: 10px; font-weight: bold;} #menuClient li a:hover { color: #FFF; background-color: #FF9900;} #menuClient li a:visited { color: #000;} #menuClient #separateur { border-bottom:1px dashed #000; margin:5px; } /* Commande express */ #commandeExpress { margin:0px; padding-left: 10px; padding-right: 10px; border:0px; } #commandeExpress h2 { height:18px; margin:2px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#003399; font-weight: bold; } #commandeExpress #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; } #commandeExpress #submit { float:right; margin:0px 5px 5px 0px; padding:0; text-align: right; color: #000; font-weight:bold; width: 25px ; height: 21px; } #commandeExpress input { font-size:11px; margin:0px 0px 0px 0px; padding:0; } #commandeExpress textarea { width:170px; font-size:11px; margin:0px; padding:0px; } #commandeExpress select { font-size:11px; margin:0px; padding:0px; } /* Commande express */ #codePromo { margin:0px; padding-left: 10px; padding-right: 10px; border:0px; } #codePromo h2 { height:18px; margin:10px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#003399; font-weight: bold; } #codePromo #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; font-size:9px; } #codePromo #submit { display:block; float:right; margin:0px 5px 0px 0px; padding:0; text-align: right; color: #000; font-weight:bold; width: 35px ; height: 25px; } #codePromo input { font: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; 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: 25px; } #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; } #box_title { border:0px; padding: 5px; margin:0px; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: uppercase; color: #FF9900; text-decoration: underline; vertical-align: middle;} #box_content { width:178px; border:0px; margin:0px; padding: 1px 0; background: url(Images/espace-cel-largeur.jpg);} #box_header { width:178px; border:0px; padding: 0px; margin:0px; height:56px; vertical-align: middle;} #box_footer { width:178px; border:0px; padding: 0px; margin:0px; height:17px; background: url(Images/bas_cel_largeur.jpg) no-repeat top left;} #box_custom { border:0px; padding: 2px; margin-left:4px; margin-right: 4px;} #box_promo_header { width:173px; border:0px; padding: 0px; margin:0px; height:26px; background: url(Images/promo_haut_fen.jpg) no-repeat top left; vertical-align: middle;} #box_promo_footer { width:173px; border:0px; padding: 0px; margin:0px; height:10px; background: url(Images/promo_bas_fen.jpg) no-repeat top left;} #box_promo_content { width:173px; border:0px; margin:0px; padding: 1px 0; background: url(Images/promo_cel_fen.jpg);} #box_zoom_header { width:349px; border:0px; padding: 0px; margin:0px; height:26px; background: url(Images/zoom_haut_fen.jpg) no-repeat top left; vertical-align: middle;} #box_zoom_footer { width:349px; border:0px; padding: 0px; margin:0px; height:10px; background: url(Images/zoom_bas_fen.jpg) no-repeat top left;} #box_zoom_content { width:349px; border:0px; margin:0px; padding: 1px 0; background: url(Images/zoom_cel_fen.jpg);} #box_news_header { width:533px; border:0px; padding: 0px; margin:0px; height:26px; background: url(Images/actus_haut_fen.jpg) no-repeat top left; vertical-align: middle;} #box_news_footer { width:533px; border:0px; padding: 1px 0; margin:0px; height:10px; background: url(Images/actus_bas_fen.jpg) no-repeat top left; } #box_news_content { width:533px; border:0px; padding: 0px; margin:0px; background: url(Images/actus_cel_fen.jpg);} #box_container { display:block; border:0px; padding: 1px 0; margin:0px;} /* Login */ #box_login { width:168px; margin:0px 0px 0px 0px; height:80px; padding: 5px; } #box_login #zone_input_login_anim { display:none; } #box_login h2 { display:block; float:left; width:100px; height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; font-style: normal; font-size: 12px; color:#000; font-weight: bold; } #box_login .msg_erreur_critique{ float:right; display:block; width:150px; height: 18px; } #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 .zone_login_link a:visited { display:block; font-size: 9px; color: #535353; font-weight:bold; }*/ #box_login .input_login_txt { margin-left:5px; margin-bottom:0px; font-size: 9px; } #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:190px; 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-family: Verdana; 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:#000; 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:#000; 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 { width:383px; height: 520px; overflow: auto; margin:0px; padding:0px; border:0px solid #000; } #actualite_link { height: 20px; margin:0px; padding:0px; border:0px; } #actualite_link a { } #actualite_item { width:95%; color: #303030; margin:10px 0px 0px 0px; padding:0; } #actualite_item h2 { width:100%; font-family: arial;font-size: 14px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: underline;text-transform: uppercase;color: #FF9900; } #actualite_item .date { text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #actualite_item .lien a { text-align: right; font-style: normal; font-size: 9px; color: #CC3300; font-weight: bold; } #actualite_item .accroche { font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } #actualite_item .visuel { float:right; display: table-cell; width:104px; height:104px; text-align: center; vertical-align: middle; margin:0px; background-color: #FFF; border:1px solid #0A50A1; } #actualite_item .productName { font-family: arial;font-size: 10px;font-style: normal;line-height: normal;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #333333; } #actualite_item .productPrice { font-size: 16px; color: #FF0000; font-weight: bold; font-style:italic; } #actualite_item .product_visuel { display: table-cell; width:100px; height:100px; text-align: center; vertical-align: middle; background-color: #FFF; border:1px solid #0A50A1; } #actualite_item .form_prevue_image { border:none; } #partenaires { position:absolute; top:385px; left:20px; width:230px; height:110px; overflow: auto; margin:0px; padding:0px; border:0px solid #000; } #telechargement { position:absolute; top:500px; left:20px; width:233px; height:145px; margin:0px; padding:0px; border:0px solid #000; } #telechargement a { display:block; margin:0px; padding:110px 0px 0px 80px; border:0px solid #000; font-size:11px; font-weight:bold; text-align: center; } /* Destockage */ #destockage{ margin-bottom:10px; } /**************************************************************************************************/ /* STYLE DES PAGES */ /**************************************************************************************************/ #page_static { border:0px; padding:0px; margin:0px; height:540px; width:580px; overflow: auto; } #page_static h1 { margin:0px; padding:5px; color:#FF9900; font-size:16px; } #page_static h2 { margin:5px; padding:0px; color:#FF9900; font-size:14px; } #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 #contentPage { padding:10px; text-align:justify;} #page_static #contentPage p { text-align:justify; } #page_nouveaute { border:0px solid #0A50A1; } #page_nouveaute h1 { font-style:italic; font-family: Verdana; 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:#0A50A1; 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; font-family: Verdana; 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:#FFF; 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; padding:0px; margin:0px; height:540px; width:580px; overflow: auto;} #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:#FF9900; font-size:12px; font-weight: bold; } #page_recherche .arbo_bar a { margin:5px; font-size:12px; font-weight: bold; text-decoration: none; color: #FF9900; } #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:160px; 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-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 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; } .nompartenaire { font-family: arial; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333333; text-decoration: none; }