/* RÉINITIALISATION DES ÉLÉMENTS --------------------------------------------------------------------------------------- */ /* YUI reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* YUI base */ h1 { font-size:138.5%; } h2 { font-size:123.1%; } h3 { font-size:108%; } h1,h2,h3 { margin:1em 0; } h1,h2,h3,h4,h5,h6,strong { font-weight:bold; } abbr,acronym { border-bottom:1px dotted #000; cursor:help; } em { font-style:italic; } blockquote,ul,ol,dl { margin:1em; } ol,ul,dl { margin-left:2em; } ol li { list-style: decimal outside; } ul li { list-style: disc outside; } dl dd { margin-left:1em; } th,td { border:1px solid #000; padding:.5em; } th { font-weight:bold; text-align:center; } caption { margin-bottom:.5em; text-align:center; } p,fieldset,table { margin-bottom:1em; } /* BODY ET HTML --------------------------------------------------------------------------------------- */ html{ color: #4c4c4c; font-size: 12px; font-family: Verdana, Times, "Courier New"; /* Garder seulement 3 fontes */ } body{ background: #FFF url(gx/bg_body.gif) repeat-x scroll center top; margin: 0; padding: 0; text-align: center; } /* TEXTES ET HYPERLIENS GLOBAUX --------------------------------------------------------------------------------------- */ p{ font-size: 12px; line-height: 18px; color: #4c4c4c; } .conteneurPageTexte h1{ color: #4c4c4c; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0 0 4px 0; background: url(Gx/ligne_pointille_h1.gif) repeat-x left bottom; } .conteneurPageTexte h2{ color: #FE4800; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; padding: 0; } .conteneurPageTexte h3{ color: #4C4C4C; font-size: 13px; font-weight: bold; margin: 0 0 3px 0; padding: 5px 0 0 0; } .conteneurPageTexte a{ color: #FE4800; text-decoration: underline; } .conteneurPageTexte a:hover{ color: #FE4800; text-decoration: none; } .conteneurPageTexte ul{ margin: 15px 15px 15px 25px; padding: 0; } .conteneurPageTexte ul li{ margin: 0; padding: 0; list-style-type: square; color: #4c4c4c; font-size: 12px; line-height: 18px; } .separateur{ width: auto; height: 30px; background: url(Gx/ligne_pointille_sep.gif) repeat-x left top; clear: both; } /* CONTENEURS ET CLASSES GÉNÉRALES --------------------------------------------------------------------------------------- */ /* HAUT */ #conteneur{ margin: 0 auto; text-align: left; width: 980px; } .both{ clear: both; } #conteneur #haut{ height: 93px; width: 980px; position: relative; } #conteneur #logo{ width: 246px; height: 61px; border: 1px #132b51 solid; display: block; outline: none; position: absolute; left: 12px; top: 15px; overflow: hidden; } #conteneur #logo #pays{ position: absolute; top: 46px; right: 40px; } #conteneur a#loginClient{ width: 186px; height: 40px; position: absolute; top: 26px; right: 0; display: block; outline: none; } #conteneur.langue_fr a#loginClient{ background: url(Gx/login_client_fr.gif) no-repeat; } #conteneur.langue_en a#loginClient{ background: url(Gx/login_client_en.gif) no-repeat; } #conteneur.langue_es a#loginClient{ background: url(Gx/login_client_es.gif) no-repeat; } #conteneur div#loginClient{ line-height: 10px; width: 148px; height: 32px; position: absolute; top: 26px; right: 0; border: 1px #9CB3BC solid; padding: 3px 3px 3px 35px; font-size: 9px; background: white url(Gx/lock.gif) no-repeat 10px center; overflow: hidden; } #conteneur div#loginClient a{ color: #C80000; text-decoration: none; } #conteneur div#loginClient a:hover{ text-decoration: underline; } #conteneur #btnPanier{ height: 38px; display: block; border: 1px #9cb3bc solid; float: right; background: white url(Gx/icone_panier.gif) no-repeat 13px 5px; padding: 0 20px 0 60px; position: absolute; top: 26px; right: 195px; text-decoration: none; font-size: 12px; color: #c80000; line-height: 10px; outline: none; } #conteneur #btnPanier span{ color: #383838; font-size: 12px; display: block; margin: 6px 0 6px 0; text-decoration: none; } /* CONTENUE */ #conteneur #contenu{ width: 980px; } #conteneur #contenu #collGauche{ width: 732px; float: left; } #conteneur #contenu #collDroite{ width: 235px; float: right; position: relative; } /* RECHERCHE */ #conteneur #contenu #collDroite #recherche{ width: 235px; height: 88px; background: #d5d5d5; margin-bottom: 8px; position: relative; } #conteneur #contenu #collDroite #recherche h3{ font-size: 12px; font-weight: bold; color: #868686; position: absolute; left: 23px; top: 8px; margin: 0; padding: 0; } #conteneur #contenu #collDroite #recherche #rechecheAcceuilMotsCles{ width: 168px; height: 14px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; position: absolute; top: 30px; left: 23px; font-size: 11px; color: #3F3F3F; margin: 0; padding: 1px 2px 0 2px; } #conteneur #contenu #collDroite #recherche #rechecheAcceuilCategorie{ width: 175px; height: 17px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; position: absolute; top: 57px; left: 23px; font-size: 11px; color: #9b9b9b; margin: 0; padding: 0; } #conteneur #contenu #collDroite #recherche #rechecheAcceuilCategorie{ height: 19px !important!; } #conteneur #contenu #collDroite #recherche #rechecheAcceuilCategorie option{ font-weight: bold; padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 2px; } #conteneur #contenu #collDroite #recherche #btnGo{ width: 26px; height: 18px; display: block; background: url(Gx/btn_go.gif) no-repeat left top; position: absolute; left: 203px; top: 57px; outline: none; } #conteneur #contenu #collDroite #recherche #btnGo:hover{ background-position: left bottom; } /* BOITE COLL DROITE */ #conteneur #collDroite a#boiteZoneJunior{ height: 121px; width: 235px; display: block; outline: none; text-decoration: none; margin-bottom: 8px; } #conteneur.langue_fr #collDroite a#boiteZoneJunior{ background: url(Gx/boite_zone_junior_fr.jpg) no-repeat left top; } #conteneur.langue_en #collDroite a#boiteZoneJunior{ background: url(Gx/boite_zone_junior_en.jpg) no-repeat left top; } #conteneur.langue_es #collDroite a#boiteZoneJunior{ background: url(Gx/boite_zone_junior_es.jpg) no-repeat left top; } #conteneur #collDroite a#boiteZoneJunior:hover{ background-position: left bottom; } #conteneur #collDroite a#boiteZoneInstitutionnelle{ height: 121px; width: 235px; display: block; outline: none; text-decoration: none; margin-bottom: 8px; } #conteneur.langue_fr #collDroite a#boiteZoneInstitutionnelle{ background: url(Gx/boite_zone_institutionnelle_fr.jpg) no-repeat left top; } #conteneur.langue_en #collDroite a#boiteZoneInstitutionnelle{ background: url(Gx/boite_zone_institutionnelle_en.jpg) no-repeat left top; } #conteneur.langue_es #collDroite a#boiteZoneInstitutionnelle{ background: url(Gx/boite_zone_institutionnelle_es.jpg) no-repeat left top; } #conteneur #collDroite a#boiteContact{ width: 235px; height: 123px; background: url(Gx/bg_boite_contact.jpg) no-repeat left top; display: block; outline: none; position: relative; margin-bottom: 8px; font-size: 12px; line-height: 15px; color: white; text-decoration: none; } #conteneur #collDroite a#boiteContact span#titre{ position: absolute; left: 9px; top: 9px; } #conteneur #collDroite a#boiteContact span#heure{ position: absolute; left: 9px; top: 101px; } #conteneur #collDroite #boitePublicite{ margin-bottom: 8px; } #conteneur #collDroite #boitePublicite a{ text-decoration: none; outline: none; } #conteneur #collDroite #boitePublicite img{ vertical-align: top; } #conteneur #collDroite a#boitePaiementsSecurises{ width: 235px; height: 103px; text-decoration: none; outline: none; display: block; } /* Fil d'ariane */ #conteneur #collGauche #filDariane{ width: 732px; height: 45px; overflow: hidden; } #conteneur #collGauche #filDariane ul{margin: 6px 0 0 1px; padding: 0; } #conteneur #collGauche #filDariane ul li{ margin: 0 5px 0 0; padding: 0; list-style: none; display:inline; color: #4c4c4c; font-size: 11px; } #conteneur #collGauche #filDariane ul li a{ color: #4c4c4c; font-size: 11px; text-decoration: none; } #conteneur #collGauche #filDariane ul li.actif{ color: #fe4800; } #conteneur #collGauche #filDariane ul li a:hover{ text-decoration: underline; } /* Page texte */ #conteneur #collGauche #conteneurPageTexte{ width: 732px; } #conteneur #collGauche #contenueSousTitre{ width: 717px; border-top: 1px white solid; background: url(Gx/07/degrader_liste_produit.gif) no-repeat center top; padding: 24px 15px 0 0; } /* choix de langue et de pays */ #BoiteChoixDeLangue{ width: 528px; height: 268px; border: 10px #132b51 solid; background: white url(Gx/bg_boite_choix_langue.gif) no-repeat left top; position: relative; } #BoiteChoixDeLangue #titreBoite{ margin: 0; padding: 0; font-size: 15px; color: #132b51; font-weight: bold; position: absolute; left: 13px; top: 19px; } #BoiteChoixDeLangue #btnFermer{ background: white url(Gx/btn_close_boite_choix_langue.gif) no-repeat center; width: 11px; height: 11px; border: 1px #999999 solid; display: block; position: absolute; left: 496px; top: 16px; padding: 0; margin: 0; outline: none; } #BoiteChoixDeLangue #btnAccepter, #BoiteChoixDeLangue #btnAnnuler{ background: url(Gx/btn_boite_choix_langue.gif) no-repeat left top; width: 118px; height: 21px; display: block; outline: none; color: white; text-decoration: none; font-size: 12px; text-align: center; padding-top: 5px; } #BoiteChoixDeLangue #btnAccepter:hover, #BoiteChoixDeLangue #btnAnnuler:hover{ background-position: left bottom; } #BoiteChoixDeLangue #btnAccepter{ position: absolute; top: 222px; left: 15px; } #BoiteChoixDeLangue #btnAnnuler{ position: absolute; top: 222px; left: 139px; } #BoiteChoixDeLangue #boiteListePays{ position: absolute; top: 61px; left: 40px; width: 240px; height: 144px; background: url(Gx/no1_boite_choix_langue.gif) no-repeat left top; } #BoiteChoixDeLangue #boiteListeLangue{ position: absolute; top: 61px; left: 280px; width: 248px; height: 144px; background: url(Gx/no2_boite_choix_langue.gif) no-repeat left top; } #BoiteChoixDeLangue .titreListe{ position: absolute; left: 33px; top: 4px; margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #132b51; } #BoiteChoixDeLangue .listeChoix{ margin: 0; padding: 0; position: absolute; top: 31px; left: 33px; } #BoiteChoixDeLangue .listeChoix li{ margin: 0; padding: 0 0 14px 0; list-style: none; } #BoiteChoixDeLangue .listeChoix li a{ margin: 0; padding: 0; color: #40aae0; font-size: 12px; font-weight: normal; text-decoration: none; display: block; outline: none; } #BoiteChoixDeLangue .listeChoix li a:hover{ color: #fe6f00; } #BoiteChoixDeLangue .listeChoix li.actif a{ color: #fe6f00; font-weight: bold; } /* boite pub inscription */ div#boitePubInscription{ border: 1px #BFBFBF solid; padding: 15px; background: #EFEFEF; } ul#planSite{ margin: 0; padding: 0; } ul#planSite li{ margin: 0 0 2px 0; padding: 0; list-style: none; } ul#planSite li ul{ margin: 5px 0 5px 30px; } .listeLienHautPage a{ display: inline; color: #FE4800; margin-bottom: 3px; font-weight: bold; margin: 0; padding: 0; float: left; } .listeLienHautPage a:hover{ color: #FE4800; } .listeLienHautPage span{ margin: 0; padding: 0 5px; float: left; } .cacherHeureEnMagasin{ display: none; color: #fe4800; font-size: 10px; display: inline; } /* MENUS --------------------------------------------------------------------------------------- */ #conteneur #menuHaut{ height: 30px; } #conteneur #menuHaut ul{ float: right; height: 30px; margin: 0; padding: 0; } #conteneur #menuHaut ul li{ float: right; height: 30px; margin: 0; padding: 0; list-style: none; } #conteneur #menuHaut ul li.sep{ color: #b8bfca; font-size: 10px; position: relative; top: 7px; } #conteneur #menuHaut ul li a{ color: #b8bfca; font-size: 11px; text-decoration: none; display: block; padding: 7px 20px 0 20px; margin: 0; display: block; outline: none; } #conteneur #menuHaut ul li a:hover{ color: #dfaf07; } #conteneur #menuHaut ul li#selectPays a{ background: url(Gx/M/icone_pays.gif) no-repeat 20px 5px; padding-left: 45px; padding-bottom: 2px; } #conteneur #menuHaut ul li#selectPays a:hover{ background: url(Gx/M/icone_pays_on.gif) no-repeat 20px 5px; } #conteneur #menu{ height: 32px; width: 980px; } #conteneur #menu table{ padding: 0; margin: 0 0 1px 0; width: 980px; height: 31px; overflow: hidden; } #conteneur #menu table tr, #conteneur #menu table td{ margin: 0; padding: 0; border: none; height: 31px; } #conteneur #menu table td{ background: url(Gx/M/bg_menu.gif) no-repeat left top; margin-right: 1px; } #conteneur #menu table td.sep{ width: 1px; overflow: hidden; background: none; } #conteneur #menu table td a{ outline: none; display: block; padding: 9px 25px 0 25px; text-align: center; height: 22px; font-size: 12px; color: #fefefe; text-decoration: none; background: url(Gx/M/coin_droite.gif) no-repeat right top; } #conteneur #menu table td.hover a{ background-position: right bottom; } #conteneur #menu table td.hover{ background-position: left bottom; } #conteneur #menu table td.actif a{ background-position: right bottom; } #conteneur #menu table td.actif{ background-position: left bottom; } body .sousMenu{ position: absolute; top: 0; left: 0; text-align: left; margin: 0; padding: 8px 0; display: none; z-index: 20; } body .sousMenu a{ color: white; line-height: 10px; text-decoration: none; margin: 0; padding: 4px 10px 4px 20px; display: block; background: url(Gx/M/puce_sous_menu_on.gif) no-repeat 10px 8px; outline: none; } body .sousMenu a{ background-position: 10px 7px !important!; } body .sousMenu a:hover{ color: #8ca2c5; text-decoration: none; background-image: url(Gx/M/puce_sous_menu.gif); } body .bgSousMenu{ position: absolute; top: 0; left: 0; width: 0; padding: 0; margin: 0; background: #0a1b36; display: none; z-index: 19; overflow: hidden; } /* MENU SPORT */ #conteneur #contenu #collDroite #menuSport{ width: 235px; height: 178px; background: #132a4f; margin-bottom: 1px; overflow: hidden; } #conteneur #contenu #collDroite #menuSport ul{ margin: 0; padding: 15px 0 13px 0; width: 235px; height: 152px; background: red; vertical-align: top; } #conteneur.langue_fr #contenu #collDroite #menuSport ul{ background: url(Gx/M/menu_sport_fr.gif) no-repeat left top; } #conteneur.langue_en #contenu #collDroite #menuSport ul{ background: url(Gx/M/menu_sport_en.gif) no-repeat left top; } #conteneur.langue_es #contenu #collDroite #menuSport ul{ background: url(Gx/M/menu_sport_es.gif) no-repeat left top; } #conteneur #contenu #collDroite #menuSport ul li{ margin: 0; padding: 0; list-style: none; width: 235px; height: 30px; overflow: hidden; } #conteneur #contenu #collDroite #menuSport ul li a{ width: 235px; height: 30px; display: block; outline: none; overflow: hidden; } #conteneur.langue_fr #contenu #collDroite #menuSport ul li a{ background: url(Gx/M/menu_sport_fr.gif) no-repeat left top; } #conteneur.langue_en #contenu #collDroite #menuSport ul li a{ background: url(Gx/M/menu_sport_en.gif) no-repeat left top; } #conteneur.langue_es #contenu #collDroite #menuSport ul li a{ background: url(Gx/M/menu_sport_es.gif) no-repeat left top; } #conteneur #contenu #collDroite #menuSport ul li a span{ display: none; } #conteneur #contenu #collDroite #menuSport ul li#tennis a{ background-position: left -15px; } #conteneur #contenu #collDroite #menuSport ul li#badminton a{ background-position: left -45px; } #conteneur #contenu #collDroite #menuSport ul li#squash a{ background-position: left -75px; } #conteneur #contenu #collDroite #menuSport ul li#racquetball a{ background-position: left -105px; } #conteneur #contenu #collDroite #menuSport ul li#pingpong a{ background-position: left -135px; } #conteneur #contenu #collDroite #menuSport ul li#tennis a:hover{ background-position: right -15px; } #conteneur #contenu #collDroite #menuSport ul li#badminton a:hover{ background-position: right -45px; } #conteneur #contenu #collDroite #menuSport ul li#squash a:hover{ background-position: right -75px; } #conteneur #contenu #collDroite #menuSport ul li#racquetball a:hover{ background-position: right -105px; } #conteneur #contenu #collDroite #menuSport ul li#pingpong a:hover{ background-position: right -135px; } #conteneur #contenu #collDroite .sousMenuSport{ position: absolute; top: 0; left: 0; text-align: left; margin: 0; padding: 7px 0 0 0; height: 171px; display: none; z-index: 20; } #conteneur #contenu #collDroite .sousMenuSport a{ color: white; line-height: 10px; text-decoration: none; margin: 0; padding: 4px 30px 4px 20px; display: block; background: url(Gx/M/puce_sous_menu_on.gif) no-repeat 10px 8px; outline: none; } #conteneur #contenu #collDroite .sousMenuSport a{ background-position: 10px 7px !important!; } #conteneur #contenu #collDroite .sousMenuSport a:hover{ color: #8ca2c5; text-decoration: none; background-image: url(Gx/M/puce_sous_menu.gif); } #conteneur #contenu #collDroite .bgSousMenuSport{ position: absolute; top: 0; left: 0; width: 0; height: 178px; padding: 0; margin: 0; background: #0a1b36; display: none; z-index: 19; overflow: hidden; } #conteneur #collGauche #boiteBanniere{ margin-bottom: 8px; overflow: hidden; width: 732px; height: 178px; } /* PAGE ACCUEIL --------------------------------------------------------------------------------------- */ #conteneur #collGauche #boiteBanniereAccueil{ margin-bottom: 8px; overflow: hidden; width: 732px; height: 267px; } #conteneur #collGauche #boiteCallToAction{ height: 121px; width: 732px; margin-bottom: 16px; } #conteneur #collGauche #boiteCallToAction a#boiteVideo{ height: 121px; width: 235px; display: block; outline: none; text-decoration: none; margin-right: 13px; float: left; } #conteneur.langue_fr #collGauche #boiteCallToAction a#boiteVideo{ background: url(Gx/01/boite_video_fr.jpg) no-repeat left top; } #conteneur.langue_en #collGauche #boiteCallToAction a#boiteVideo{ background: url(Gx/01/boite_video_en.jpg) no-repeat left top; } #conteneur.langue_es #collGauche #boiteCallToAction a#boiteVideo{ background: url(Gx/01/boite_video_es.jpg) no-repeat left top; } #conteneur #collGauche #boiteCallToAction a#boiteVideo:hover{ background-position: left bottom; } #conteneur #collGauche #boiteCallToAction a#boiteDemo{ height: 121px; width: 235px; display: block; outline: none; text-decoration: none; margin-right: 12px; float: left; } #conteneur.langue_fr #collGauche #boiteCallToAction a#boiteDemo{ background: url(Gx/01/boite_demo_fr.jpg) no-repeat left top; } #conteneur.langue_en #collGauche #boiteCallToAction a#boiteDemo{ background: url(Gx/01/boite_demo_en.jpg) no-repeat left top; } #conteneur.langue_es #collGauche #boiteCallToAction a#boiteDemo{ background: url(Gx/01/boite_demo_es.jpg) no-repeat left top; } #conteneur #collGauche #boiteCallToAction a#boiteDemo:hover{ background-position: left bottom; } #conteneur #collGauche #boiteCallToAction a#boiteZoneConseil{ height: 121px; width: 237px; display: block; outline: none; text-decoration: none; float: left; } #conteneur.langue_fr #collGauche #boiteCallToAction a#boiteZoneConseil{ background: url(Gx/01/boite_zone_conseils_fr.jpg) no-repeat left top; } #conteneur.langue_en #collGauche #boiteCallToAction a#boiteZoneConseil{ background: url(Gx/01/boite_zone_conseils_en.jpg) no-repeat left top; } #conteneur.langue_es #collGauche #boiteCallToAction a#boiteZoneConseil{ background: url(Gx/01/boite_zone_conseils_es.jpg) no-repeat left top; } #conteneur #collGauche #boiteCallToAction a#boiteZoneConseil:hover{ background-position: left bottom; } /* produit accueil */ #conteneur #collGauche #conteneurProduitAccueil{ width: 732px; } #conteneur #collGauche #conteneurProduitAccueil #collGauche{ width: 350px; float: left; } #conteneur #collGauche #conteneurProduitAccueil #collDroite{ width: 350px; float: right; } #conteneur #collGauche #conteneurProduitAccueil h1{ color: #4c4c4c; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0 0 4px 0; background: url(Gx/ligne_pointille_h1.gif) repeat-x left bottom; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil{ margin: 0; padding: 0; width: 350px; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li{ margin: 0; padding: 0 0 1px 0; width: 350px; height: 145px; list-style: none; background: url(Gx/ligne_pointille_sep.gif) repeat-x left bottom; overflow: hidden; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockImage{ width: 140px; height: 145px; float: left; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockImage a.image{ height: 95px; width: 95px; position: relative; top: 25px; margin: 0 auto; overflow: hidden; display: block; outline: none; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockImage a.image img{ vertical-align: top; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockDescription{ width: 210px; height: 135px; float: left; padding-top: 10px; overflow: hidden; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockDescription .description{ width: 200px; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockDescription .description h2{ margin: 0 0 2px 0; padding: 0; font-size: 12px; font-weight: bold; color: #4c4c4c; line-height: 17px; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li.hover div.blockDescription .description h2{ text-decoration: underline; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockDescription .description span.prix{ font-size: 12px; color: #4c4c4c; display: block; margin-bottom: 12px; } #conteneur #collGauche #conteneurProduitAccueil .listeAccueil li div.blockDescription .description span.prix span{ font-size: 12px; color: #cd0404; font-weight: bold; } /* nouveauté */ #conteneur #collGauche #conteneurProduitAccueil #collGauche #listeNouveaute li div.blockDescription .description a.btnSuite{ width: 100px; height: 19px; display: block; text-decoration: none; background: url(Gx/btn_suite.gif) no-repeat left top; margin: 0; padding: 4px 0 0 4px; text-align: center; color: white; font-size: 11px; outline: none; } #conteneur #collGauche #conteneurProduitAccueil #collGauche #listeNouveaute li div.blockDescription .description a.btnSuite:hover, #conteneur #collGauche #conteneurProduitAccueil #collGauche #listeNouveaute li.hover div.blockDescription .description a.btnSuite{ background-position: left bottom; } /* promotions */ /*#conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li div.blockImage a.image{ top: 15px; }*/ #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li div.blockImage a.btnSuite{ display: block; position: relative; top: 20px; left: 42px; padding-left: 18px; background: url(Gx/icone_loupe.gif) no-repeat left 3px; font-size: 11px; text-decoration: none; color: #4c4c4c; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li div.blockImage a.btnSuite:hover, #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li.hover div.blockImage a.btnSuite{ text-decoration: underline; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li .btnSpecial{ height: 23px; float: left; background: #b60404 url(Gx/btn_prix_special_coin_gauche.gif) no-repeat left top; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li .btnSpecial a{ display: block; height: 20px; margin: 0; padding: 3px 8px 0 8px; color: #fffefe; font-size: 11px; text-decoration: none; float: left; background: url(Gx/btn_prix_special_coin_droite.gif) no-repeat right top; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li .btnSpecial a span.prix{ display: inline; color: white; font-size: 14px; font-weight: bold; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li .btnSpecial a span.signeDollar{ display: inline; color: white; font-size: 12px; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li.hover .btnSpecial{ background-color: #e00404; background-position: left bottom; } #conteneur #collGauche #conteneurProduitAccueil #collDroite #listePromotion li.hover .btnSpecial a{ background-position: right bottom; } #conteneur #collGauche #conteneurProduitAccueil .lienAutre{ font-size: 11px; color: #cd0404; float: right; background: url(Gx/fleche_rouge.gif) no-repeat left center; padding-left: 6px; text-decoration: none; margin: 12px 6px 0 0; } #conteneur #collGauche #conteneurProduitAccueil .lienAutre:hover{ text-decoration: underline; } /* Équipements des pros */ #conteneur #equipementDesPros{ clear: both; width: 980px; } #conteneur #equipementDesPros ul#listeAssociation{ margin: 0px 0 5px 0; padding: 10px 0 0 0; background: transparent url(Gx/07/degrader_liste_produit.gif) no-repeat center top; border-top: 1px white solid; height: 48px; } #conteneur #equipementDesPros ul#listeAssociation li{ margin: 0 10px 0 0; padding: 0; list-style: none; height: 52px; float: left; } #conteneur #equipementDesPros ul#listeAssociation li a{ display: block; height: 48px; border: 2px white solid; outline: none; float: left; } #conteneur #equipementDesPros ul#listeAssociation li a:hover, #conteneur #equipementDesPros ul#listeAssociation li a.actif{ border: 2px #F57F01 solid; } #conteneur #equipementDesPros h1{ color: #4c4c4c; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0 0 4px 0; background: url(Gx/ligne_pointille_h1.gif) repeat-x left bottom; } #conteneur #equipementDesPros .containerScrollPros{ width: 980px; height: 200px; padding-top: 23px; overflow: hidden; position: relative; } #conteneur #equipementDesPros .containerScrollPros .slider_prev{ width: 22px; height: 200px; display: block; position: absolute; top: 23px; left: 0px; background: #EDEDED url(Gx/01/fleche_gauche_scroll_pros.gif) no-repeat left center; z-index: 10; outline: none; } #conteneur #equipementDesPros .containerScrollPros .slider_prev:hover{ background: #D9D7D7 url(Gx/01/fleche_gauche_scroll_pros.gif) no-repeat right center; } #conteneur #equipementDesPros .containerScrollPros .slider_next{ width: 22px; height: 200px; display: block; position: absolute; top: 23px; right: 0px; background: #EDEDED url(Gx/01/fleche_droite_scroll_pros.gif) no-repeat left center; z-index: 11; outline: none; } #conteneur #equipementDesPros .containerScrollPros .slider_next:hover{ background: #D9D7D7 url(Gx/01/fleche_droite_scroll_pros.gif) no-repeat right center; } #conteneur #equipementDesPros .boiteScrollPros .item{ width: 959px; height: 200px; text-align: center; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro{ width: 151px; height: 196px; padding: 1px; margin: 0 12px; float: left; border: 1px #d8d8d8 solid; display: block; outline: none; text-decoration: none; color: white; overflow: hidden; cursor: pointer; display:inline; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro.premier{ margin-left: 54px; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro:hover{ border: 1px #808080 solid; text-decoration: underline; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro .boitePhoto{ width: 151px; height: 170px; overflow: hidden; position: relative; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro .boitePhoto img{ vertical-align: top; } #conteneur #equipementDesPros .boiteScrollPros .item .boitePro .nomJoueur{ width: 151px; height: 20px; text-align: center; color: white; background: #4c4c4c; font-size: 11px; border-top: 1px white solid; padding-top: 5px; } /* PAGE EQUIPEMENTS DES PROS --------------------------------------------------------------------------------------- */ #conteneur .logoListePro a{ outline: none; } #conteneur .logoListePro img{margin:0 10px;} #conteneur div.displayNone{display:none;} #conteneur h2.headerListePro{ color: #4c4c4c; font-weight: bold; font-size: 16px; font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0 0 4px 0; background: url(Gx/ligne_pointille_sep.gif) repeat-x left bottom; } #conteneur div.listePro{ padding: 20px 0 30px 0; margin: 1px 0 0 0; background: url(Gx/07/degrader_liste_produit.gif) no-repeat center top; } #conteneur .listePro ul{ width: 732px; margin: 0; padding: 0 0 0 4px; } #conteneur .listePro ul li{ width: 155px; height: 200px; margin: 0 13px 26px 13px; padding: 0; list-style: none; float: left; display:inline; } #conteneur .listePro ul li a{ width: 151px; height: 196px; padding: 1px; border: 1px #d8d8d8 solid; display: block; outline: none; text-decoration: none; color: white; overflow: hidden; cursor: pointer; } #conteneur .listePro ul li a:hover{ border: 1px #808080 solid; text-decoration: underline; } #conteneur .listePro ul li a .boitePhoto{ width: 151px; height: 170px; overflow: hidden; position: relative; } #conteneur .listePro ul li a .boitePhoto img{ vertical-align: top; } #conteneur .listePro ul li a .nomJoueur{ width: 151px; height: 20px; text-align: center; color: white; background: #4c4c4c; font-size: 11px; border-top: 1px white solid; padding-top: 5px; } #conteneur #conteneurFicheJoueurPro h1{ color: #4c4c4c; font-weight: bold; font-size: 22px; font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0 0 4px 0; background: url(Gx/ligne_pointille_h1.gif) repeat-x left bottom; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro{ width: 732px; padding: 20px 0 30px 0; margin: 1px 0 0 0; background: url(Gx/07/degrader_liste_produit.gif) no-repeat center top; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #collGauchePhoto{ float: left; width: 220px; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #collGauchePhoto img{ vertical-align: top; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #collDroiteInfo{ float: left; width: 512px; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #collDroiteInfo p.labelGauche{ width: 140px; padding: 0 20px 8px 0; margin: 0; float: left; line-height: 15px; font-size: 11px; font-weight: bold; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #collDroiteInfo p.texteDroite{ padding: 0 0 8px 0; margin: 0; float: left; line-height: 15px; font-size: 11px; } #conteneur #conteneurFicheJoueurPro #ficheJoueurPro #titreListeProduit{ color: #e64905; font-size: 16px; margin-top: 30px; } /* PAGE ZONE CONSEILS --------------------------------------------------------------------------------------- */ #conteneur #collGauche #listeConseil h2.nomSport{ font-size: 18px; font-family: "Trebuchet MS", verdana; margin: 20px 0 10px 0; padding: 0; color: #4c4c4c; } #conteneur #collGauche #listeConseil a.titreConseil{ margin: 0 0 3px 20px; padding: 0 0 2px 0; display: block; outline: none; font-size: 12px; color: #4c4c4c; text-decoration: underline; font-weight: bold; } #conteneur #collGauche #listeConseil a.titreConseil:hover{ text-decoration: none; color: #E64905; } #conteneur #collGauche #listeConseil div.texteConseil{ display: none; margin: 0; padding: 15px 40px 15px 40px; font-size: 12px; color: #4c4c4c; line-height: 18px; } /* PAGE FAQ --------------------------------------------------------------------------------------- */ #conteneur #collGauche #listeFAQ a.question{ font-size: 12px; color: #4c4c4c; font-weight: bold; margin: 0 0 3px 0; padding: 0 0 5px 0; display: block; text-decoration: none; } #conteneur #collGauche #listeFAQ a.question:hover{ color: #E64905; text-decoration: none; } #conteneur #collGauche #listeFAQ div.reponse{ font-size: 12px; color: #4c4c4c; line-height: 18px; margin: 0; padding: 15px 20px 15px 20px; display: none; font-size: 12px; color: #4c4c4c; line-height: 18px; } /* PAGE EMPLOIE --------------------------------------------------------------------------------------- */ #conteneur #collGauche .listeEmploie{ margin: 0; padding: 0; } #conteneur #collGauche .listeEmploie li{ margin: 0; padding: 0; list-style: none; } #conteneur #collGauche .listeEmploie li a{ text-decoration: none; margin: 0; padding: 0; display: block; outline: none; } #conteneur #collGauche .listeEmploie li a:hover h3{ text-decoration: underline; } #conteneur #collGauche .listeEmploie li a h3{ color: #E64905; font-size: 12px; font-weight: bold; margin: 0 0 4px 0; padding: 0; } #conteneur #collGauche .listeEmploie li a p{ margin: 0 0 20px 0; padding: 0; font-size: 12px; } /* PAGE LISTE PRODUIT --------------------------------------------------------------------------------------- */ #conteneur #collGauche #titreListeProduit{ font-size: 22px; color: #4c4c4c; margin: 0; padding: 0 0 2px 0; background: url(Gx/ligne_pointille_h1.gif) repeat-x left bottom; } #conteneur #collGauche #containerProduits{ width: 732px; border-top: 1px white solid; background: url(Gx/07/degrader_liste_produit.gif) no-repeat center top; padding-top: 24px; } #conteneur #collGauche #containerProduits #hautProduit{ width: 695px; height: 102px; padding: 0 27px 0 10px; margin-bottom: 17px; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque{ width: 513px; height: 100px; border: 1px #d8d8d8 solid; background: url(Gx/07/degrader_navigation_marque.gif) repeat-y left top; position: relative; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque.large{ width: 693px; height: 100px; border: 1px #d8d8d8 solid; background: url(Gx/07/degrader_navigation_marque_large.gif) repeat-y left top; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque.largeJunior{ width: 693px; height: 100px; border: 1px #d8d8d8 solid; background: url(Gx/07/degrader_navigation_marque_large_junior.gif) repeat-y left top; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque h2{ color: #383838; font-weight: bold; font-size: 12px; position: absolute; left: 25px; top: 15px; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeSexe{ width: 150px; height: 17px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; position: absolute; left: 25px; top: 35px; font-size: 11px; color: #9b9b9b; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeSexe{ height: 19px !important!; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeSexe option{ padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeMarque{ width: 200px; height: 17px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; position: absolute; left: 25px; top: 60px; font-size: 11px; color: #9b9b9b; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeMarque{ height: 19px !important!; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #listeMarque option{ padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher{ width: 76px; height: 19px; display: block; position: absolute; top: 60px; left: 245px; outline: none; } #conteneur.langue_fr #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher{ background: url(Gx/07/btn_chercher_fr.gif) no-repeat left top; } #conteneur.langue_fr #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher.junior{ background: url(Gx/07/btn_chercher_junior_fr.gif) no-repeat left top; } #conteneur.langue_en #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher{ background: url(Gx/07/btn_chercher_en.gif) no-repeat left top; } #conteneur.langue_en #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher.junior{ background: url(Gx/07/btn_chercher_junior_en.gif) no-repeat left top; } #conteneur.langue_es #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher{ background: url(Gx/07/btn_chercher_es.gif) no-repeat left top; } #conteneur.langue_es #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher.junior{ background: url(Gx/07/btn_chercher_junior_es.gif) no-repeat left top; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher:hover, #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #btnChercher.junior:hover{ background-position: left bottom; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #logoMarque{ width: 177px; height: 85px; overflow: hidden; position: absolute; top: 8px; right: 5px; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #choixRecherche{ position: absolute; top: 5px; left: 400px; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #choixRecherche h2{ position: static; margin: 8px 0 1px 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #choixRecherche select{ width: 200px; height: 17px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; font-size: 11px; color: #9b9b9b; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #choixRecherche select{ height: 19px !important!; } #conteneur #collGauche #containerProduits #hautProduit #navigationMarque #choixRecherche select option{ padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 0; } #conteneur #collGauche #containerProduits #hautProduit #boiteDetaillantCertifie{ float: right; width: 157px; height: 102px; } #conteneur #collGauche #containerProduits #hautProduit #boiteDetaillantCertifie a{ outline: none; } #conteneur #collGauche #containerProduits .listeAccessoire{margin: 5px 0 0 10px; padding: 0; } #conteneur #collGauche #containerProduits .listeAccessoire li{ margin: 0 15px 15px 0; padding: 1px; list-style: none; float: left; width: 155px; height: 155px; border: 1px #d8d8d8 solid;} #conteneur #collGauche #containerProduits .listeAccessoire li.hover{ border-color: #fdce00; background: #fdce00; list-style-image: none; } #conteneur #collGauche #containerProduits .listeProduits{ margin: 5px 0 0 10px; padding: 0;} #conteneur #collGauche #containerProduits .listeProduits li{ margin: 0 25px 25px 0; padding: 1px; list-style: none; float: left; width: 151px; height: 236px; border: 1px #d8d8d8 solid; } #conteneur #collGauche #containerProduits .listeProduits li.hover{ border-color: #fdce00; background: #fdce00; } #conteneur #collGauche #containerProduits .listeProduits li div.description{ width: 149px; height: 210px; background: white; margin: 1px 1px 0 1px; text-align: center; overflow: hidden; } #conteneur #collGauche #containerProduits .listeProduits li div.description a.boiteImage{ width: 125px; height: 125px; display: block; margin: 4px auto 0 auto; text-align: left; outline: none; } #conteneur #collGauche #containerProduits .listeProduits li div.description a.boiteImage img{ vertical-align: top; } #conteneur #collGauche #containerProduits .listeProduits li div.description h2{ font-size: 11px; color: #4c4c4c; padding: 0 5px; margin: 4px 0 0 0; line-height: 12px; } #conteneur #collGauche #containerProduits .listeProduits li div.description span.prix{ font-size: 12px; color: #4c4c4c; display: block; margin: 3px 0 5px 0; } #conteneur #collGauche #containerProduits .listeProduits li div.description span.prix span{ color: #4c4c4c; font-weight: bold; } #conteneur #collGauche #containerProduits .listeProduits li div.description span.special{ background: #cd0404; color: #FFF; font-weight: bold; clear: both; padding:2px 5px; } #conteneur #collGauche #containerProduits .listeProduits li div.description span.special span{ color: #FFF; font-weight: bold; } #conteneur #collGauche #containerProduits .listeProduits li div.description span.nouveaute{background: #E88600; color: #FFF; font-weight: bold; clear: both; padding:2px 5px;} #conteneur #collGauche #containerProduits .listeProduits li div.description span.demo{background: #849632; color: #FFF; font-weight: bold; clear: both; padding:2px 5px;} #conteneur #collGauche #containerProduits .listeProduits li div.description span.prevente{background: #193867; color: #FFF; font-weight: bold; clear: both; padding:2px 5px;} #conteneur #collGauche #containerProduits .listeProduits li div.btnSuite{ background: #4c4c4c; width: 149px; height: 20px; border: 1px #4c4c4c solid; border-width: 0px 1px 1px 1px; text-align: center; padding-top: 4px; } #conteneur #collGauche #containerProduits .listeProduits li div.btnSuite a{ color: white; text-decoration: none; font-size: 11px; position: relative; margin: 0; padding: 0 0 0 16px; } #conteneur #collGauche #containerProduits .listeProduits li div.btnSuite a div.iconeLoupe{ width: 14px; height: 12px; background: url(Gx/07/icone_loupe.gif) no-repeat left top; position: absolute; top: 2px; left: -2px; overflow: hidden; } #conteneur #collGauche #containerProduits .listeProduits li.hover div.btnSuite a div.iconeLoupe{ background-position: left -12px; } #conteneur #collGauche #containerProduits .listeProduits li.hover div.btnSuite{ border-color: #fdce00; background: #fdce00; } /* pagination */ #pagination{ font-size: 11px; float: right; margin-right: 23px; } #pagination a{ text-decoration: none; background: #4c4c4c; border: solid 1px #4c4c4c; border-color: #4c4c4c #4c4c4c #707070 #707070; color: white; } #pagination a, #pagination span{ display: block; float: left; padding: 1px 3px; margin-right: 5px; margin-bottom: 5px; } #pagination .current{ background: #f68205; border: solid 1px #f68205; border-color: #f68205 #f68205 #f89b37 #f89b37; color: white; } #pagination .current.prev, #pagination .current.next{ color:#999; border-color:#999; background:#fff; } /* PAGE DÉTAIL PRODUIT --------------------------------------------------------------------------------------- */ #conteneur #collGauche #containerDetailProduit{ width: 732px; border-top: 1px white solid; background: url(Gx/07/degrader_liste_produit.gif) no-repeat center top; padding-top: 24px; } #conteneur #collGauche #containerDetailProduit #collGauche{ width: 335px; float: left; } #conteneur #collGauche #containerDetailProduit #collDroite{ width: 380px; float: right; } #conteneur #collGauche #containerDetailProduit #collDroite p span.nouveaute{ background: #E88600; color: #FFF; font-weight: bold; margin-top: 3px; padding:2px 5px; } #conteneur #collGauche #containerDetailProduit #collDroite p span.prevente{ background: #193867; color: #FFF; font-weight: bold; margin-top: 3px; padding:2px 5px; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit{ width: 331px; height: 286px; border: 1px #d8d8d8 solid; padding: 1px; overflow: hidden; margin-bottom: 8px; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit #containerPhoto{ width: 250px; height: 250px; margin: 5px auto 6px auto; overflow: hidden; *margin: 5px auto 7px auto !important!; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit #btnDetail{ width: 331px; height: 20px; background: #4c4c4c; text-align: center; padding-top: 5px; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit #btnDetail a{ color: white; text-decoration: none; font-size: 11px; position: relative; margin: 0; padding: 0 0 0 16px; outline: none; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit #btnDetail a div.iconeLoupe{ width: 14px; height: 12px; background: url(Gx/07/icone_loupe.gif) no-repeat left top; position: absolute; top: 2px; left: -2px; overflow: hidden; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit.hover{ border: 2px #FDCE00 solid; padding: 0px; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit.hover #containerPhoto{ *margin: 4px auto 7px auto !important!; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit.hover #btnDetail{ background: #FDCE00; } #conteneur #collGauche #containerDetailProduit #collGauche #photoProduit.hover #btnDetail a div.iconeLoupe{ background: url(Gx/07/icone_loupe.gif) no-repeat left -12px; } #conteneur #collGauche #containerDetailProduit #collGauche #photoOptionelle{ width: 335px; height: 124px; margin-bottom: 12px; overflow: hidden; } #conteneur #collGauche #containerDetailProduit #collGauche #photoOptionelle #photoGauche{ width: 164px; height: 122px; border: 1px #d8d8d8 solid; float: left; margin-right: 3px; overflow: hidden; } #conteneur #collGauche #containerDetailProduit #collGauche #photoOptionelle #photoDroite{ width: 164px; height: 122px; border: 1px #d8d8d8 solid; float: left; overflow: hidden; } #conteneur #collGauche #containerDetailProduit #collGauche #photoOptionelle img{ margin: 0; padding: 0; vertical-align: top; } #conteneur #collGauche #containerDetailProduit #collGauche #commentaire{ background: url(Gx/ligne_pointille_sep.gif) repeat-x left top; } #conteneur #collGauche #containerDetailProduit #collGauche #commentaire h2{ font-size: 22px; color: #4c4c4c; font-family: "Trebuchet MS", verdana; margin: 0 0 8px 0; padding: 15px 0 0 0; } #conteneur #collGauche #containerDetailProduit #collGauche #commentaire p{ text-align: justify; } #conteneur #collGauche #containerDetailProduit #collDroite h3{ font-size: 12px; color: #4C4C4C; margin: 0 0 8px 0; } #conteneur #collGauche #containerDetailProduit #collDroite span.prix{ font-size: 14px; color: #cd0513; font-weight: bold; } #conteneur #collGauche #containerDetailProduit #collDroite .btnSpecial{ height: 23px; float: left; background: #E00404 url(Gx/btn_prix_special_coin_gauche.gif) no-repeat left bottom; } #conteneur #collGauche #containerDetailProduit #collDroite .btnSpecial span.texte{ display: block; height: 20px; margin: 0; padding: 3px 8px 0 8px; color: #fffefe; font-size: 11px; text-decoration: none; float: left; background: url(Gx/btn_prix_special_coin_droite.gif) no-repeat right bottom; } #conteneur #collGauche #containerDetailProduit #collDroite .btnSpecial span.texte span.prix{ display: inline; color: white; font-size: 14px; font-weight: bold; } #conteneur #collGauche #containerDetailProduit #collDroite .btnSpecial span.texte span.signeDollar{ display: inline; color: white; font-size: 12px; } #conteneur #collGauche #containerDetailProduit #collDroite .btnDemo{ height: 23px; float: left; background: #9CAD49 url(Gx/btn_prix_demo_coin_gauche.gif) no-repeat left bottom; } #conteneur #collGauche #containerDetailProduit #collDroite .btnDemo span.texte{ display: block; height: 20px; margin: 0; padding: 3px 8px 0 8px; color: #fffefe; font-size: 11px; text-decoration: none; float: left; background: url(Gx/btn_prix_demo_coin_droite.gif) no-repeat right bottom; } #conteneur #collGauche #containerDetailProduit #collDroite .btnDemo span.texte span.prix{ display: inline; color: white; font-size: 14px; font-weight: bold; } #conteneur #collGauche #containerDetailProduit #collDroite .btnDemo span.texte span.signeDollar{ display: inline; color: white; font-size: 12px; } #conteneur #collGauche #containerDetailProduit #collDroite .btnGris{ width: 244px; height: 21px; display: block; font-size: 12px; background: url(Gx/07/btn_gris.gif) no-repeat left top; color: white; text-align: center; text-decoration: none; padding-top: 6px; outline: none; } #conteneur #collGauche #containerDetailProduit #collDroite .btnGris span{ position: relative; padding-left: 20px; } #conteneur #collGauche #containerDetailProduit #collDroite .btnGris span div.fleche{ position: absolute; top: 4px; left: 0; background: url(Gx/07/btn_gris.gif) no-repeat right top; width: 15px; height: 9px; overflow: hidden; } #conteneur #collGauche #containerDetailProduit #collDroite .btnGris:hover{ background-position: left bottom; } #conteneur #collGauche #containerDetailProduit #collDroite .btnGris:hover span div.fleche{ background-position: right -9px; } #conteneur #collGauche #containerDetailProduit #collDroite .lienDetail{ color: #5e5e5e; text-decoration: underline; } #conteneur #collGauche #containerDetailProduit #collDroite .lienDetail:hover{ text-decoration: none; } #conteneur #collGauche #containerDetailProduit #collDroite #boiteSpecifications{ background: url(Gx/ligne_pointille_sep.gif) repeat-x left top; width: 380px; padding: 15px 0 0 0; margin: 15px 0 20px 0; } #conteneur #collGauche #containerDetailProduit #collDroite #boiteSpecifications h2{ font-size: 22px; font-family: "Trebuchet MS", verdana; color: #e64905; margin: 0; padding: 0 0 20px 0; } #conteneur #collGauche #containerDetailProduit #collDroite #boiteSpecifications p.labelGauche{ width: 150px; padding: 0 20px 15px 0; margin: 0; float: left; line-height: 15px; } #conteneur #collGauche #containerDetailProduit #collDroite #boiteSpecifications p.texteDroite{ width: 210px; padding: 0 0 15px 0; margin: 0; float: left; line-height: 15px; } #formAjoutPanier .champTexte{ width: 55px; display:block; float:left;} #formAjoutPanier .listeDeroulante{ width: 195px; background: #fff; border: 1px solid #CFCFCF; display:block;float:left; } #formAjoutPanier label { width: 150px; } /* Méthodes de paiement */ #methodPaiement{ float:left; margin: 0 0 0 10px; } #lblTitre{ font-weight: bold; display: block; float: none; } #methodPaiement .checkPaiement1{ margin: 15px 15px 0 0; float: left; } #methodPaiement .checkPaiement2{ margin: 10px 15px 0 0; float: left; } #methodPaiement img{ float:left; } #methodPaiement .divPaiement1{ margin: 0 0 10px 0; } #banqueSupp{ padding : 5px 0 0 28px; } #banqueSupp img{ padding : 5px 5px 5px 0; } /* BULLE D'AIDE */ #conteneur #collGauche #containerDetailProduit #collDroite .imageBulleAide{ margin-left: 3px; } .qtip .qtip-content b{ font-size: 13px; } .qtip .qtip-content table{ margin: 0; } /* ATHLETE IMPLICATION --------------------------------------------------------------------------------------- */ #listeAthleteImplication h2{ margin-top: 30px; } #listeAthleteImplication ul{ margin: 0; padding: 0; } #listeAthleteImplication ul li{ margin: 0; padding: 0; list-style: none; margin-bottom: 3px; } #listeAthleteImplication ul li a{ font-weight: bold; color: #FE4800; text-decoration: none; } #listeAthleteImplication ul li a:hover{ text-decoration: underline; } #ficheImpicationAthlete{ width: 732px; } #ficheImpicationAthlete #photoAthlete{ width: 300px; float: left; } #ficheImpicationAthlete #ficheAthlete{ width: 432px; float: left; } #ficheImpicationAthlete #ficheAthlete p{ line-height: 14px; } /* VIDÉOS --------------------------------------------------------------------------------------- */ #listeVideo{ width: 732px; } #listeVideo a{ width: 165px; padding: 7px; float: left; text-decoration: none; margin-bottom: 10px; text-align: center; font-size: 12px; font-weight: bold; color: black; outline: none; } #listeVideo a img{ margin-bottom: 8px; border: 2px white solid; } #listeVideo a:hover img{ border: 2px #F57F01 solid; } #listeVideo a:hover{ color: #F57F01; } /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #piedPage{ width: 980px; clear: both; padding: 25px 0 0 0; margin-bottom: 50px; color: #afaeae; } #piedPage a{ color: #afaeae; text-decoration: none; font-size: 11px; } #piedPage a:hover{ color: #fdce00; } #piedPage #infolettre{ width: 980px; height: 93px; background: url(Gx/bg_infolettre.jpg) no-repeat; position: relative; } #piedPage #infolettre h2{ font-size: 14px; text-transform: uppercase; color: #f5f5f5; width: 355px; text-align: right; position: absolute; top: 53px; left: 0; margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana; font-weight: bold; } #piedPage #infolettre #boiteEmail{ position: absolute; top: 49px; left: 394px; width: 243px; height: 18px; border: none; color: #3F3F3F; font-size: 11px; padding: 5px 5px 0 5px; } #piedPage #infolettre #btnGo{ width: 26px; height: 18px; display: block; background: url(Gx/btn_go.gif) no-repeat left top; position: absolute; left: 672px; top: 51px; outline: none; } #piedPage #infolettre #btnGo:hover{ background-position: left bottom; } #piedPage #basPiedPage{ background: #132b51 url(Gx/degrader_bas_pied_page.gif) repeat-x; width: 956px; padding: 25px 12px 27px 12px; } #piedPage #basPiedPage #menuPiedPage{ padding-bottom: 22px; } #piedPage #basPiedPage #menuPiedPage table{ width: 950px; margin: 0 0 15px 0; } #piedPage #basPiedPage #menuPiedPage table tr td, #piedPage #basPiedPage table tr{ padding: 0; text-align: left; vertical-align: top; border: none; } #piedPage #basPiedPage #menuPiedPage table tr td h3{ font-size: 11px; text-transform: uppercase; margin: 0 0 16px 0; padding: 0; color: white; } #piedPage #basPiedPage #menuPiedPage table tr td ul{ margin: 0; padding: 0; } #piedPage #basPiedPage #menuPiedPage table tr td ul li{ margin: 0; padding: 0; list-style: none; } #piedPage #basPiedPage #menuPiedPage table tr td ul li a{ margin: 0; padding: 0; line-height: 17px; } #piedPage #basPiedPage p{ font-size: 11px; line-height: 17px; color: #AFAEAE; margin: 27px 0 0 0; padding: 0; } /* Partager cette page (bookmarker) */ #socialBookmarker{ float: right; background: url(Gx/bg_bookmark.gif) no-repeat right top; padding-top: 0px; position: relative; top: -8px; width: 235px; } #socialBookmarkerPrefix{ float:left; cursor:default; background: url(Gx/logo_bookmark.gif) no-repeat left top; padding-left: 34px; padding-top: 4px; height: 19px; text-transform: uppercase; font-size: 11px; font-family: Arial; color: #b6bcc5; } .bookmarkIconesVisibles{ float:left; margin-left:2px; margin-top: 4px; } .bookmarkIconesVisibles{ margin-top: 3px !important!; } #bookmarkHoverPopup{ position:absolute; border:solid 1px; background-color:white; text-align:left; padding:4px; width:315px; display:none; margin-top: -3px; } #bookmarkHoverPopup .bookmarkHoverPopupItems{ float:left; width:150px; height:25px; margin-right:4px; } #bookmarkHoverPopup .bookmarkHoverPopupItems a{ line-height:25px; height:25px; } #bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{ border:none; color:black; display:block; text-decoration: none; width:150px; padding-left:2px; border: 1px solid #fff; } #bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{ text-decoration: none; color:#333333; border: 1px solid #666; width:150px; height:25px; display:block; background-color:#eee; padding-left:2px; } /* RECHERCHE --------------------------------------------------------------------------------------- */ #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche{ padding: 15px; width: 663px; height: 38px; border: 1px #d8d8d8 solid; background: url(Gx/07/degrader_navigation_marque_large.gif) repeat-y left top; position: relative; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche h2{ color: #383838; font-weight: bold; font-size: 12px; margin: 0 0 2px 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #rechecheMotsCles{ width: 250px; height: 14px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; font-size: 11px; color: #3F3F3F; margin: 0 0 9px 0; padding: 1px 2px 0 2px; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #rechecheCategorie{ width: 206px; height: 17px; border: 1px #9b9b9b solid; border-color: #9b9b9b white white #9b9b9b; font-size: 11px; color: #4C4C4C; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #rechecheCategorie{ height: 19px !important!; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #rechecheCategorie option{ padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 0; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #btnChercher{ width: 76px; height: 19px; display: block; position: absolute; top: 31px; left: 530px; outline: none; } #conteneur.langue_fr #collGauche #containerProduits #hautProduit #navigationRecheche #btnChercher{ background: url(Gx/07/btn_chercher_fr.gif) no-repeat left top; } #conteneur.langue_en #collGauche #containerProduits #hautProduit #navigationRecheche #btnChercher{ background: url(Gx/07/btn_chercher_en.gif) no-repeat left top; } #conteneur.langue_es #collGauche #containerProduits #hautProduit #navigationRecheche #btnChercher{ background: url(Gx/07/btn_chercher_es.gif) no-repeat left top; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #btnChercher:hover{ background-position: left bottom; } #conteneur #collGauche #containerProduits #hautProduit #navigationRecheche #boiteCategorie{ position: absolute; left: 300px; top: 15px; } #conteneur #collGauche #containerProduits #hautProduit #boiteTriRecherche{ height: 20px; width: 695px; text-align: right; padding-top: 12px; } #conteneur #collGauche #containerProduits #hautProduit #rechecheOrdre{ float: right; } #conteneur #collGauche #containerProduits #hautProduit p{ margin: 0; padding: 0; font-size: 12px; } #conteneur #collGauche #containerProduits #hautProduit #rechecheOrdre{ height: 17px; border: 1px #9b9b9b solid; font-size: 11px; color: #4C4C4C; margin: 0; padding: 0; } #conteneur #collGauche #containerProduits #hautProduit #rechecheOrdre{ height: 19px !important!; } #conteneur #collGauche #containerProduits #hautProduit #rechecheOrdre option{ padding: 1px 2px; color: black; font-weight: normal; padding: 0 10px 0 0; } #conteneur #collGauche #containerProduits table { background-color: #CDCDCD; margin:10px 0 15px 11px; font-size: 8pt; width: 696px; text-align: left; } #conteneur #collGauche #containerProduits table thead tr th, #conteneur #collGauche #containerProduits table tfoot tr th { background-color: #e6EEEE; border: 1px solid #CDCDCD; font-size: 8pt; padding: 4px; text-align: left; } #conteneur #collGauche #containerProduits table tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } #conteneur #collGauche #containerProduits table tbody tr.odd td { background-color:#F0F0F6; } #conteneur #collGauche #containerProduits table tr, #conteneur #collGauche #containerProduits table td { border: 1px #CDCDCD solid; } #conteneur #collGauche #containerProduits table a{ color: #4c4c4c; text-decoration: underline; } #conteneur #collGauche #containerProduits table a:hover{ color: #4c4c4c; text-decoration: none; } /* ACCES CLIENT --------------------------------------------------------------------------------------- */ .tableauCommande { background-color: #CDCDCD; margin: 0 0 10px 0; font-size: 8pt; width: 100%; text-align: left; } .tableauCommande thead tr th, .tableauCommande tfoot tr th { background-color: #e6EEEE; border: 1px solid #CDCDCD; font-size: 8pt; padding: 4px; text-align: center; } .tableauCommande tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: center; } .tableauCommande tbody tr.odd td { background-color:#F0F0F6; } .tableauCommande tr, .tableauCommande td { border: 1px #CDCDCD solid; } .tableauCommande a{ color: #4c4c4c; text-decoration: underline; } .tableauCommande a:hover{ color: #4c4c4c; text-decoration: none; } .tableauCommande td.lienAction a{ color: #FE4800; } .tableauCommande td.lienAction{ text-align: center; } .tableauDetailCommande td, #conteneur #collGauche .tableauDetailCommande tr{ border: none; padding: 5px 10px 5px 0; } /* FORMULAIRES --------------------------------------------------------------------------------------- */ .btnFormulaire{ height: 27px; background: #4c4c4c url(Gx/btn_formulaire_cote_gauche.gif) no-repeat left top; float: left; margin: 0 8px 4px 0; } .btnFormulaire.retour{ background: #4c4c4c url(Gx/btn_formulaire_cote_gauche_retour.gif) no-repeat left top; } .btnFormulaire a{ height: 21px; display: block; color: white; padding: 6px 18px 0 38px; text-decoration: none; background: url(Gx/btn_formulaire_cote_droite.gif) no-repeat right top; float: left; } .btnFormulaire a:hover{ color: white; text-decoration: underline; } .btnFormulaire:hover{ background-position: left bottom; background-color: #807D7D; } .btnFormulaire:hover a{ text-decoration: none; color: white; background-position: right bottom; text-decoration: none; } .champTexte, .textBox{ width: 350px; border: 1px #CFCFCF solid; height: 16px; padding: 2px; } .listeDeroulante{ background: white; border: 1px solid #CFCFCF; color: black; font-size: 11px; margin:2px 0 2px 0; } label { width: 200px; display: block; float: left; margin-bottom: 10px; margin-right: 10px; font-size: 12px; position: relative; top: 3px; } label.noSize { width: auto; display: inline; float: none; margin: 0 0 0 10px; } div.listeCheckbox{ float: left; padding-top: 3px; } div.listeCheckbox label{ float: none; width: auto; display: inline; margin: 0; padding: 0; position: relative; top: -2px; } div.listeCheckbox input{ padding: 0; margin: 0; } div.listeRadio{ } div.listeRadio label{ display: inline; width: auto; } div.listeRadio input{ margin-right: 5px; } .boiteTexte{ background: white; border: 1px #CFCFCF solid; width: 350px; height: 150px; margin: 0 0 4px 0; color: black; font-size: 13px; padding: 2px; } .bouton{ background-color: #EEF3F7; color: #498ECB; font-size: 13px; font-weight: bold; } .bouton:hover{background-color:#1A80B6; color:#FFF;} #Submit { margin-left: 210px; margin-top: 10px; color: #2C6EC2; } #Submit:hover { color: white; } .champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ fieldset{ border: none; margin: 0 0 35px 0; padding: 0; } fieldset legend{ border: none; margin: 0 0 10px 0; padding: 0; color: #E64905; font-size: 16px; font-weight: bold; } .clearBoth{ clear: both; } .lienPetit{ font-size: 10px; } .messageSousInput{ font-size: 10px; display: block; margin: 0px 0 -8px 0; padding: 0px; color: #7F7F7F; } .erreur { color: red; }