/******************************** * Style général *********************************/ body { margin:5px 0px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color: #A3B1BA; background-image: url(../images/common/fond.gif); background-repeat: repeat-x; background-position: top; } td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } .fondPage { background:#fff; background-image:url(../images/common/fond_page.gif); background-repeat:repeat-y; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; } .fondPageContenu { background:#fff; background-image:url(../images/common/fond_page.gif); background-repeat:repeat-y; padding-right: 2px; padding-left: 2px; padding-top:10px; padding-bottom:5px; } /* saut de ligne de 5 px */ .interligne {padding-bottom:5px;} .interseparateur {padding-top:5px;border-top:1px solid #D5D5D5;} a.liennoir {text-decoration:none; color:#000;} a.liennoir:hover {text-decoration:underline; color:#000;} a.liennoirs {text-decoration:underline; color:#000;} a.liennoirs:hover {text-decoration:none; color:#000;} /******************************** * Cadre avec filet et arrondi *********************************/ /* pour colonne de droite */ #cadreDroite { margin-bottom:10px;} #cadreDroite p.contenu { border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;} /* pour colonne de gauche */ #cadreGauche { margin-bottom:10px;} #cadreGauche .titre { padding-left:13px; color:#E23828; font-weight:bold; padding-bottom:6px;padding-top:2px;} #cadreGauche .liste { padding-left:13px;border-right:1px solid #D3D3D3; line-height:16px;} #cadreGauche a{ text-transform:uppercase; color: #336699; text-decoration: underline; } #cadreGauche a:hover{ color: #336699; text-decoration: none; } #cadreGauche .clic{ color: #336699; font-weight:bold; text-decoration: none; } /******************************** * BANDEAU du haut de la page *********************************/ .fondBandeau { background-image:url(../images/common/fond_bandeau.gif); } .fondInfoDefilante { background-image:url(../images/common/fond_info_defilante.gif); padding-left:15px; height:31px; } /* Moteur de recherche */ #champsRecherche { background-image:url(../images/menu/fond_recherche.gif); background-repeat:no-repeat; padding-left:12px;width:100%; } #champsRecherche input { font-family:Arial, Helvetica, sans-serif; font-size:10px; width:100px; margin-left:2px;vertical-align:middle; } /******************************** * Bas de la page *********************************/ /* Bas de page */ #basDePage td{ font-family:Arial, Helvetica, sans-serif; padding-top:10px;} #basDePage a{ color: #000000; text-decoration: none; } #basDePage a:hover{ color: #000000; text-decoration: underline; } /******************************** * PRODUITS *********************************/ /* Rubrique Promo */ a.description {text-decoration:none;margin-top:4px; margin-bottom:8px; color:#000; } a.description:hover { text-decoration:none; color:#000; } .rubProduitDuJour {margin-bottom:10px;} .rubProduitDuJour .imgProduit img{ margin-right:12px;} .rubProduitDuJour .plusinfos{ margin-left:10px; width:64px; vertical-align:middle;} .rubProduitDuJour span.contenu { width:100%;} p.description { } .couleur { color:#E23828; } .prix { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#E23828; line-height:18px; } .ancienprix { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#E23828; } .legende { color:#5E5E5E; line-height:12px; } /******************************** * Style général pour menu et colonnes *********************************/ #menu { margin-bottom:10px; } #menu a { background-image:url(../images/produits/menu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:17px; line-height:20px; height:20px; color:#17477D; vertical-align:middle; display:block;} #menu a:hover { background-image:url(../images/produits/menu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:17px; line-height:20px; height:20px; color:#ED1C2E; vertical-align:middle; display:block;} #menu a.actif { background-image:url(../images/produits/menu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:17px; color:#ED1C2E; } #menu .clic { background-image:url(../images/produits/menu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:17px; color:#ED1C2E; } /* sous menu */ #sousmenu { margin-bottom:5px; } #sousmenu a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu2 */ #sousmenu2 { margin-bottom:5px; } #sousmenu2 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu2 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu2 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu2 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu1 */ #sousmenu1 { margin-bottom:5px; } #sousmenu1 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu1 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu1 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu1 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu3 */ #sousmenu3 { margin-bottom:5px; } #sousmenu3 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu3 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu3 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu3 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu4 */ #sousmenu4 { margin-bottom:5px; } #sousmenu4 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu4 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu4 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu4 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu5 */ #sousmenu5 { margin-bottom:5px; } #sousmenu5 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu5 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu5 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu5 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu6 */ #sousmenu6 { margin-bottom:5px; } #sousmenu6 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu6 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu6 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu6 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu7 */ #sousmenu7 { margin-bottom:5px; } #sousmenu7 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu7 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu7 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu7 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu8 */ #sousmenu8 { margin-bottom:5px; } #sousmenu8 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu8 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu8 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu8 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu9 */ #sousmenu9 { margin-bottom:5px; } #sousmenu9 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu9 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu9 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu9 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* sous menu10 */ #sousmenu10 { margin-bottom:5px; } #sousmenu10 a { background-image:url(../images/produits/sousmenu_norm.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; line-height:15px; height:15px; color:#17477D; vertical-align:middle; display:block; font-family:Arial, Helvetica, sans-serif;} #sousmenu10 a:hover { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E;font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu10 a.actif { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} #sousmenu10 .clic { background-image:url(../images/produits/sousmenu_surv.gif); background-position:left; background-repeat:no-repeat; text-decoration:none; padding-left:29px; color:#ED1C2E; font-family:Arial, Helvetica, sans-serif;line-height:15px; height:15px;} /* fil d'ariane */ #filAriane { height:20px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; width:412px; } #filAriane a {font-family:Arial, Helvetica, sans-serif;text-decoration:none; color:#666666;} #filAriane a:hover { text-decoration:underline; color:#666666; } p {margin:0px;} .btnPrecedent {padding-top:25px;} /******************************** * Rubrique GENERALE *********************************/ /* Rubrique Trouvez ROADY */ #trouvezRoady { height:162px; background-image: url(../images/produits/fond_trouvez_roady.gif); background-position: 0px 18px; background-repeat: no-repeat; margin-bottom:10px; } #trouvezRoady p.titre { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; height:18px; line-height:18px; background-color:#B3B3B3;width:171px;; padding-left:6px;} #trouvezRoady p.titreRub { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; height:18px; line-height:18px; background-color:#E93200;width:171px;; padding-left:6px; background-image:url(../images/trouvez_roady/coin_rouge_roady.gif); background-position:right top; background-repeat:no-repeat;} #trouvezRoady p.nbrRoady { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#E23828; height:31px; width:98px; padding-left:36px;text-align:center; padding-top:47px; vertical-align:middle;} #trouvezRoady p.codePostal { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7F7F7F; padding-left:13px; padding-top:39px; vertical-align:middle; } #trouvezRoady input { font-family:Arial, Helvetica, sans-serif; font-size:10px; width: 30px;vertical-align:middle;} #trouvezRoady img { vertical-align:middle; border:0px;margin-bottom:2px;} /* Rubrique Newsletter */ #rubNewsletterclassic { color:#676868; padding-left:15px; } #rubNewsletterclassic input{ vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:10px;width:100px; } #rubNewsletterclassic p.marge{ margin-top:0px; margin-bottom:6px; }