/* /////////////////////////////////////////////////////////////////////////////// */ /* CSS commune pour toutes les opes ////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* Elements Communs *********************************/ .global_shoes { position:relative; width:982px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; } .global_shoes * { margin:0; padding:0; list-style-type:none; text-decoration:none; } .global_shoes .clear { clear:both; } .global_shoes a img { border:none; } .global_shoes_wrap { padding:0 4px 0 3px; overflow:hidden; zoom:1; } /* Header *******************************************/ #shoes_header { position:relative; width:975px; height:114px; margin:0 0 5px; background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_header.jpg) no-repeat left top;} #shoes_header ul {width:500px; height:25px; position:absolute; margin:0; left:293px; top:84px; padding:0; list-style-type:none;} #shoes_header ul li {width:120px; height:25px; padding-bottom:10px; margin-right:23px; display:inline;} #shoes_header ul li a {width:51px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:28px; font-size:15px; color:#fff; background:#000000 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/puce00.gif) no-repeat 18px 6px; padding:2px 29px 2px 32px; text-decoration:none;} #shoes_header ul li a.fem.on {text-decoration:none; background-color:#dd2b9c;} #shoes_header ul li a.hom.on {text-decoration:none; background-color:#12b6ec;} #shoes_header ul li a.enf.on {text-decoration:none; background-color:#f5840c;} #shoes_header ul li a.fem:hover {text-decoration:none; background-color:#dd2b9c;} #shoes_header ul li a.hom:hover {text-decoration:none; background-color:#12b6ec;} #shoes_header ul li a.enf:hover {text-decoration:none; background-color:#f5840c;} /* Menu de gauche ***********************************/ #shoes_nav { float:left; width:165px; margin:0 4px 0 0; } #shoes_nav dl { position:relative; width:165px; } #shoes_nav dl dt { padding:0 0 0 10px; line-height:31px; height:31px; font-weight:bold; font-size:12px; color:#fff; background:#661350 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/liste_nav_bandeau.gif) top left no-repeat; cursor:default; } #shoes_nav dl dd { } #shoes_nav dl dd a { background:#fff url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) 15px -200px no-repeat; display:block; line-height:20px; font-size:10px; color:#010101; font-family:Arial, Helvetica, sans-serif; } #shoes_nav dl dd a:hover { font-family:Arial, Helvetica, sans-serif; color:#010101; background:#e6e6e6 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) 15px -150px no-repeat; text-decoration:none; } #shoes_nav dl dd a span { padding:0 0 0 30px; display:block; background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/liste_nav_sep.gif) bottom left repeat-x; } #shoes_nav dl dd.nav_last { background:#ffffff; font-weight:bold; } /* Encarts principaux *******************************/ #shoes_zones { width:618px; float:left; margin:0 4px 0 0; } #shoes_z1 { position:relative; width:618px; height:350px; margin:0 0 6px; } #shoes_z2 { position:relative; width:618px; height:136px; background:#ccc; } #shoes_z3 { width:618px; height:136px; } #shoes_z3 { position:relative; clear:both; padding:10px 5px; text-align:justify; } #shoes_z3 h3 { margin:0 0 5px; font-size:18px; font-weight:normal; font-family:"Myriad Pro", "Times New Roman", Times, Arial, serif; color:#262525; } #shoes_z3 h3 span { color:#88075d; } #shoes_z3 p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#838383; } #shoes_marques a { display:block; position:absolute;} #shoes_marques a:hover { background:#333; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } /* /////////////////////////////////////////////////////////////////////////////// */ /* CSS specifiques aux opes ////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////// */ /* Zone 1 *******************************/ #shoes_z1 #ct_z1_nav { position:absolute; left:7px; bottom:7px; width:602px; height:27px; z-index:10; background:#ece8e8; filter:alpha(opacity=92); -moz-opacity:0.92; opacity:0.92; border:1px solid #bcbcbc; } #shoes_z1 #ct_z1_nav #ct_tendances { float:left; display:inline; width:85px; height:14px; background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/bg_tit_tendances.gif) no-repeat 0 0; margin:6px 12px 0 5px; } #shoes_z1 #ct_z1_nav #ct_tendances span { display:none; } #shoes_z1 .z1_nav { height:23px; margin:2px 0 0; } #shoes_z1 .z1_nav li { float:left; display:inline; } #shoes_z1 .z1_nav li a { font-family:Arial, Helvetica, sans-serif; display:inline; float:left; margin:0 3px; padding:0 0 0 12px; line-height:23px; font-size:12px; font-weight:bold; color:#560a48; background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 7px -23px; } #shoes_z1 .z1_nav li a span { font-family:Arial, Helvetica, sans-serif; display:block; padding:0 10px; } #shoes_z1 .z1_nav li a:hover,#shoes_z1 .z1_nav li a:active,#shoes_z1 .z1_nav li a.activeSlide { background:#82707c url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 7px 0; color:#fff; } #s1 .bt_link { position:absolute; display:block; text-indent:-9999px; } #s1 .bt_link:hover { background:#fff; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; } /* Boutons spécifiques enfants */ #shoes_z1 .bg_enf{position:relative; width:618px; height:350px; background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_enfant_z1.jpg) top left no-repeat;} #shoes_z1 .btn_principal {display:block;width:618px; height:350px;} #shoes_z1 a.btn_enf {width:94px; height:25px; position:absolute; top:306px;} #shoes_z1 a.btn_pos1 {left:182px;} #shoes_z1 a.btn_pos2 {left:289px;} #shoes_z1 a.btn_pos3 {left:396px;} #shoes_z1 a.btn_enf:hover{background:#FFFFFF; filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;} /*Boutons spécifique homme */ #shoes_z1 .bg_hom{position:relative; width:618px; height:350px; background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_homme_z1.jpg) top left no-repeat;} #shoes_z1 a.btn_hom, #bandeau_liste_homme_sport a.btn_hom {height:23px; position:absolute; top:271px;} #shoes_z1 a.btn_hom_cuir{position:absolute;left:304px;top:0;width:314px;height:350px;} #shoes_z1 a.btn_hom_toile{position:absolute;left:0;top:0;width:304px;height:350px;} #shoes_z1 a.btn_hom:hover{background:#FFFFFF; filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;} /* Spécifique femme - Carousel */ .global_zsab *{margin:0; padding:0; list-style-type:none;} .global_zsab{position:relative; width:590px; height:384px;} .item_1, .item_2, .item_3{display:block; width:618px; height:350px;} .item_1{background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_femme_think_dance.jpg) top left no-repeat;} .item_2{background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_femme_caravan_roots.jpg) top left no-repeat;} .item_3{background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_femme_american_vacation.jpg) top left no-repeat;} /* styles des controles*/ .jcarousel-control {position:absolute; left:540px; bottom:8px; text-align:center; z-index:10000;} .jcarousel-control ul li {float:left; display:inline; margin:0 7px 0 0} .jcarousel-control a {display:block; width:19px; height:19px} .jcarousel-control a:focus, .jcarousel-control a:active {outline: none;} .jcarousel-control a span {display:none} .jcarousel-control #n1 {background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/bg_n1.gif) no-repeat 0 0} .jcarousel-control #n2 {background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/bg_n2.gif) no-repeat 0 0} .jcarousel-control #n3 {background:url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/bg_n3.gif) no-repeat 0 0} .jcarousel-control #n1:hover, .jcarousel-control #n1.active {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} .jcarousel-control #n2:hover, .jcarousel-control #n2.active {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} .jcarousel-control #n3:hover, .jcarousel-control #n3.active {filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} /* Zone 2 *******************************/ #shoes_femme #shoes_z2 { background:#434242 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_femme_z2.jpg) no-repeat left top;} #shoes_enfant #shoes_z2 { background:#434242 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_enfant_z2.jpg) no-repeat left top;} #shoes_homme #shoes_z2 { background:#434242 url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_homme_z2.jpg) no-repeat left top;} .global_shoes .shoes_z2_wrap { padding:111px 0 0; } .global_shoes #shoes_z2 ul { height:26px; overflow:hidden; zoom:1; } .global_shoes #shoes_z2 ul li { width:101px; height:25px; display:block; float:left; background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_z2_bt.gif) no-repeat left top; } .global_shoes #shoes_z2 a { color:#fff; font-size:12px; line-height:26px; width:75px; height:26px; display:block; } .global_shoes #shoes_z2 .shoes_z2_homme a:hover { color:#00d9cc; } .global_shoes #shoes_z2 .shoes_z2_femme a:hover { color:#ff0071; } .global_shoes #shoes_z2 .shoes_z2_enfant a:hover { color:#e8d904; } .global_shoes #shoes_z2 a span { padding:0 0 0 30px; display:block; background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 20px -47px; } .global_shoes #shoes_z2 .shoes_z2_homme a:hover span { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 20px -125px; } .global_shoes #shoes_z2 .shoes_z2_femme a:hover span { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 20px -73px; } .global_shoes #shoes_z2 .shoes_z2_enfant a:hover span { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_swatches.gif) no-repeat 20px -99px; } /* Marques */ #shoes_marques { height:491px; width:178px; display:block; float:left; position:relative; } #shoes_femme #shoes_marques { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_femmes_marques.jpg) top left no-repeat; } #shoes_homme #shoes_marques { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_homme_marques.jpg) top left no-repeat; } #shoes_enfant #shoes_marques { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_enfant_marques.jpg) top left no-repeat; } /* Femme */ #shoes_femme #shoes_marques .link_1 { height:45px; left:17px; top:32px; width:147px; } #shoes_femme #shoes_marques .link_2 { height:34px; left:20px; top:87px; width:143px; } #shoes_femme #shoes_marques .link_3 { height:40px; left:11px; top:139px; width:159px; } #shoes_femme #shoes_marques .link_4 { height:55px; left:31px; top:190px; width:116px; } #shoes_femme #shoes_marques .link_5 { height:65px; left:36px; top:254px; width:110px; } #shoes_femme #shoes_marques .link_6 { height:57px; left:41px; top:329px; width:100px; } #shoes_femme #shoes_marques .link_7 { height:49px; left:41px; top:397px; width:100px; } /* Homme */ #shoes_homme #shoes_marques .link_1 { height:49px; left:39px; top:12px; width:100px; } #shoes_homme #shoes_marques .link_2 { height:85px; left:42px; top:63px; width:95px; } #shoes_homme #shoes_marques .link_3 { height:78px; left:61px; top:150px; width:56px; } #shoes_homme #shoes_marques .link_4 { height:52px; left:20px; top:230px; width:142px; } #shoes_homme #shoes_marques .link_5 { height:43px; left:28px; top:284px; width:117px; } #shoes_homme #shoes_marques .link_6 { height:55px; left:28px; top:329px; width:117px; } #shoes_homme #shoes_marques .link_7 { height:62px; left:32px; top:382px; width:117px; } /* Enfant */ #shoes_enfant #shoes_marques .link_1 { height:50px; left:12px; top:30px; width:152px; } #shoes_enfant #shoes_marques .link_2 { height:65px; left:33px; top:82px; width:115px; } #shoes_enfant #shoes_marques .link_3 { height:60px; left:37px; top:149px; width:106px; } #shoes_enfant #shoes_marques .link_4 { height:42px; left:11px; top:211px; width:155px; } #shoes_enfant #shoes_marques .link_5 { height:75px; left:27px; top:255px; width:123px; } #shoes_enfant #shoes_marques .link_6 { height:44px; left:24px; top:332px; width:132px; } #shoes_enfant #shoes_marques .link_7 { height:65px; left:24px; top:378px; width:132px; } #shoes_marques .shoes_marques_button { top:459px; left:10px; height:24px; width:161px; line-height:23px; display:block; position:absolute; background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_marques_bt.gif) top left no-repeat; font-size:12px; color:#fff; cursor:pointer;} #shoes_marques .shoes_marques_button:hover { background:transparent url(http://media.laredoute.fr/intl/Chameleon/es/es/pe10/opeco/Shoes_V1/ope_marques_bt.gif) top left no-repeat; } #shoes_marques .shoes_marques_button span { height:23px; width:161px; line-height:23px; display:block; text-align: center; }