BODY { font-family: Arial, Helvetica, sans-serif; margin:0px; color: #000; font-size: 10px; background: #FFF; background-image: url(../Templates_client/images/fond-cel.gif);} DIV { font-family: Arial, Helvetica, sans-serif;font-size:12px;} TABLE { font-family: Arial, Helvetica, sans-serif;font-size:13px;} INPUT, SELECT, TEXTAREA { background-color: #FFF; color: #000; border: 1px #333333 solid; } a:link { text-decoration: none; color: #000; } a:visited { text-decoration: none; color: #000; } a:active { text-decoration: none; color: #000; } a:hover { text-decoration: underline; color: #000;} div#scrollbar { display:block; /* initially display:none; to hide from incapable */ } div#wn { position:relative; width:580px; height:535px; overflow:hidden; } div#scrollbar { position:relative; width:11px; height:535px; font-size:1px; /* so no gap or misplacement due to image vertical alignment */ } div#track { position:absolute; left:0; top:12px; width:11px; height:511px; background: #E4E4E4; } div#dragBar { position:absolute; left:1px; top:1px; width:9px; height:20px; background-color:#c2c1c1; } div#up { position:absolute; left:0; top:0; } div#down { position:absolute; left:0; bottom:0; } /* for safari, to prevent selection problem */ div#scrollbar, div#track, div#dragBar, div#up, div#down { -moz-user-select: none; -khtml-user-select: none; } /* so no gap or misplacement due to image vertical alignment font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */ div#scrollbar img { display:block; } /**********************************************************************/ /* Tableaux */ /**********************************************************************/ .tableau { width:99%; margin:0; padding: 5px; border-collapse:collapse; border: 1px solid #D0D0D0; } .tableau_titre { padding: 6px; font-size: 12px; color: #F7E401; font-weight: bold; background-color: #000; } .tableau_header { padding: 2px; font-size: 12px; color: #FFF; font-weight: bold; background-color: #CC1800; text-align: left; } .tableau_header_c2 { padding: 2px; font-size: 12px; color: #FFF; font-weight: bold; background-color: #CC1800; text-align: left; } .tableau_footer { padding: 2px; font-size: 10px; color: #000000; font-weight: bold; font-style : italic; background-color: #E0E0E0; } .tableau_ligne_alterne_1 { padding: 2px; border-bottom: 1px solid #AAAAAA; font-size: 12px;} .tableau_ligne_alterne_2 { padding: 2px; border-bottom: 1px solid #AAAAAA; font-size: 12px;} .tableau_ligne_alterne_1c2 { padding: 2px; border-bottom: 1px solid #AAAAAA; font-size: 12px;} .tableau_ligne_alterne_2c2 { padding: 2px; border-bottom: 1px solid #AAAAAA; font-size: 12px;} .tableau_contenu { font-size:10px; border-width: 0px; border-color: #000; border-style: solid; padding: 2px; border-bottom: 1px solid #AAAAAA;} .tableau_contenu_maitre { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 0px; } .tableau_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_total { border: 1px solid #000; padding: 2px; font-size: 10px; color: #000000; font-weight: bold; background-color: #EEEEEE; } .tableau_navigation { padding: 2px; font-size: 10px; color: #000000; background-color: #E0E0E0; } .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 { padding: 2px; background-color: #FFD9D9; border:1px inset #666666; } .tableau_croise .tableau_focus { padding: 2px; background-color: #FFD9D9; border-width: 1px; border-color: #666666; border-style: solid; } .tableau_croise .tableau_focus .bouton_ajout { display: block; float:left; } .tableau_croise .tableau_focus .PRIX_HT { margin:0px 2px 0px 0px; padding:0px; display: block; float:left; color: #333333; text-align: right; } .tableau_croise .tableau_focus .tableau_qte_input { margin:0px 2px 0px 0px; display: none; float:left; font-size: 9px; width:15px; border:1px solid #000; color: #333333; } .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 { } .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;} .ARTICLE_SOUS_SECTION_1 { font-size: 14px; font-weight: bold; } .ARTICLE_SOUS_SECTION_2 { font-size: 12px; font-weight: bold; } .ARTICLE_SOUS_SECTION_3 { font-size: 11px; font-weight: bold; } .ARTICLE_SOUS_SECTION_4 { font-size: 10px; font-weight: bold; } .ARTICLE_SOUS_SECTION_5 { font-size: 10px; } .ARTICLE_SOUS_SECTION_6 { font-size: 10px; } .CONDITIONNEMENT { width:100%; text-align:center; color:#FF0000; font-weight: bold; } .DESIGNATION { 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 { display: none; 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_contenu { border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px; background-color: #FFFFFF; } .tableau_croise_contenu .bouton_ajout { display: block; float:left; border:0px solid #000; } .tableau_croise_contenu .PRIX_HT { margin:0px 2px 0px 0px; padding:0px; display: block; float:left; border:0px solid #000; color: #333333; text-align: right; } .tableau_croise_contenu .REF_CAT { margin:0px 2px 0px 0px; padding:0px; display: block; float:left; border:0px solid #000; color: #333333; text-align: right; font-size: 11px;} .tableau_croise_contenu .tableau_qte_input { margin:0px 2px 0px 0px; display: none; float:left; font-size: 9px; width:15px; border:1px solid #000; color: #333333; } .tableau_croise_contenu_lib { display: none; border-width: 1px; border-color: #7C7C7C; border-style: solid; padding: 2px; background-color: #FFFFFF; font-size: 10px; } .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 */ /*********************************************************************************************************/ .mini_table { padding: 1px; font-size: 9px; color: #000000; background-color: #FFF; border-collapse:collapse; text-align: center; } .mini_table TD { padding-left: 8px; padding-right: 8px; padding-bottom: 2px;} .mini_table_header { border-width: 1px; border-color: #E6E6E6; border-style: solid; padding: 0px; padding-left: 4px; font-size: 11px; color: #000; background-color: #FFF; text-align: left; } .mini_table_row_header { border-width: 1px; border-color: #E6E6E6; border-style: solid; padding: 0px; padding-left: 4px; font-size: 11px; color: #000; background-color: #FFF; text-align: left; } .mini_table_ligne_alterne_1 { border-width: 1px; border-color: #E6E6E6; border-style: solid; padding: 1px; background-color: #FFFFFF; text-align: right;} .mini_table_ligne_alterne_2 { border-width: 1px; border-color: #E6E6E6; border-style: solid; padding: 1px; background-color: #E6E6E6; text-align: right;} .mini_table_contenu { border-width: 1px; border-color: #E6E6E6; border-style: solid; padding: 1px; background-color: #FFFFFF; } /*********************************************************************************************************/ /* Formulaire de saisie */ /*********************************************************************************************************/ .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; border: 0px; } .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 */ /*********************************************************************************************************/ a.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%; } a.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%; } a.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%; } a.bouton_logout { font-weight:bold; } a.bouton_logout:hover { font-weight:bold; } a.bouton_logout:active { font-weight:bold; } a.bouton_logout:visited{ 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; } a.bouton_modifier_profil { font-weight:bold; } a.bouton_modifier_profil:hover { font-weight:bold; } a.bouton_modifier_profil:active { font-weight:bold; } a.bouton_modifier_profil:visited{ font-weight:bold; } a.bouton_voir_commandes { font-weight:bold; } a.bouton_voir_commandes:hover { font-weight:bold; } a.bouton_voir_commandes:active { font-weight:bold; } a.bouton_voir_commandes:visited { 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_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 { 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 { position:absolute; 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: #00FF00; text-align: left; } .ttip { display:none; position:absolute; max-width:200px; z-index:10000; } /*********************************************************************************************************/ /* 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; height:50px; } .zone_arbo_bar { } .arbo_bar { margin:5px; padding:0px; float:left; font-size:12px; font-weight: bold; color:#c2c1c1;} .arbo_bar a { color:#c2c1c1;} .arbo_bar a:hover { color:#c2c1c1;} .arbo_bar a:active { color:#c2c1c1;} .arbo_bar a:visited { color:#c2c1c1;} .arbo_bar .libelle { white-space: nowrap; } .arbo_bar_1 { margin:0px; padding:0px; float:left; color:#333333; } .arbo_bar_1 a { margin:0px 10px; padding:0px; text-decoration: none; font-size:24px; font-weight: bold; line-height:30px; color:#333333; } .arbo_bar_1 a:hover { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_1 a:active { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_1 a:visited { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_2 { margin:5px 0px 0px 0px; padding:0px; float:left; } .arbo_bar_2 a { margin:0px 10px; padding:0px; text-decoration: none; font-size:18px; font-weight: bold; line-height: normal; color:#333333; } .arbo_bar_2 a:hover { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_2 a:active { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_2 a:visited { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_3 { margin:10px 0px 0px 0px; padding:0px; float:left; } .arbo_bar_3 .libelle { margin:0px 2px; padding:0px; text-decoration: none; font-size:14px; line-height: 13px; font-weight: bold; color:#333333; } .arbo_bar_3 a:hover { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_3 a:active { text-decoration: none; font-weight: bold; color:#333333; } .arbo_bar_3 a:visited { text-decoration: none; font-weight: bold; color:#333333; } .arbo_separateur_1 { margin:14px 2px 0px 0px; padding:0px; display:block; float:left; height:8px; width:30px; } .arbo_separateur_2 { margin:10px 2px 0px 3px; padding:0px; display:block; float:left; height:8px; width:12px; background-color:#333333; } .arbo_separateur_3 { margin:4px 2px 0px 3px; padding:0px; display:block; float:left; height:8px; width:12px; background-color:#333333; } .zone_bouton_arbo { display:block; 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;} /******************************** Affichage du sommaire en mode tableau lignes + colonnes ***************************************/ .arbo_sommaire_zone2 { float:left; margin: 2px; padding: 0px; cursor:pointer; } .arbo_sommaire_zone2 ul.ongletSommaire { } .arbo_sommaire_zone2 ul.ongletSommaire li { } .arbo_sommaire_zone2 ul.ongletSommaire li h3 { } .arbo_sommaire_zone2 ul.ongletSommaire li a { } .arbo_sommaire_zone2 .arboIllustration { } .arbo_sommaire_zone2 .arboIllustration .blocImage { } .arbo_sommaire_zone2 .arboIllustration .blocImage img { } .arbo_sommaire_zone2 .arboIllustration .arboIllustrationAccroche{ font-weight:bold; color: #FFF;} /******************************************* Niveau Arbo ********************************************/ .arbo_liste_niveau_fond { margin:0px; padding:0px; } .arbo_liste_niveau { margin:0px; padding:0px; } .arbo_liste_niveau ul { margin:0px; padding:0px; width: 100%; list-style-type: none; } .arbo_liste_niveau li { margin:0px; padding:0px; display:block; float: left; } .arbo_liste_niveau li a { margin:0px; padding:0px; display:block; text-decoration: none; } .arbo_liste_niveau li a:hover { margin:0px; padding:0px; } .arbo_liste_niveau li.selected { margin:0px; padding:0px; display:block; list-style-type: none; } .arbo_liste_niveau li.selected a { margin:0px; padding:0px; display:block; color:#000; text-decoration: none; } .arbo_liste_niveau li.selected a:hover { } .arbo_liste_niveau_hover a { } .arbo_liste_niveau1 { margin:0px; padding:0px; } .arbo_liste_niveau1 ul { margin:0px; padding:0px; display:block; } .arbo_liste_niveau1 li { margin:0px; padding:0px; list-style-type: none; width:630px; border-bottom: 1px dotted #828282;} .arbo_liste_niveau1 li a { margin:0px; padding:5px; font-size:12px; cursor: pointer;} .arbo_liste_niveau1 li a:hover { text-decoration: underline;} .arbo_liste_niveau1 li .arboNom { color: #828282; } .arbo_liste_niveau1 li a .arboNom { padding-left: 25px; color: #828282; } .arbo_liste_niveau1 li a:hover { } .arbo_liste_niveau1_item { margin:0px; padding:0px; display:none;} .arbo_liste_niveau1_item ul { margin:0px; padding:0px; display:none; list-style-type: none; } .arbo_liste_niveau1_item li { margin:5px; padding:0px; border:0px; display: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:150px; 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:0px; } .arbo_liste_niveau2 ul { margin:0px; padding:0px; display:block; } .arbo_liste_niveau2 li { margin:0px; padding:0px; list-style-type: none; width:630px; border-bottom: 1px dotted #828282;} .arbo_liste_niveau2 li a { margin:0px; padding:5px; font-size:12px; cursor: pointer;} .arbo_liste_niveau2 li a:hover { text-decoration: underline;} .arbo_liste_niveau2 li .arboNom { color: #828282; } .arbo_liste_niveau2 li a .arboNom { padding-left: 25px; color: #828282; } .arbo_liste_niveau2 li a:hover { } .arbo_liste_niveau2_item { margin:0px; padding:0px; display:none;} .arbo_liste_niveau2_item ul { margin:0px; padding:0px; display:none; list-style-type: none; } .arbo_liste_niveau2_item li { margin:5px; padding:0px; border:0px; display:none;} .arbo_liste_niveau2_item li #visuel { margin:0px; padding:0px; } .arbo_liste_niveau2_item li .lienFiche { margin:0px; padding:0px; } .arbo_liste_niveau2_item li .lienFiche a { margin:0px; padding:0px; display:block; width:150px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } .arbo_liste_niveau2_item li a { margin:0px; padding:0px; } .arbo_liste_niveau2_item li a:hover { } .arbo_liste_niveau3 { margin:5px 0px 0px 0px; padding:0px; list-style-type: none; } .arbo_liste_niveau3 li { position:relative; display:block; float:left; list-style-type: none; font-weight:bold; padding:0px; margin: 10px 0px 0px 0px; } .arbo_liste_niveau3 li a { background-color: #fee679; margin: 0px; padding:2px 5px 5px 3px; font-size:14px; text-decoration: none; border-top:1px solid #000; border-right:1px solid #000; } .arbo_liste_niveau3 li a:hover { margin: 0px; } .arbo_liste_niveau3_hover a { } .arbo_liste_niveau3_item { list-style-type: none; margin:0px; padding:0; } .arbo_liste_niveau3_item li { position:relative; float:left; width:230px; min-height: 180px; list-style-type: none; margin:2px; padding:5px; background-color: #FFF; } .arbo_liste_niveau3_item li .prodNom { background:#FFF; margin:0px 0px 3px 2px; padding:0; border:0px solid #000; font-size: 12px; } .arbo_liste_niveau3_item li .visuel { display:table-cell; vertical-align:middle; text-align:center; width:110px; height:110px; background:#FFF; margin:2px 5px 0px 0px; padding:0; border:1px solid #000; } .arbo_liste_niveau3_item li .prodCarac { background:#FFF; margin:0px 0px 3px 0px; padding:2px; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix { position:absolute; top:70px; left:120px; width:120px; font-size: 20px; line-height: 14px; text-align: center; font-weight:bold; color: #CC170A; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix .prodPrixPre { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPrix .prodPrixLegende { font-size: 12px; ; font-weight:bold; color: #000; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .prodPicto { position:absolute; top:35px; left:100px; margin:0px 0px 3px 0px; padding:0; border:0px solid #000; } .arbo_liste_niveau3_item li .lienFiche { display:block; } .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 { background:#FFF; margin: 0px; padding:0px; border:0; font-size:12px; text-decoration: none; } .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:0px; margin-bottom: 5px; padding:1px; padding-left: 1px; position:relative; float:left; width:190px; height: 240px; list-style-type: none; cursor:pointer; } .arbo_liste_niveau_produit_item li .entete { margin:0px; padding:0px; width:190px; height:10px; background: url('./../templates_client/Images/Fd_Cel_Prod_190_01.gif') no-repeat center center;} .arbo_liste_niveau_produit_item li .prodNom { margin:0px; padding:0px; font-size: 10px; line-height:14px; width:190px; height:45px; text-align: center; background: url('./../templates_client/Images/Fd_Cel_Prod_190_02.gif');} .arbo_liste_niveau_produit_item li .prodNom .content { width:186px; position: relative; left: 2px; font-size: 12px;} .arbo_liste_niveau_produit_item li .visuel { margin:0px; padding:0px; width:190px; height:170px; background: url('./../templates_client/Images/Fd_Cel_Prod_190_02.gif');} .arbo_liste_niveau_produit_item li .visueltable { margin:0px; margin-left: 0px; padding:0px; vertical-align:middle; text-align:center; width:170px; height:155px; background: #FFF;} .arbo_liste_niveau_produit_item li .prodCarac { margin:0px; padding:0px; text-align:center; width:190px; height:10px; background: url('./../templates_client/Images/Fd_Cel_Prod_190_03.gif') no-repeat center center;} .arbo_liste_niveau_produit_item li .prodPrix { margin: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; display:none;} .arbo_liste_niveau_produit_item li .prodLien { padding-right: 10px; text-align:right; background: url('./../templates_client/Images/Fd_Cel_Prod_190_02.gif');} .arbo_liste_niveau_produit_item li .lienFiche { display:none; } .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%; } .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_soulignement { display:block; height:5px; } .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 { } .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 { margin:0px; padding:0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #000; } .arbo_liste_produit_afficher a { margin:0px; padding:0px; } .arbo_liste_produit_afficher a:link { margin:0px; padding:0px; } .arbo_liste_produit_afficher a:hover { margin:0px; padding:0px; } .arbo_liste_produit_afficher a:visited { margin:0px; padding:0px; } .menu_liste_produit_selected { margin:0px; padding:0px; display:block; } .menu_liste_produit_selected ul { margin:0px; padding:0px; list-style-type: none; } .menu_liste_produit_selected li { margin:0px; padding:0px; list-style-type: none; } .menu_liste_produit_selected li a { margin:0px; padding:0px; display:block; text-decoration: none; font-weight:bold; } .menu_liste_produit_selected li a:hover { margin:0px; padding:0px; display:block; font-weight:bold ; } .menu_liste_produit_selected li.selected { margin:0px; padding:0px; list-style-type: none; } .menu_liste_produit_selected li.selected a { margin:0px; padding: 0px 0px 0px 10px; display:block; text-decoration: none; font-style: italic; font-weight:bold; } .menu_liste_produit_selected li.selected a:hover { display:block; 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 ; } .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:0px; font-size:20px; font-style:italic;} .arbo_produit { } .arbo_produit h1 { } .arbo_produit_descriptif_box { margin: 0px 0px 10px 0px; font-size:12px;} .arbo_produit_descriptif { } .arbo_produit_visuels { margin:0px 10px 10px 0px;} .arbo_produit_visuel_box { margin:0px; padding:0px; height:auto; } .arbo_produit_visuel { position:relative; margin:0px; padding:0px; border:1px solid #FFF; border-collapse: collapse; } .arbo_produit_visuel_hover { margin:0px; padding:0px; border:1px solid #FF0000; } .index_visuel_lettre { padding:0px; margin:0px; font-size:9px; font-weight: bold; color:#CC0000; } .index_visuel_chiffre { padding:2px 0px 0px 0px; margin:0px; display:block; width:25px; height:16px; float:left; text-align: center; font-size: 9px; font-weight: bold; color:#FFF; background-image: url(Images/index_visuel.png); background-repeat: No-repeat; background-position: 50% 50%;} .index_visuel_ref { padding:2px 0px 0px 0px; margin:0px; display:block; text-align: center; font-size: 9px; font-weight: bold; color:#000; } .arbo_produit_carac { } .arbo_produit_prix { } .arbo_produit_picto { float: right;} .arbo_produit_terminer_achat { float:right; display:none;} .arbo_produit_terminer_achat a { display:block; height:28px; width:146px; background: url(../Templates_client/Images/btn_terminer_achats.gif) no-repeat top left; margin: 10px 0px 0px 0px; } .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; } .arbo_produit_four_logo { margin:0px 5px 0px 0px; display: block; } .arbo_produit_four_logo img { } .page_prevue_cat_prod_zone_visu { } .page_prevue_cat_prod_zone_visu_aide { font-size:10px; font-style:italic; } .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 {color:#000; font-size:12px;} .page_prevue_cat_prod_carac {color:#CC0000; font-size:13px; font-weight:bold;} .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 { } .ECF_AU_LIEU_DE { } .ECF_LEGENDE { } .zone_produit { } .prod_accroche { } .libelle_biblio { float:left; width:95px; height: 70px; background-position: top center; background-repeat: no-repeat; background-image:url('../Templates_client/Images/05.gif'); } /*********************************************************************************************************/ /* Styles relatif à la présentation des infos Article seules */ /*********************************************************************************************************/ .article_resume { padding:2px; float:left; width:60px; border:0px solid #000; background-repeat: no-repeat; background-image:url('../Templates_client/Images/ttipfond.png')!important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Templates_client/Images/ttipfond.png', sizingMethod='crop', enabled=true); } .article_resume .REF_CAT { font-size:11px; } .article_resume .DESIGNATION { color: #FFF; } /*********************************************************************************************************/ /* Front Client: Panier */ /*********************************************************************************************************/ /* Page panier */ #page_panier { } #page_panier form { margin:0px; padding:0px; } #page_panier input, #page_panier select { border:1px solid #000; font-size: 9px;; } #page_panier h2 { margin:10px; padding:0px; color: #d85b40; font-size:16px; } #page_panier h3 { margin:10px; padding:0px; color: #d85b40; font-size:13px; } #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_etape { display:block; width:64px; height:56px; background: url(Images/btn_cart_etape.gif) no-repeat top left; } .fond_cart_etape_active { display:block; width:64px; height:56px; background: url(Images/btn_cart_etape_active.gif) no-repeat top left; } .fond_cart_etape h1 { display:block; width:64px; height:20px; color: #000; } .fond_cart_etape_active h1 { display:block; width:64px; height:20px; 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 { color:#000; font-weight:bold; font-size:14px; border:1px outset #000; padding:5px; background-color: #F9F9F9; text-decoration: none; } .tableau_panier { border-collapse:collapse; width:99%; color: #000; font-size: 9px; } .tableau_panier td { padding: 2px; border:1px solid #000; } .tableau_panier td.tableau_panier_contenu_noStyle { border:0px; } .tableau_panier_header { color: #FFF; font-weight: bold; background-color: #CC1800; text-align: center; } .tableau_panier_footer { text-align: right; } .tableau_panier_contenu { font-weight: normal; background-color: #FFF; } .tableau_panier_contenu_sousTotal { font-size: 14px; text-align: right; font-weight:bold; background-color: #FFF; } .tableau_panier_contenu_prix { font-size: 12px; text-align: right; background-color: #FFF; } .tableau_panier_contenu_prix input { font-size: 9px; border: 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; text-align: center; } .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 { position:relative; z-index:10000; float:right; display:block; height:20px; width:180px; margin:0px; margin-left:10px; padding: 0px; } #box_panier #tableau_mini_cart { position:absolute; z-index:10000; display:none; width:300px; top:35px; left:-120px; } #box_panier #zone_info { float:right; border-width: 0px 0px 1px 1px; border-color:#000; border-style: solid; background-color: #FFFFFF; height:35px; } #box_panier #zone_bouton { float:right; border:0px solid #000; margin:5px; } #box_panier #nbArticles { color: #FF0000; font-weight: bold; } #box_panier #nbCadeaux { color: #FF0000; font-weight: bold; } #box_panier h2 { width:100%; height:18px; margin:2px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #box_panier .tableau_panier_contenu_sousTotal { font-size: 12px; text-align: right; font-weight:bold; background-color: #FFF; } #box_panier .tableau_panier_contenu_prix { font-size: 9px; } #box_panier .tableau_panier_total { font-size: 9px; text-align: right; background-color: #f7ca00; border-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 { 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 { 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 { width:900px; margin-left:auto; margin-right:auto; z-index:2; } #container { width:900px; margin-left:auto; margin-right:auto; z-index:1; border:1px solid #999999; } /* HEADER */ #header { width:100%; height:90px; background: url(Images/header_fond.gif) repeat-y top left; } #logo { position:absolute; top:5px; left:5px; display:block;} #logo a { display:block; } #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 { display:block; margin: 0px; padding:0px; border:0px solid #000; } /* LAYOUT CONTENT */ #content { margin:0px; padding:0px; display:block; min-height: 600px; height: 600px; background: url(../templates_client/Images/logo_septodont_trame.gif);} #contentLeft { margin: 0px; padding:0px; width: 170px; float: left; } #contentRight { margin: 0px; padding:0px; width: 170px; float: right; } #contentMiddle { margin: 0px; padding:0px; margin-left:180px;} /* 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:0px; padding: 0px;} #menuCat ul { margin:0px; padding:0px; list-style-type: none;} #menuCat li { margin:0px; padding: 0px;} #menuCat .navigOnglet { margin:5px; padding:0px; } #menuCat .navigOnglet a { margin:0px; padding:0px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#828282;} #menuCat #ongletCat li { height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; margin:2px; padding:2px; background: #E4E4E4; } #menuCat #ongletCat a { color: #666666;} #menuCat #ongletCat a:hover { color: #666666;} #menuCat #ongletCat li a.current { color: #FFF; font-style: italic;} #menuCat #ongletCat li .visuel { } #menu_page_static { width:100%; margin-bottom:10px; height:30px;} #menu_page_static ul, #menu_page_static li { margin:0; padding: 0; list-style-type: none;} #menu_page_static li { float:left; margin-left:10px; padding:5px;} #menu_page_static a { display:block; padding:5px; color: #0A50A1; text-decoration:none; font-weight: bold; font-style:italic;} #menu_page_static a:hover { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;} #menu_page_static #current a { display:block; padding:5px; color: #FFF; background-color:#00A0C6; text-decoration:none; font-weight: bold; font-style:italic;} #option_bar{ width:100%; height:35px; clear:both; background: #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 { background: #FFFFFF; background: url(./../templates_client/Images/DcSeptopage1.gif) no-repeat center center; width:217px; height:274px; margin: 0px;} #recherche h2{ margin:0px; padding:0; text-align: center; font-size: 12px; background: #E3001A; color:#FFF;} #form_recherche { margin:0px; padding:0px; height:5px; } #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; background: url(./../templates_client/Images/iconLoupe.gif) no-repeat center left; background-color:#FFFFFF; padding: 2px; padding-left: 17px;} #recherche #button_search { padding:0px; margin:0px; } #recherche #button_search input { padding:0px; margin:0px; vertical-align: middle; position: relative; text-align: center; font-size: 12px; font-family: Arial; font-weight: bold; border: 1px solid #000000; height: 20px; } #resultat_recherche_prix { padding:0px; margin:0px; display:none; float:right; height:50px; } #recherche2 { background: #FFFFFF; background: url(./../templates_client/Images/DcSeptoGRD.jpg) no-repeat center center; width:270px; height:498px; margin: 0px;} #recherche2 #saisie_search { padding:0px; margin:0px; } #recherche2 #saisie_search input { padding:0px; margin:0px; font-size: 9px; background: url(./../templates_client/Images/iconLoupe.gif) no-repeat center left; background-color:#FFFFFF; padding: 2px; padding-left: 17px;} #recherche3 { padding: 5px; padding-left: 15px; background: #FFFFFF; background: url(./../templates_client/Images/DcSeptopage2.gif) no-repeat center center; width:236px; height:265px; margin: 0px;} #recherche3 #saisie_search { padding:0px; margin:0px; } #recherche3 #saisie_search input { padding:0px; margin:0px; font-size: 9px; background: url(./../templates_client/Images/iconLoupe.gif) no-repeat center left; background-color:#FFFFFF; padding: 2px; padding-left: 17px;} /* BLOCS */ /* Menu client */ #menuClient { margin:10px 0px 10px 0px; padding: 5px; font-style: italic; } #menuClient h2 { margin:2px 0px 10px 2px; padding:0px; font-size: 14px; color:#d85b40; font-weight: bold; } #menuClient ul { margin:0px; padding:0px; text-align: center; list-style-type: none; } #menuClient li { margin:0px; padding:0px; height:18px; list-style-type: none; border:0px solid #000; } #menuClient li a { margin:0px; padding:0px; color:#CC1800; display:block; text-decoration: none; font-size:12px; font-weight:bold; } #menuClient li a:hover { color:#FFF; background-color:#CC170A; } #menuClient #separateur { margin:5px; border-bottom:1px dashed #000; } /* Commande express */ #commandeExpress { margin:10px 0px 0px 0px; padding: 5px; 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; } #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; 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 { margin:0px; height:140px; padding: 5px; } #menuChoixCatalogue h2 { width:100%; height:18px; margin:10px 0px 10px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #menuChoixCatalogue a { margin:0px; padding:0px; color:#000; } /* Newsletter */ #newsletter { margin:5px 0px 0px 0px; height:75px; padding: 5px; } #newsletter h2 { width:100%; height:18px; margin:2px 0px 0px 2px; padding:0px; font-style: normal; font-size: 14px; color:#d85b40; font-weight: bold; } #newsletter #champs { float:left; margin:0px 5px 5px 0px; padding:0; text-align: left; } #newsletter #submit { float:right; margin:0px 5px 5px 0px; padding:0; text-align: right; color: #000; font-weight:bold; width: 40px ; height: 21px; } #newsletter input { font-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 { width:300px; float:right; background-color: #FFF; border:1px solid #CCC; border-width:0px 0px 0px 1px; margin:0px 0px 0px 0px; height:69px; padding: 0px; } #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:#d85b40; 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 .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 { float: left; background: #FFFFFF; cursor: pointer; width:210px; height:210px; text-align: center; margin: 5px;} #promotion #promotion_content { } #promotion #promotion_produit_content { float:left; } #page_actualite { border:0px solid #0A50A1; } #page_actualite h2 { padding-left:15px;font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #E3001A;text-decoration: none;} #promotion h2 { margin:0px; padding:0; text-align: center; background: #E3001A; color: #FFF; font-size: 11px;} #promotion_content { } #promotion #date { text-align: center; font-style: normal; font-size: 9px; font-weight: bold; } #promotion #accroche { font-style: italic; font-size: 9px; margin:2px; } #promotion .visuel { text-align: center; padding:3px; height: 200px;} #promotion #prix { float:left; font-size: 14px; font-weight:bold; border:1px solid #0A50A1; color:#FC4E32;} #promotion a { font-size: 14px; font-weight:bold; color:#FC4E32; } /* Nouveautés */ #nouveaute { margin-bottom:10px; background: #FFFFFF; border:1px solid #FFF; } #nouveaute h2 { margin:0px; padding:0; text-align: center; font-size: 12px; background: #ECE7E1; } #nouveaute #date { text-align: center; font-style: normal; font-size: 9px; color:#FFF; font-weight: bold; } #nouveaute #accroche { font-style: italic; font-size: 9px; margin:2px; } #nouveaute #visuel { margin:5px; background-color: #FFF; border:1px solid #0A50A1; } .NomProdNouveauteDeroulant { text-transform: none; } /* Actualités */ #actualite { background: #FFFFFF; text-align:center; margin: 5px; margin righ} #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; } #offre_emploi { margin-bottom:10px; background: #FFFFFF; border:1px solid #FFF; } #offre_emploi h2 { margin:0px; padding:0; text-align: center; font-size: 12px; background: #ECE7E1; } #box_custom { height: 550px; overflow: auto; } /**************************************************************************************************/ /* STYLE DES PAGES */ /**************************************************************************************************/ #page_static { margin:0; padding:0px; } #page_static h1 { font-style:italic; margin:0px; padding:2px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; height:30px; background-color:#FC4E32; } #page_static h2 { font-style:italic; margin:20px; padding:10px; border:1px solid #FFF; color:#d85b40; background-color:#f6a924; font-size:16px; text-align:center; } #page_static h3 { color: #0A50A1; font-size:14px; display:block; } #page_static #date { font-style:italic; margin:5px; color:#0A50A1; font-size:10px; display:block; } #page_static #photo { float:right; margin:0 0 5px 5px; border:1px solid #0A50A1; } #page_static #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_static #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_static #content { margin:5px; } .page_cgv { padding:10px; } #page_nouveaute { border:0px solid #0A50A1; } #page_nouveaute h1 { font-style:italic; margin:0; padding:5px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; background-color:#00A0C6; } #page_nouveaute h2 { font-style:italic; margin:5px; margin-top:10px; color:#d85b40; font-size:14px; display:block; } #page_nouveaute #date { font-style:italic; margin:5px; color:#0A50A1; font-size:10px; display:block; } #page_nouveaute #photo { float:right; margin:0 0 5px 5px; border:1px solid #0A50A1; } #page_nouveaute #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_nouveaute #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_creation_compte { background-color: #FFF; } #page_creation_compte h1 { font-style:italic; margin:0; padding:5px; border-bottom:1px solid #FFF; color:#FFF; font-size:18px; background-color:#FC4E32; } #page_creation_compte h2 { font-style:italic; margin:20px; padding:10px; border:1px solid #FFF; color:#d85b40; background-color:#f6a924; font-size:16px; text-align:center; } #page_creation_compte h3 { color: #0A50A1; font-size:14px; display:block; } #page_creation_compte fieldset { color: #000; font-size:11px; margin:5px; padding:10px; } #page_creation_compte fieldset legend { color: #CC1800; font-size:14px; font-weight:bold; } #page_creation_compte input { font-size:9px; border:1px solid #000; } #page_creation_compte select { font-size:9px; } #page_creation_compte #fieldset_facturation { float:left; width:262px; } #page_creation_compte #fieldset_livraison { float:left; width:262px; } #page_creation_compte #fieldset_contact { clear:both; } #page_creation_compte #lien a { display:block; width:180px; color:#FFF; border: 1px solid #CCDE7C; text-decoration: none; padding: 5px; background-color: #99BB14; font-style: italic; font-weight: bold; } #page_creation_compte #lien a:hover { background-color: #94B214; border: 1px solid #CCDE7C; } #page_creation_compte #content { margin:5px; } #page_recherche { background-color:#fff; border:0px solid #000; min-height:520px; } #page_recherche #info_resultat { display:inline; } #page_recherche .tableau_ligne_alterne_1 { padding: 2px; background-color: #F0F0F0; cursor: pointer; } #page_recherche .tableau_ligne_alterne_2 { padding: 2px; background-color: #F0F0F0; cursor: pointer;} #page_recherche .td_visuel { background:#FFF; border-right: 0px solid #AAAAAA; } #page_recherche .td_prix { background:#FFF; border-left: 0px solid #AAAAAA; } #page_recherche .span_visuel { margin:0px; padding:0px; } #page_recherche .tableau_sous_section { margin:0px; padding:0px; background-color:#FFF; border-bottom: 1px solid #AAAAAA; border-top: 2px solid #AAAAAA; font-weight: bold; } #page_recherche #zone_header_arbo { height:auto; } #page_recherche .zone_arbo_bar { } #page_recherche .arbo_bar { margin:5px; padding:0px; float:left; color:#d85b40; font-size:12px; font-weight: bold; } #page_recherche .arbo_bar a { margin:5px; font-size:12px; font-weight: bold; text-decoration: none; color: #E3001A; } #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-weight: bold; } #page_recherche .lien a:hover { } #page_recherche a.lienFiche { display:block; width:180px; height:20px; background: url(Images/btn_ConsultationFiche.gif) no-repeat top left; } /* SLIMBOX (substitution de le fenetre popup, layer dhtml en premier plan sur la page) */ #lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; 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; } /* SEPTODONT */ .ssmenugauchred { font-size: 16px; font-weight: bold; color: #333333; padding: 3px; padding-left: 30px; vertical-align: middle; } .ssmenugauchehr { border-top: 0px; border-left: 0px; border-right: 0px; border-bottom:2px dotted #000000;} .menugauche { width: 263px; background-color: #E4E4E4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; margin:2px; padding:2px; } .menugauche2 { height: 18px; width: 263px; background-color: #E4E4E4; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; margin:2px; padding:2px; } .menugauche a {color: #666666;} .menugauche a:link { color: #666666; } .menugauche a:visited { color: #666666; } .menugauche a:active { color: #666666; } .menugauche a:hover { color: #666666; } .menugauche2 a {color: #666666;} .menugauche2 a:link { color: #666666; } .menugauche2 a:visited { color: #666666; } .menugauche2 a:active { color: #666666; } .menugauche2 a:hover { color: #666666; } .menugauchecolor {position: relative; width: 50px; height: 4px; left: 206px; top: 0px; overflow: hidden ; background: url('./../templates_client/Images/carrebase.gif') no-repeat center left;} .menugaucheactive { height: 18px; width: 263px; background-color: #FF3399; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-style: italic; margin:2px; padding:2px; } .menugaucheactive2 { background-color: #E4E4E4; height: 18px; width: 263px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #E11F24; font-style: italic; margin:2px; padding:2px; } .menugaucheactive a {color: #FFFFFF;} .menugaucheactive a:link { color: #FFFFFF; } .menugaucheactive a:visited { color: #FFFFFF; } .menugaucheactive a:active { color: #FFFFFF; } .menugaucheactive a:hover { color: #FFFFFF; } .menugaucheactive2 a {color: #E11F24;} .menugaucheactive2 a:link { color: #E11F24; } .menugaucheactive2 a:visited { color: #E11F24; } .menugaucheactive2 a:active { color: #E11F24; } .menugaucheactive2 a:hover { color: #E11F24; } .Style9 { font-size: 16px; font-weight: bold; color: #333333; } .Style10 { font-family: arial; font-size: 12px; } .Style11 { font-size: 16px; font-weight: bold; color: #333333; } .Style12 {font-family: arial} .Style13 { color: #000000; font-family: arial; } .Style16 { font-size: 12px; font-weight: bold; color: #333333; } .Style17 {color: #333333} .Style38 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .Style41 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;} .Style42 { color: #666666; font-weight: bold; font-size: 9px; } .Style43 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; } .Style44 { font-size: 9px; font-weight: bold; } .Style45 {font-family: Arial, Helvetica, sans-serif} .Style46 { color: #FFFFFF; font-style: italic; } .Style47 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .Style50 {font-size: 10px} .Style51 {font-family: Arial, Helvetica, sans-serif} .liens { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #333333; text-decoration: underline; } .desclien { font-size: 11px; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999999; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-style: italic; } .txtcourant { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }