/* CSS Document */ /*** STRUCTURE DU SITE ***/ #globale { background:#d2bad7; margin-left:auto; margin-right:auto; width:970px; padding: 0px 5px 5px 5px; } #content { margin-left:auto; margin-right:auto; width:970px; margin-top:-20px;} .langues { text-align:right;} /*** COLONNE DROITE ***/ #colright { float:right; width:150px; } #colright #panier .fond { background:url(../images/panier/fond-panier.gif) top no-repeat #daddec; width:150px; margin-top:4px;} #colright #panier .fond p { font-size:10px; color:#FFFFCC; padding:40px 5px 5px 5px; } #colright #panier .btpanier { height:36px} #colright #panier table { margin-top:20px; width:150px;} #colright #panier table th { height:14px; width:45px; color:#4e67a7; padding:0 4px; font-size:10px; text-align:left} #colright #panier table td { height:14px; width:45px; color:#4e67a7; padding:0 4px; font-size:10px; text-align:right} #colright .pub { height:197px; width:150px; margin-top:7px;background:url(../images/pubs/fond-pub.gif) top no-repeat ; } #colright .services { margin-top:9px} #colright .services .titre { height:29px;} #colright .services li { border-left:1px solid #FFF; border-right:1px solid #FFF; float:left; height:18px; width:126px; padding:2px 0 0 22px; margin:0 } #colright .services li.fond01 { background:url(../images/colright/services-fond01.gif) } #colright .services li.fond-a { background:url(../images/colright/services-fond02.gif) } #colright .services li.fond-b { background:url(../images/colright/services-fond03.gif) } #colright .services li a { color:#FFFFFF; text-decoration:none} #colright .services li a:hover { text-decoration:underline} #colright .services li a.fond-b { color:#000000; text-decoration:none;} #colright .services li a:hover.fond-b { text-decoration:underline} #colright .services li a.fond01 { color:#e20077; text-decoration:none;} #colright .services li a:hover.fond01 { text-decoration:underline} #colright .services li a.fond02 { color:#e31c18; text-decoration:none;} #colright .services li a:hover.fond02 { text-decoration:underline} #colright .services li a.fond03 { color:#ff7f33; text-decoration:none;} #colright .services li a:hover.fond03 { text-decoration:underline} #colright .services li a.fond04 { color:#896aa7; text-decoration:none;} #colright .services li a:hover.fond04 { text-decoration:underline} #colright .services li a.fond05 { color:#544794; text-decoration:none;} #colright .services li a:hover.fond05 { text-decoration:underline} #colright .services li a.fond06 { color:#014b91; text-decoration:none;} #colright .services li a:hover.fond06 { text-decoration:underline} #colright .services li a.fond07 { color:#0072ba; text-decoration:none;} #colright .services li a:hover.fond07 { text-decoration:underline} #colright .services li a.fond08 { color:#7bacd8; text-decoration:none;} #colright .services li a:hover.fond08 { text-decoration:underline} #colright .services .bas { height:10px; font-size:1px; background:url(../images/colright/services-bottom.gif) no-repeat top} #colright .illustration { height:184px; } #colright .sogenactif { height:36px; } #content #contentleft { float:left; width:809px; } #content #contentleft .nav2 { background: url(../images/header/bandeau_logo.gif) no-repeat bottom left; height:58px; } #content #contentleft .logo { float:left} #content #contentleft .offres { float:right; padding:15px 24px 0 0;} #content .recherche { background:url(../images/header/fond-recherche.gif) no-repeat; padding:3px 0 0 160px; height: 25px} #content .recherche input { height:16px; font-size:11px;} #content .recherche select { height:16px; font-size:11px;} #content .bienvenue { background:url(../images/header/fond-bienvenue.gif) no-repeat; color:#FFFFFF; height:24px; padding:1px 0 0px 40px;} #content .bienvenue a { color:#FFFFFF;} #content .bienvenue a:hover { color:#5f596f;} /*** COLONNE DE GAUCHE ***/ #colleft { float:left; width:151px; margin-right:10px; } #colleft .menu .catalogue { height:32px;} #colleft .menu li { float:left; height:18px; width:139px; padding:2px 0 0 12px; margin:0 } #colleft .menu li a { color:#49474a; text-decoration:none} #colleft .menu li.a1 { background:#e7dde9; } #colleft .menu li.a2 { background:#FFF; } #colleft .tntb { background:#a385a9; border-left:1px solid #FFF; border-right:1px solid #FFF; } #colleft .tntb .toutnouveau { position: relative; background:url(../images/colleft/tout-nouveau1.gif) top no-repeat; height:176px; } #colleft .tntb .toutnouveau img.visu { padding:28px 25px 0px 30px;} #colleft .tntb .toutbeau { position: relative; background:url(../images/colleft/tout-beau1.gif) top no-repeat; height:186px; } #colleft .tntb .toutbeau img.visu { padding:40px 30px 0px 30px;} #colleft .tntb p { padding:0px 10px 5px 15px;} #colleft .tntb p .prix { color:#CC0066; font-weight:bold; font-size:20px; display:block;margin-top:-68px; margin-left:30px;} #colleft .tntb p a { color:#000; text-decoration:none} #colleft .tntb p a:hover { text-decoration:underline} #colleft .tntb .voir { position: absolute; bottom:2px; right:13px;} /* Changement effectué par JCN COnsultant le 18/02/200 width: 648px */ #contentleft #contenu { float:left; width:648px; } #content #contenu .offre { height:188px} #content #contenu .titre { height:34px; } #contentleft #contenu .colonne1 { float:left; width:419px; background:#FFF } #contenu .colonne1 .selection p, #contenu .colonne2 .success p { color:#737373; padding:2px 10px 0 10px} #contenu .separation { background:url(../images/homepage/separation.gif); height:18px; clear:left; border-left:12px solid #fff; border-right:12px solid #fff } /*** BLOCS PRODUITS ***/ #contenu div.produit { position:relative; float:left; padding:10px 5px 0 10px; background:url(../images/homepage/fond-produit.gif) no-repeat top left; height:140px;} #contenu div.produit1 { position:relative; float:left; padding:0px 0px 0 0px; height:200px;} #contenu .colonne1 div.produit { width:190px; } #contenu .colonne2 div.produit { width:195px; } #contenu div.produit img.visu { float:left; margin:8px 16px 8px 8px} #contenu div.produit h2 { height:95px; font-size: 10px; } #contenu div.produit h2 a { color:#919191; text-decoration:none } #contenu div.produit h2 a:hover { text-decoration: underline } #contenu div.produit h2 a strong { font-weight:bold; display:block} #contenu div.produit h2 a:hover strong { text-decoration:underline} #contenu .colonne1 div.produit h2 a strong { color:#5b4162; } #contenu .colonne2 div.produit h2 a strong { color:#e30479; } #contenu div.produit .prix { margin:0px 0 0 5px; display:block; color:#e30479; font-size:17px; font-weight:bold;} #contenu div.produit .promo { margin:0px 0 0 5px; display:block; color:#e30479; font-size:11px; font-weight:bold;} #contenu div.produit .dispo { margin:0 0 0 5px; display:block; color:#000; font-size:10px;} #contenu div.produit .btn { position:absolute; bottom:0; right:0} #contenu div.produit select.couleur { width:90px;} #contenu div.produit select.taille { width:50px;} #contenu div.produit input.quantite { width:15px;} #contenu div.produit1 .prix { margin:0px 0 0 5px; display:block; color:#e30479; font-size:17px; font-weight:bold;} #contenu div.produit1 .promo { margin:0px 0 0 5px; display:block; color:#e30479; font-size:11px; font-weight:bold;} #contenu div.produit1 .dispo { margin:0 0 0 5px; display:block; color:#000; font-size:10px;} #contenu div.produit1 .btn { position:absolute; bottom:0; right:0} #contenu div.produit1 select.couleur { width:149px;} #contenu div.produit1 select.taille { width:50px;} #contenu div.produit1 input.quantite { width:15px;} #contenu .bottom { height:9px} #contentleft #contenu .colonne2 { float:right; width:219px; background:#FFF } #contenu .colonne2 .offre { height:188px} /*** PAGE ARTICLES + FICHE ARTICLE ***/ /* #contenu #article { background: url(../images/pages_articles/fond.gif); height:565px; padding:10px 0; } */ #contenu #article { background: url(../images/pages_articles/fond.gif) #FFF top no-repeat; padding:10px 0 0 0; } #contenu #article .bottom { background: url(../images/pages_articles/bas-arrondi.gif); height:20px; } #contenu .arbo { color:#919191; padding:0 10px} #contenu .arbo a { color:#919191;} #contenu .arbo a:hover { text-decoration:none} #contenu #article .titre { margin-top:10px; height:18px; width:623px; padding:10px; font-size:14px; font-weight:bold; text-transform:uppercase } #contenu #article .produit { width:300px;} /* Positionnement du prix en hauteur */ #contenu #article .produit h2 strong { color:#5b4162; height:40px;} #contenu #article .produit .btn { bottom:-15px; right:10px} #contenu #article .fichearticle { height:407px; padding:13px} #contenu #article .fichearticle h1 { font-size:18px; font-weight:bold; color:#5f596f} #contenu #article .fichearticle h2 { font-size:14px; font-weight:bold; color:#5f596f} #contenu #article .fichearticle .visu { float:left; position:relative; background:url(../images/pages_articles/fond-article.gif); height:248px; width:248px; padding:12px; margin: 10px 15px 10px 0} #article .fichearticle .visu div.zoom { position:absolute; bottom:0; right:0; height:40px;} #article .fichearticle .visu div.send { position:absolute; bottom:0; left:0; height:40px;} #article .fichearticle .prix { font-weight:bold; font-size:24px; color:#e30479; margin:15px 0 0 0} #article .fichearticle .dispo { font-weight:bold; font-size:11px; color:#5f596f; } #article .fichearticle th { font-weight:bold; font-size:11px; color:#5f596f; text-align:left } /*** PAGES GENERALES + COMMANDE ***/ /* #contenu #general, #contenu #commande { position:relative; background: url(../images/pages_articles/fond.gif); height:565px; padding:10px 0; }*/ #contenu #general, #contenu #commande { background: url(../images/pages_articles/fond.gif) #FFF top no-repeat; padding:10px 0 0 0; } #contenu #general .bottom { background: url(../images/pages_articles/bas-arrondi.gif); height:20px; } #contenu #commande .bottom { background: url(../images/pages_articles/bas-arrondi.gif); height:20px; } #contenu #general .titre { background:url(../images/pages_articles/fond-titre-doudou.gif); color:#ff7f33; margin-top:10px; height:18px; width:623px; padding:10px; font-size:14px; font-weight:bold; text-transform:uppercase } #contenu #commande .titre { background:url(../images/commande/fond-titre.gif); color:#5169a9; margin-top:10px; height:18px; width:623px; padding:10px; font-size:14px; font-weight:bold; text-transform:uppercase } #contenu #general .textes p { padding:6px 13px; color:#454e9f} #contenu #commande table { width:250px; margin-left:auto; margin-right:auto; margin-top:10px; } #contenu #commande table th { color:#454e9f; text-align:left; height:27px; width:70px; } #contenu #commande table td { color:#454e9f; height:22px; } #contenu #commande table td input { border:0; margin:0; padding:0} #contenu #commande table td input.texte { border:1px solid #8795e8; width:180px; margin-left:10px} #contenu #commande table td select { border:1px solid #8795e8; width:100px; margin-left:10px} /* #contenu #commande .suivant { position:absolute; bottom:4px; right:4px; } */ #contenu #commande .suivant { float:right; bottom:4px; right:4px; } /* #contenu #commande .precedent { position:absolute; bottom:4px; left:4px; } */ #contenu #commande .precedent { float:left; bottom:4px; left:4px; } #contenu #commande .illustration { margin-top:250px;} /*** GESTION DES COULEURS EN FONCTION DE LA CATEGORIE ***/ #contenu #article.textile .titre { background:url(../images/pages_articles/fond-titre-textile.gif); color:#e20077} #contenu #article.accessoires .titre { background:url(../images/pages_articles/fond-titre-accessoires.gif); color:#e31c18} #contenu #article.doudou .titre { background:url(../images/pages_articles/fond-titre-doudou.gif); color:#ff7f33} #contenu #article.grands .titre { background:url(../images/pages_articles/fond-titre-grands.gif); color:#896aa7} #contenu #article.chaussons .titre { background:url(../images/pages_articles/fond-titre-chaussons.gif); color:#544794} #contenu #article.peluches .titre { background:url(../images/pages_articles/fond-titre-peluches.gif); color:#014b91} #contenu #article.jeux .titre { background:url(../images/pages_articles/fond-titre-jeux.gif); color:#0072ba} #contenu #article.deco .titre { background:url(../images/pages_articles/fond-titre-peluches.gif); color:#7bacd8} #contenu #article.livres .titre { background:url(../images/pages_articles/fond-titre-textile.gif); color:#e20077} #contenu #general.textile .titre { background:url(../images/pages_articles/fond-titre-textile.gif); color:#e20077} #contenu #general.accessoires .titre { background:url(../images/pages_articles/fond-titre-accessoires.gif); color:#e31c18} #contenu #general.doudou .titre { background:url(../images/pages_articles/fond-titre-doudou.gif); color:#ff7f33} #contenu #general.grands .titre { background:url(../images/pages_articles/fond-titre-grands.gif); color:#896aa7} #contenu #general.chaussons .titre { background:url(../images/pages_articles/fond-titre-chaussons.gif); color:#544794} #contenu #general.peluches .titre { background:url(../images/pages_articles/fond-titre-peluches.gif); color:#014b91} #contenu #general.jeux .titre { background:url(../images/pages_articles/fond-titre-jeux.gif); color:#0072ba} #contenu #general.deco .titre { background:url(../images/pages_articles/fond-titre-peluches.gif); color:#7bacd8} #contenu #general.livres .titre { background:url(../images/pages_articles/fond-titre-textile.gif); color:#e20077} #colleft .menu li a.a1 { color:#e20077} #colleft .menu li a.a2 { color:#e31c18} #colleft .menu li a.a3 { color:#ff7f33} #colleft .menu li a.a4 { color:#896aa7} #colleft .menu li a.a5 { color:#544794} #colleft .menu li a.a6 { color:#014b91} #colleft .menu li a.a7 { color:#0072ba} #colleft .menu li a.a8 { color:#7bacd8} #colleft .menu li a:visited.a1 { color:#e20077} #colleft .menu li a:visited.a2 { color:#e31c18} #colleft .menu li a:visited.a3 { color:#ff7f33} #colleft .menu li a:visited.a4 { color:#896aa7} #colleft .menu li a:visited.a5 { color:#544794} #colleft .menu li a:visited.a6 { color:#014b91} #colleft .menu li a:visited.a7 { color:#0072ba} #colleft .menu li a:visited.a8 { color:#7bacd8} #colleft .menu li a:hover.a1 { color:#e20077;font-weight:bold;} #colleft .menu li a:hover.a2 { color:#e31c18;font-weight:bold;} #colleft .menu li a:hover.a3 { color:#ff7f33;font-weight:bold;} #colleft .menu li a:hover.a4 { color:#896aa7;font-weight:bold;} #colleft .menu li a:hover.a5 { color:#544794;font-weight:bold;} #colleft .menu li a:hover.a6 { color:#014b91;font-weight:bold;} #colleft .menu li a:hover.a7 { color:#0072ba;font-weight:bold;} #colleft .menu li a:hover.a8 { color:#7bacd8;font-weight:bold;}