/*********************************************************************************************************/ /* 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, html { height:100%; } 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:5px; padding:0px; border: 1px solid #000; border-collapse: collapse; } .tableau_titre { font-size: 12px; color: #F7E401; font-weight: bold; background-color: #000; } .tableau_header { font-size: 10px; color: #FFF; font-weight: bold; background-color: #243f28; text-align: center; } .tableau_header_c2 { font-size: 10px; color: #FFF; font-weight: bold; background-color: #243f28; text-align: center; } .tableau_footer { font-size: 10px; color: #000000; font-weight: bold; font-style : italic; background-color: 'lightgrey'; } .tableau_ligne_alterne_1 { text-align: center; margin: 2px; background-color: #FFF; border: 1px solid #FFF;} .tableau_ligne_alterne_2 { text-align: center; background-color: #d0e6d0; border: 1px solid #FFF;} .tableau_ligne_alterne_1c2 { text-align: center; font-weight:bold; background-color: #FFF; border: 1px solid #FFF;} .tableau_ligne_alterne_2c2 { text-align: center; font-weight:bold; background-color: #d0e6d0; border: 1px solid #FFF;} .tableau_contenu { font-size:10px; border: 0px; padding: 0px; background-color: #FFF; border-bottom: 1px solid #AAAAAA;} .tableau_contenu_maitre { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 0px; background-color: #FFFFFF; } .tableau_row_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 0px; font-family: Verdana; font-size: 10px; color: #000000; font-weight: bold; background-color: #FFE8DA; } .tableau_total { border: #000 1px solid; padding: 0px; font-size: 10px; color: #000000; font-weight: bold; background-color: #EEEEEE; } .tableau_navigation { padding: 0px; color: #FFF; background-color: #487d4f; } .tableau_navigation .lien_texte { padding: 2px; color: #FFF; } .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: 0px; 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: 0px; 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 { margin-right:0px; padding:0px; color:#FF0000; font-weight: bold; } .REF_CAT_INDEX_VISUEL { white-space: nowrap; } .REF_CAT_INDEX_VISUEL div{ display:inline; } .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: 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_lignes { border-width: 2px; border-color: #000000; border-style: solid; padding: 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_donnees { border-width: 2px; border-color: #000000; border-style: solid; padding: 2px; background-color: #FFFFFF; text-align: center; } .tableau_croise_header { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 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; 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; 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; 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; background-color: #FFFFFF; } .tableau_croise_contenu_lib { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 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; 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; background-color: #FFFFFF; } .mini_table_ligne_alterne_2 { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1px; background-color: #E6E6E6; } .mini_table_contenu { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 1px; background-color: #FFFFFF; } /*********************************************************************************************************/ /* Styles pour afficher les Numéros indexant les liens Visuel-Article */ /*********************************************************************************************************/ .index_visuel_lettre { width:15px; height:15px; padding: 0px; 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%;} .index_visuel_ref { text-align: center; font-size: 8px; font-weight: bold; } /*********************************************************************************************************/ /* 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: #243f28; 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; 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; 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; 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: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; font-size:11px; } .bouton_logout:hover { color:#000; font-weight:bold; } .bouton_logout:active { color:#000; font-weight:bold; } .bouton_logout:visited{ color:#000; font-weight:bold; } .bouton_voir_commandes { color:#000; font-weight:bold; font-size:11px; } .bouton_voir_commandes:hover { color:#000; font-weight:bold; } .bouton_voir_commandes:active { color:#000; font-weight:bold; } .bouton_voir_commandes: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; font-size:11px; } .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 { padding: 0px; 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: #00FF00; text-align: left; } .ttip { display:none; position:absolute; max-width:200px; z-index:10000; background-color: #FFFFDF; } /*********************************************************************************************************/ /* Front Client: Styles pour la Page centrale */ /*********************************************************************************************************/ .zone_menu_bar { display:block; float:left; height:35px; border:1px solid #000; } #zone_header_arbo { display:block; border:0px solid #000; height:35px; } .zone_arbo_bar { } .arbo_bar { float:left; margin:0px; padding:0px; color:#4a8252; font-size:10px; font-weight: bold; } .arbo_bar a { margin:5px; font-size:10px; font-weight: bold; text-decoration: none; color: #243f28; } .arbo_bar a:hover { font-weight: bold; text-decoration: underline; } .arbo_bar a:active { font-weight: bold; text-decoration: underline; } .arbo_bar a:visited { font-weight: bold; } .arbo_bar .libelle { white-space: nowrap; } .zone_bouton_arbo { display:none; float:right; height:35px; background-color: #000; border:1px solid #000; } .zone_bouton_arbo a { display:block; } .zone_bouton_arbo #bouton_sommaire { display:block; } .zone_bouton_arbo #bouton_retour { display:block; } .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; } .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; } .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; } .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 { float:left; width:184px; height:280px; margin: 10px 5px 5px 0px; padding: 0px; cursor:pointer; border-left: 1px solid #D0D0D0; border-bottom: 1px solid #505050; border-right: 1px solid #505050; } .arbo_sommaire_zone2 ul.ongletSommaire { list-style-type: none; margin:0px; padding:0px; } .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:#000; } .arbo_sommaire_zone2 .arboIllustration { clear:both; margin:0px; padding:5px; 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 0px 10px 0px; padding:0; border:0px solid #000; } .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; text-decoration: underline; } .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:0px; padding:0; list-style-type: none; font-size:11px; font-weight: bold; } .arbo_liste_niveau1 li { display:block; list-style: disc; padding:0px; margin: 0px 5px 0px 30px; } .arbo_liste_niveau1 li a { padding:0px; margin: 0px; color: #243f28; text-decoration: none; } .arbo_liste_niveau1 li a:hover { padding:0px; margin: 0px; text-decoration: underline; } .arbo_liste_niveau1 li a:visited { padding:0px; margin: 0px; } .arbo_liste_niveau1 li.selected { padding:0px; margin: 0px; } .arbo_liste_niveau1 li.selected a { margin: 0px; padding:0px; } .arbo_liste_niveau1 li.selected a:hover { } .arbo_liste_niveau1_hover a { } .arbo_liste_niveau1_item { display:none; list-style-type: none; margin:0; padding:0; } .arbo_liste_niveau1_item li { float:left; list-style-type: none; margin:5px; padding:0px; background-color: #FFF; } .arbo_liste_niveau1_item li #visuel { background:#FFF; margin:0; padding:0; } .arbo_liste_niveau1_item li a { font-size: 10px; background:#FFF; margin: 0px; padding:0px; text-decoration: none; text-align: center; border:0; } .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; } .arbo_liste_niveau1_item li a:hover { } .arbo_liste_niveau2 { margin:0px; padding:0; list-style-type: none; font-size:11px; font-weight: bold; } .arbo_liste_niveau2 li { display:block; list-style: disc; padding:0px; margin: 0px 5px 0px 30px; } .arbo_liste_niveau2 li a { padding:0px; margin: 0px; color: #243f28; text-decoration: none; } .arbo_liste_niveau2 li a:hover { padding:0px; margin: 0px; text-decoration: underline; } .arbo_liste_niveau2 li a:visited { padding:0px; margin: 0px; } .arbo_liste_niveau2 li.selected { padding:0px; margin: 0px; } .arbo_liste_niveau2 li.selected a { margin: 0px; padding:0px; } .arbo_liste_niveau2 li.selected a:hover { } .arbo_liste_niveau2_hover a { } .arbo_liste_niveau2_item { display:none; margin:0; padding:0; } .arbo_liste_niveau2_item li { float:left; list-style-type: none; margin:5px; padding:0px; background-color: #FFF; } .arbo_liste_niveau2_item li #visuel { background:#FFF; margin:0; padding:0; } .arbo_liste_niveau2_item li a { font-size: 10px; background:#FFF; margin: 0px; padding:0px; text-decoration: none; text-align: center; border:0; } .arbo_liste_niveau2_item li a:hover { } .arbo_liste_niveau3 { position:relative; margin:0px; padding:0px; list-style-type: none; font-size:11px; font-weight: bold; } .arbo_liste_niveau3 li { position:relative; margin:0px; padding:0px; float:left; list-style-type: none; } .arbo_liste_niveau3 li a { margin:0px; padding:0px; text-decoration: none; } .arbo_liste_niveau3 li a:hover { margin:0px; padding:0px; } .arbo_liste_niveau3 li.selected { margin:0px; padding:0px; display:block; } .arbo_liste_niveau3 li.selected a { margin:0px; padding:0px; display:block; text-decoration: none; } .arbo_liste_niveau3 li.selected a:hover { } .arbo_liste_niveau3_hover a { } .arbo_liste_niveau3_item { margin:0px; padding:0px; list-style-type: none; } .arbo_liste_niveau3_item li { margin:3px 3px 0px 3px; padding:0px; float:left; width:185px; height: 160px; list-style-type: none; border:1px solid #000; } .arbo_liste_niveau3_item li .prodNom { margin:0px 0px 3px 0px; padding:2px; background-color: #d0e6d0; } .arbo_liste_niveau3_item li .visuel { margin:0px; padding:0px; width:80px; height:80px; background:#FFF; border:0px solid #000; } .arbo_liste_niveau3_item li .prodCarac { margin:0px; padding:0px; width:80px; height:80px; margin-left:auto; margin-right:auto; } .arbo_liste_niveau3_item li .prodPrix { display:none; margin:0px 0px 3px 0px; padding:0; position:absolute; top:70px; left:120px; width:120px; font-size: 20px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; } .arbo_liste_niveau3_item li .prodPrix .prodPrixPre { margin:0px 0px 3px 0px; padding:0; font-size: 12px; ; font-weight:bold; color: #000; } .arbo_liste_niveau3_item li .prodPrix .prodPrixLegende { margin:0px 0px 3px 0px; padding:0; font-size: 12px; ; font-weight:bold; color: #000; } .arbo_liste_niveau3_item li .prodPicto { margin:0px 0px 3px 0px; padding:0px; position:absolute; top:35px; left:100px; } .arbo_liste_niveau3_item li .lienFiche { position:absolute; top:130px; left:20px; margin:0px; padding:0px; } .arbo_liste_niveau3_item li .lienFiche a { display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau3_item li a { } .arbo_liste_niveau3_item li a:hover { } /* .arbo_liste_niveau_produit { margin:0px; padding:0px; } .arbo_liste_niveau_produit li { margin:10px 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 a { } .arbo_liste_niveau_produit_item { list-style-type: none; margin:0px; padding:0; } .arbo_liste_niveau_produit_item li { margin:2px; padding:2px; position:relative; float:left; width:185px; height: 180px; list-style-type: none; background-color: #efefef; border:1px solid #000; cursor:pointer; } .arbo_liste_niveau_produit_item li .prodNom { margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 10px; line-height:14px; color:#000; height:40px; } .arbo_liste_niveau_produit_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:1px solid #000; } .arbo_liste_niveau_produit_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_niveau_produit_item li .prodPrix { margin:0px 0px 3px 0px; padding:0px; position:absolute; top:47px; left:115px; width:70px; font-size: 14px; line-height: 14px; text-align: center; font-weight:bold; background: #FFF; color: #CC170A; border:1px solid #000; } .arbo_liste_niveau_produit_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_niveau_produit_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_niveau_produit_item li .prodPicto { position:absolute; top:35px; left:100px; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau_produit_item li .lienFiche { display:block; background: #FFF; } .arbo_liste_niveau_produit_item li .lienFiche a { margin:0px; padding:0px; display:block; width:100%; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat 50% 50%; } .arbo_liste_niveau_produit_item li a { margin:0px; padding:0px; color:#000; font-size:11px; text-decoration: none; } .arbo_liste_niveau_produit_item li a:hover { } */ .arbo_liste_niveau_produit { position:relative; margin:0px; padding:0px; list-style-type: none; font-size:11px; font-weight: bold; } .arbo_liste_niveau_produit li { position:relative; margin:0px; padding:0px; float:left; list-style-type: none; } .arbo_liste_niveau_produit li a { margin:0px; padding:0px; text-decoration: none; } .arbo_liste_niveau_produit li a:hover { margin:0px; padding:0px; } .arbo_liste_niveau_produit li.selected { margin:0px; padding:0px; display:block; } .arbo_liste_niveau_produit li.selected a { margin:0px; padding:0px; display:block; text-decoration: none; } .arbo_liste_niveau_produit li.selected a:hover { } .arbo_liste_niveau_produit_item { margin:0px; padding:0px; list-style-type: none; } .arbo_liste_niveau_produit_item li { margin:3px 3px 0px 3px; padding:0px; float:left; width:185px; height: 160px; list-style-type: none; border:1px solid #000; } .arbo_liste_niveau_produit_item li .prodNom { margin:0px 0px 3px 0px; padding:2px; background-color: #d0e6d0; } .arbo_liste_niveau_produit_item li .visuel { margin:0px; padding:0px; width:80px; height:80px; background:#FFF; border:0px solid #000; } .arbo_liste_niveau_produit_item li .prodCarac { margin:0px; padding:0px; width:80px; height:80px; margin-left:auto; margin-right:auto; } .arbo_liste_niveau_produit_item li .prodPrix { display:none; margin:0px 0px 3px 0px; padding:0; position:absolute; top:70px; left:120px; width:120px; font-size: 20px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; } .arbo_liste_niveau_produit_item li .prodPrix .prodPrixPre { margin:0px 0px 3px 0px; padding:0; font-size: 12px; ; font-weight:bold; color: #000; } .arbo_liste_niveau_produit_item li .prodPrix .prodPrixLegende { margin:0px 0px 3px 0px; padding:0; font-size: 12px; ; font-weight:bold; color: #000; } .arbo_liste_niveau_produit_item li .prodPicto { margin:0px 0px 3px 0px; padding:0px; position:absolute; top:35px; left:100px; } .arbo_liste_niveau_produit_item li .lienFiche { position:absolute; top:130px; left:20px; margin:0px; padding:0px; } .arbo_liste_niveau_produit_item li .lienFiche a { display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau_produit_item li a { } .arbo_liste_niveau_produit_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; } #zone_menu_arbo { margin:10px 0px 0px 0px; padding:0px; clear:right; font-size:10px; } .menu_liste { margin:0px; padding:0px; border-top:1px solid #606060; border-bottom:1px solid #606060; border-right:1px solid #606060; } .menu_liste a { margin:0px; padding:0px; font-size:12px; font-weight:bold; text-decoration: none; } .menu_liste_niveau { display:block; clear:left; } .menu_liste_niveau_fond { margin:0px 0px 10px 0px; padding:0px; background-color:#ECE7E1; } .menu_liste_niveau ul { margin:0px; padding:0px; display:block; text-decoration: none; } .menu_liste_niveau li { margin:0px; padding:0px; display:block; list-style-type: none; font-weight:bold; border-bottom:1px solid #D5D5D5; border-right:1px solid #D5D5D5; } .menu_liste_niveau li a { margin:0px; padding:2px 0px 5px 3px; display:block; color:#000; background-color: #F0F0F0; text-decoration: none; } .menu_liste_niveau li a:hover { background: #fee679; } .menu_liste_niveau li.selected { margin:0px; padding:0px; display:block; list-style-type: none; } .menu_liste_niveau li.selected a { margin:0px; padding:2px 0px 5px 3px; display:block; background-color: #A0A0A0; border-bottom:1px solid #606060; border-right:1px solid #606060; } .menu_liste_niveau li.selected a:hover { } /* 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_afficher { display:none; font-size:14px; margin-top:4px; } .arbo_liste_produit_afficher a { display:block; height:12px; background-color: #CCCCCC; color: #FF0000; font-style: italic; padding: 0px; margin:0px; border:0; font-weight:bold; text-align: right;} .arbo_liste_produit_afficher a:link { display:block; height:12px; padding: 5px; border:0; font-weight:bold ; } .arbo_liste_produit_afficher a:hover { display:block; height:12px; padding: 5px; border:0; font-weight:bold ; } .arbo_liste_produit_afficher a:visited { display:block; height:12px; padding: 5px; border:0; font-weight:bold ; } .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-weight:bold ; padding: 0px; } .menu_liste_produit_selected li a:hover { display:block; background-color: #E0E0E0; color:#000; 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; } .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-style: italic; font-weight:bold ; padding: 0px; color:#000; } .arbo_liste_produit1 li a:hover { background: #EFEFEF; font-style: italic; font-weight:bold ; } /* Mode Sommaire */ .arbo_liste_produit2 { margin:0; padding:0; } .arbo_liste_produit2 ul { list-style-type: none; margin:0; padding:5px; padding-top:0px; } .arbo_liste_produit2 li { 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 { 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 { margin:0px; padding:15px 50px 15px 35px; display:block; background: url(../Templates_client/Images/header_produit.gif) no-repeat top left; font-size:14px; color:#FFF; border:0px solid #000; } .arbo_produit { position:relative; margin-right:4px; padding:0px; border:1px solid #000; } .arbo_produit_descriptif_box { position:relative; top:2px; left:0px; margin-left:195px; min-height:180px; border:1px solid #000; background-color: #d0e6d0; } .arbo_produit_descriptif { display:block; } .arbo_produit_visuels { position:relative; text-align:center; top:2px; left:5px; display:block; float:left; width:182px; border:1px solid #000; } .arbo_produit_master_visuel_box { display:block; height:182px; } .arbo_produit_visuel_box { } /*.arbo_produit_visuel { display:block; width:82px;}*/ .arbo_produit_visuel_image { } .arbo_produit_visuel img { border:1px solid #000;} .arbo_produit_carac { } .arbo_produit_prix { } .arbo_produit_picto { } .arbo_produit_four_logo { position:absolute; top:-47px; left:473px; display:block; width:134px; height:47px; border:0px solid #000; text-align: center; } .arbo_produit_four_logo img { border:0px solid #000; } .arbo_produit_articles { width:100%; } .arbo_produit_terminer_achat { float:right; } .arbo_produit_terminer_achat a { display:block; height:20px; width:143px; background: url(../Templates_client/Images/btn_panier4.png) no-repeat top left; margin: 10px 0px 10px 0px; } .arbo_produit_imprimer_fiche { float:right; } .arbo_produit_imprimer_fiche a { display:block; height:28px; width:146px; background: url(../Templates_client/Images/btn_imprimer_fiche_produit.gif) no-repeat top left; margin: 10px 0px 0px 0px; } .page_prevue_cat_prod_zone_visu { } .page_prevue_cat_prod_zone_visu_aide { background-color: #243f28; font-size:9px; font-weight:bold; color: #FFF; } .page_prevue_cat_prod_visu { } .page_prevue_cat_prod_picto { } .page_prevue_cat_prod_visu_caption { } .page_prevue_cat_prod_visu_legende { } .page_prevue_cat_prod_desc { } .page_prevue_cat_prod_carac { } .tableau_client span { } .ECF_INFO_PRIX { font-size:16px; color: #cc170a; font-weight:bold; } .ECF_LEGENDE_INFO { font-size:10px; color: #000; } .ECF_A_PARTIR_DE { display :none;} .ECF_AU_LIEU_DE { display :none;} .ECF_LEGENDE { display :none;} .zone_produit { } .prod_accroche { } /*********************************************************************************************************/ /* Front Client: Panier */ /*********************************************************************************************************/ /* Page panier */ #page_panier { min-height:520px; } #page_panier form { margin:0px; padding:0px; } #page_panier input, #page_panier select { border:1px solid #000; font-size: 9px;; } #page_panier h2 { margin:0px; padding:2px; font-size:14px; font-weight: bold; color:#243f28; } #page_panier h3 { margin:0px; padding:2px; font-size:13px; font-weight: bold; color:#243f28; } #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; } .fond_cart_etape1 { display:block; width:35px; height:35px; background: url(Images/1_off.png) no-repeat top left; } .fond_cart_etape1_active { display:block; width:35px; height:35px; background: url(Images/1_on.png) no-repeat top left; } .fond_cart_etape2 { display:block; width:35px; height:35px; background: url(Images/2_off.png) no-repeat top left; } .fond_cart_etape2_active { display:block; width:35px; height:35px; background: url(Images/2_on.png) no-repeat top left; } .fond_cart_etape3 { display:block; width:35px; height:35px; background: url(Images/3_off.png) no-repeat top left; } .fond_cart_etape3_active { display:block; width:35px; height:35px; background: url(Images/3_on.png) no-repeat top left; } .fond_cart_etape4 { display:block; width:35px; height:35px; background: url(Images/4_off.png) no-repeat top left; } .fond_cart_etape4_active { display:block; width:35px; height:35px; background: url(Images/4_on.png) no-repeat top left; } .fond_cart_etape h1 { margin:0px; padding:10px 0px 0px 0px; display:block; width:64px; height:20px; font-size:16px; color: #000; } .fond_cart_etape_active h1 { margin:0px; padding:10px 0px 0px 0px; display:block; width:64px; height:20px; font-size:16px; color: #FFF; } .fond_cart_etape_separateur { display:block; width:20px; height:3px; background: url(Images/btn_cart_etape_sep_active.gif) no-repeat top left; } .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 #filtreExport { margin:0px; padding:5px; font-size:11px; } #page_panier #filtreExport .optionExport { display:block; font-weight:bold; text-decoration: underline; } #page_panier #filtreExport form { margin:0px; padding:0px; } #page_panier #filtreExport input { margin:0px; padding:0px; vertical-align: middle; } #page_panier .commande_export_texte { font-size: 10px; white-space: pre; } #page_panier a.lien_panier { display:block; text-align: right; font-weight:bold; color:#000; margin: 10px 0px 10px 0px; } #page_panier a.lien_panier { 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 { display:block; width:143px; height:20px; } .bouton_cart_suivant1 { background: url(Images/btn_panier1.png); } .bouton_cart_precedent2 { background: url(Images/btn_panier2.png); } .bouton_cart_suivant2 { background: url(Images/btn_panier1.png); } .bouton_cart_precedent3 { background: url(Images/btn_panier3.png); } .bouton_cart_suivant3 { background: url(Images/btn_panier4.png); } .bouton_cart_precedent4 { background: url(Images/btn_panier5.png); } .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: #4a8252; 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: 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: 14px; text-align: right; background-color: #f7ca00; border-width:0px 0px 0px 1px; } .tableau_panier_total_TTC { font-size: 14px; text-align: right; background-color: #FFF; } .tableau_contact { width:98%; border:0px solid #000; } .tableau_contact span.form_libelle_champ { } .tableau_client { width:98%; border:0px solid #000; } .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: 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 { margin:0px 0px 0px 0px; padding: 0px; position:relative; z-index:10000; display:block; height:35px; width:138px; background-color: #d0e6d0; border-width:0px 1px 1px 1px; border-style:solid; border-color: #000; } #box_panier #tableau_mini_cart { position:absolute; z-index:10000; display:none; width:300px; top:35px; left:-10px; } #box_panier #zone_info { margin:0px; padding:0px; float:right; border-width: 0px 0px 1px 0px; border-color:#000; border-style: solid; background-color: #d0e6d0; height:35px; } #box_panier #zone_bouton { margin:0px; float:left; border:0px solid #000; } #box_panier #nbArticles { color: #165829; font-weight: normal; font-size:9px; } #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-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: 11px; } #box_panier .TotalTTC { font-size: 11px; } .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 { display:block; width:500px; float:left; margin:0px 0px 0px 10px; } #page_commandes #infos_commande_visuel { float:left; margin:0px 0px 0px 10px; width:80px; 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; } #page_commandes .tableau_panier { float: none; } /* 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: #4a8252; 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 { 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 .picto_relation { display:block; width:80px; text-align: center; } .xsell_liens_acces_rapide .libelle_relation { display:block; width:80px; font-weight: bold; color:#000; } .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; } /* LAYOUT */ #main { position:relative; width:765px; margin-left:auto; margin-right:auto; background: #FFF; border:1px solid #FFF; border-bottom: 1px solid #000; border-right: 1px solid #000; } #container { position:relative; width:765px; margin-left:auto; margin-right:auto; } /* HEADER */ #header { width:100%; height:95px; background: url(Images/header_fond.gif) repeat-y top left; } #logo { position:absolute; top:0px; left:0px; display:block; width:250px; height:85px; } #anim { position:absolute; top:5px; left:180px; display:block;} #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; height:20px; } /* LAYOUT CONTENT */ #content { position:relative; margin:0px; margin-top:10px; padding:0px; min-height:400px; display:block; border:1px solid #FFF; } #contentLeft { margin: 0px; padding:0px; min-height:400px; display:block; width: 140px; float: left; border:0px solid #000; } #contentRight { margin: 0px; padding:0px; min-height:400px; display:block; width: 170px; float: right; border:0px solid #000; } #contentMiddle { margin: 0px; padding:0px; min-height:400px; display:block; margin-left:150px; border:0px solid #000; } /* FOOTER */ #footer { clear:both; text-align: center; margin-top:0px; } #footer a { font-size:10px; color:#000; } #footer .info_moteur { display:inline; white-space: nowrap; } #menuCat { display:block; margin:10px 0px 0px 0px; padding:0px; } #menuCat ul { margin:0px; padding:0px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #243f28; background: #d0e6d0 no-repeat top left; } #menuCat li { margin:0px; padding:0px; list-style-type: none; margin-left: 0px; border:0px solid #d0e6d0; } #menuCat .navigOnglet { margin:0px; padding:0px; display:block; height: 20px; background: url(Images/menuCat_head.gif) no-repeat top left; } #menuCat .navigOnglet a { margin:0px; padding:0px; } #menuCat #ongletCat { margin:0px; padding:8px 0px 0px 0px; } #menuCat #ongletCat a { margin:0px; padding:0px; font-weight: bold; color: #243f28; text-decoration: none; font-size: 9px; line-height: 16px; } #menuCat #ongletCat a:hover { margin:0px; padding:0px; font-weight: bold; color: #243f28; text-decoration: underline; } #menuCat #ongletCat li a.current { margin:0px; padding:0px; font-weight: bold; color: #243f28; text-decoration: underline; } #menu_page_static { 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: #FEE679;} /* SOUS-MENU */ #navig { margin:0px; padding:0px; } #navig a { display:block; color: #000; font-weight:bold; padding:3px; } #navig a:hover { color: #000; text-decoration: none; } #navig a:visited { color: #000;} /* RECHERCHE */ #recherche { padding:0px; margin:2px; color:#000; } .form_recherche { margin:0px; padding:0px; } .form_recherche input { padding:0px; margin:0px; } .form_recherche #rechercheMot input { padding:0px; margin:0px; height:20px; background: transparent; } #recherche #checkbox_search { padding:0px; margin:0px; } #recherche #checkbox_search input { padding:0px; margin:0px; height:15px; } #recherche #saisie_search { padding:0px; margin:0px; } #recherche #saisie_search input { padding:0px; margin:0px; font-size: 9px; } #recherche #button_search { padding:0px; margin:0px; } #recherche #button_search input { padding:0px; margin:0px; vertical-align: middle; } #resultat_recherche_prix { padding:0px; margin:0px; display:block; float:right; height:50px; } /* BLOCS */ /* Menu client */ #menuClient { margin:0px; padding: 0px; } #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 { float:left; margin:0px; padding:0px; width:109px; height:20px; list-style-type: none; border:0px solid #000; } #menuClient li a { display:block; margin:0px; padding:0px; width:109px; height:20px; } #menuClient li#item1 { width:110px; background: url(Images/menu_accueil_off.gif) no-repeat top left; } #menuClient li#item2 { background: url(Images/menu_catalogue_off.gif) no-repeat top left; } #menuClient li#item3 { background: url(Images/menu_presentation_off.gif) no-repeat top left; } #menuClient li#item4 { background: url(Images/menu_nos_agences_off.gif) no-repeat top left; } #menuClient li#item5 { background: url(Images/menu_nos_services_off.gif) no-repeat top left; } #menuClient li#item6 { background: url(Images/menu_offres_emploi_off.gif) no-repeat top left; } #menuClient li#item7 { background: url(Images/menu_contact_off.gif) no-repeat top left; } #menuClient li#item1 a:hover { background: url(Images/menu_accueil_on.gif) no-repeat top left; } #menuClient li#item2 a:hover { background: url(Images/menu_catalogue_on.gif) no-repeat top left; } #menuClient li#item3 a:hover { background: url(Images/menu_presentation_on.gif) no-repeat top left; } #menuClient li#item4 a:hover { background: url(Images/menu_nos_agences_on.gif) no-repeat top left; } #menuClient li#item5 a:hover { background: url(Images/menu_nos_services_on.gif) no-repeat top left; } #menuClient li#item6 a:hover { background: url(Images/menu_offres_emploi_on.gif) no-repeat top left; } #menuClient li#item7 a:hover { background: url(Images/menu_contact_on.gif) no-repeat top left; } #menuClient #separateur { border-bottom:1px dashed #000; margin:5px; } /* Commande express */ #commandeExpress { margin:10px 0px 0px 0px; padding: 5px; background: url(Images/box_standard.gif) no-repeat top left; clear:right; border:1px solid #000; } #commandeExpress h2 { margin:0px; padding:0px; font-size: 14px; color:#d85b40; } #commandeExpress .champs { margin:0px; padding:0px; font-size:9px; } #commandeExpress .submit { margin:0px; padding:0px; width:35px ; height:21px; } #commandeExpress input { margin:0px; padding:0px; font-size:9px; vertical-align: middle; } #commandeExpress select { margin:0px; padding:0px; display:block; font-family: arial; font-size:9px; vertical-align: middle; } /* Demande catalogue */ #demandeCatalogue { margin:10px 0px 0px 0px; padding: 5px; background: url(Images/box_mini.gif) no-repeat top left; } #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-family: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } #demandeCatalogue select { display:block; font-family: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } /* Code promo */ #codePromo { margin:10px 0px 0px 0px; padding: 5px; background: url(Images/box_standard.gif) no-repeat top left; clear:right; border:1px solid #000; } #codePromo h2 { margin:0px; padding:0px; font-size: 14px; color:#d85b40; } #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 { background: url(Images/box_standard.gif) no-repeat top left; 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 { background: url(Images/box_mini.gif) no-repeat top left; 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-family: arial; font-size:9px; margin:0px 0px 0px 0px; padding:0; vertical-align: middle; } #newsletter select { font-family: 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 { margin:0px 0px 0px 0px; padding:0px; display:block; } #box_login .cadre { border:1px solid #243f28; background: #d0e6d0; height:100px; } #box_login #zone_input_login_anim { display:none; } #box_login h2 { margin:0px; padding:0px; display:block; height: 20px; background: url(Images/menuLogin_head.gif) no-repeat top left; } #box_login .msg_erreur_critique{ margin:0px padding:0px; display:block; width:138px; border-width:0px 1px 0px 1px; border-style:solid; border-color: #243f28; background-color: #467e4f; color: #FFF; } #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:16px 0px 0px 5px; padding:0; } #box_login .zone_btn_creation_compte { float:right; display:block; width:130px; height:15px; background: url(Images/button-nouveau-client.gif) no-repeat center center; margin: 5px; } #box_login .zone_btn_creation_compte a { display:block; width:130px; height:15px; } #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; height:12px; } #box_login .input_pass { margin-left:5px; margin-bottom:0px; font-size: 9px; height:12px; } /* 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 { display:block; height:120px; margin:0px 0px 10px 0px; padding:5px; border:1px solid #000; } #nouveaute #date { display:none; text-align: center; font-style: normal; font-size: 9px; color:#4a8252; font-weight: bold; } #nouveaute #accroche { font-style: italic; font-size: 9px; margin:2px; } #nouveaute .visuel { float:left; clear:right; margin:0px 5px 5px 0px; background-color: #FFF; border:1px solid #000; } /* Offres d'emploi */ #offre_emploi { display:block; height:120px; margin:0px 0px 10px 0px; padding:5px; border:1px solid #000; font-size:12px; } #offre_emploi #date { display:none; text-align: center; font-style: normal; font-size: 9px; color:#4a8252; font-weight: bold; } #offre_emploi #accroche { font-style: italic; font-size: 9px; margin:2px; } #offre_emploi .visuel { float:left; clear:right; margin:0px 5px 5px 0px; background-color: #FFF; border:1px solid #000; } #offre_emploi #lien a { margin:10px 0px 0px 0px; padding: 0px; display:block; width:143px; height:20px; background: url(Images/btn_repondre_offre.png); float:right; } #offre_emploi #lien a:hover { } .reponse .form_libelle { display:block; width:150px; height:30px; float:left; font-size:12px; } .reponse .form_input { display:block; float:left; clear:left; width:400px; height:30px; } .reponse .form_input input { } .reponse .form_cadre { border:1px solid #000; background: #d0e6d0; } .reponse .form_header { margin: 0px 0px 2px 0px; padding:1px 0px 0px 0px; font-size:12px; font-weight:bold; display:block; width:150px; background: #d0e6d0; border:1px solid #000; text-align:center; } .reponse .btn_reponse { display:block; width:145px; height:22px; background: url(../Templates_client/Images/btn_envoyer_reponse_offre.png) no-repeat top left; } /* Actualités */ #actualite { margin:0px 0px 10px 0px; padding:0px; background: #FFFFFF; } #actualite h2 { margin:10px 0px 0px 0px; padding:0; height:18px; text-align: center; background: #d0e6d0 url(../Templates_client/Images/coin_actus.gif) no-repeat top left; border-width:0px 1px 0px 0px; border-style: solid; border-color:#000; } #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:0px; background-color: #FFF; border:1px solid #0A50A1; } #actualite #lien { margin:10px 0px 0px 0px; } /**************************************************************************************************/ /* STYLE DES PAGES */ /**************************************************************************************************/ #page_static { margin:0px 6px 0px 6px; padding:0px; font-size:11px; text-align: justify; } #page_static .master_visuel { margin:5px 0px 10px 0px; padding:0px; } #page_static .visuel_agence { margin:0px 10px 0px 0px; padding:0px; border:1px solid #243f28; } #page_static h1 { margin:0px; padding:2px; font-size:14px; font-weight: bold; color:#243f28; } #page_static h2 { margin:0px; padding:2px; color:#243f28; font-size:12px; } #page_static h3 { margin:0px; padding:2px; color:#243f28; font-size:11px; } #page_static p.pStd { margin-left:20px; } #page_static .mv1 { display:block; float:left;width:150px; font-weight: bold; color: #4a8252; } #page_static a.lien { color:#4A8252; text-decoration:none ; } #page_static a.lien:hover { color:#4A8252; text-decoration:none ; font-weight: bold; } #page_static #content { margin:5px; } .page_cgv { padding:10px; } #page_nouveaute { border:0px solid #0A50A1; } #page_nouveaute .master_visuel { margin:5px 0px 10px 0px; padding:0px; } #page_nouveaute #nouveaute { display:block; height:auto; padding:5px; } #page_nouveaute h1 { display:block; margin:0px; padding:2px; font-size:14px; font-weight: bold; color:#243f28; } #page_nouveaute h2 { margin:10px 0px 0px 0px; padding:0; height:18px; text-align: center; background: #d0e6d0 url(../Templates_client/Images/coin_actus.gif) no-repeat top left; border-width:0px 1px 0px 0px; border-style: solid; border-color:#000; margin:0px; padding:2px; color:#243f28; font-size:12px; } #page_nouveaute #date { display:none; font-style:italic; margin:0px; color:#4a8252; font-size:10px; } #page_nouveaute #photo { float:right; margin:0px 0px 0px 5px; border:1px solid #000; } /* #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 { } #page_recherche #champs { width:406px; background-color: #d0e6d0; } #page_recherche #champs_header { width:406px; height:21px; background: url(../Templates_client/Images/header_recherche.gif) no-repeat top left; } #page_recherche #saisie { padding: 10px 0px 10px 0px; border-width:0px 1px 1px 1px; border-style: solid; border-color: #000; } #page_recherche #bouton { margin: 10px 0px 0px 0px; padding:0; } #page_recherche #info_resultat { display:inline; } #page_recherche form { margin: 0px; padding:0px; } #page_recherche .submit { margin: 0px; padding:0px; border:0px; display:block; width:110px; height:20px; background: url(Images/btn_rechercher.gif) no-repeat top left; } #page_recherche .tableau { border:1px solid #000; width:95%; } #page_recherche .tableau_ligne_alterne_1 { margin:0px; padding: 2px; background-color: #FFFFFF; border:1px solid #AAAAAA; text-align: left; } #page_recherche .tableau_ligne_alterne_2 { margin:0px; padding: 2px; background-color: #d0e6d0; border:1px solid #AAAAAA; text-align: left; } #page_recherche .tableau_sous_section { margin:0px; padding:0px; background-color: #E0E0E0; border-bottom: 1px solid #AAAAAA; border-top: 1px solid #000; font-weight: bold; } #page_recherche .td_visuel { width:100px; background:#FFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; } #page_recherche .td_prix { background:#FFF; border-left: 1px solid #AAAAAA; } #page_recherche .span_visuel { margin:0px; padding:0px; } #page_recherche #zone_header_arbo { height:auto; } #page_recherche .zone_arbo_bar { } #page_recherche .arbo_bar { margin:2px; padding:0px; float:left; color:#4a8252; font-size:12px; font-weight: bold; } #page_recherche .arbo_bar a { margin:0px; font-size:11px; font-weight: bold; text-decoration: none; color: #4a8252; } #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 { color:#4A8252; text-decoration:none ; } #page_recherche a.lien:hover { color:#4A8252; text-decoration:none ; font-weight: bold; } #page_recherche a.lienFiche { display:block; width:89px; height:14px; background: url(Images/btn_ConsultationFiche_petit.gif) no-repeat top left; } #encart_societe { display:block; width:250px; float:left; margin: 20px 20px 10px 15px; border: 1px solid #243f28; font-weight: bold; color: #243f28; background: #d0e6d0; text-align: center; } #encart_iso { display:block; width:250px; float:left; margin:35px 20px 10px 20px; border: 0px solid #243f28; } /* 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; z-index: 3; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 3; } .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; }