/* CSS Document */
/*Filtres left*/
#colLeftM {
position:relative;
float: left;
/*width:192px;
margin:0 9px 10px 0;*/
width:19%;
margin-right:1.4%;
margin-bottom:10px;
color: #000;
text-align: left;
}
.titleColLeft {
padding:5px 43px 25px 10px;
text-transform:uppercase;
text-align:right;
}
#colLeftM span#colLeftMText {
position:absolute;
top:0;
left:0;
display:block;
margin:0;
font-size:14px;
background: transparent url(/gfx/prods/bg_colLeft.png) no-repeat center top;
}
#colLeftM div#reset2 {
font-size:10px;
text-transform: none;
position: relative;
top: 53px;
}
#colLeftM ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#colLeftM .blc {
margin-bottom: 15px;
margin-top:35px;
padding-top:35px;
background-color: #e5e6e7;
}
#colLeftM .blc.filtres {
background: #fff;
}
#colLeftM li a.title {
display: block;
min-height:14px;
padding:2px 0 1px 9px;/*Din Bold*/
/*padding:1px 0 1px 9px;*/
font-size: 13px;
color: #ffffff;
text-transform: uppercase;
}
:lang(de) #colLeftM li a.title {
font-size: 12px;
}
#colLeftM li.toggleSubMenu a.expand {
background: #919292 url(/gfx/pictos/expand_plus.png) no-repeat right 4px;
cursor: pointer;
}
#colLeftM li.toggleSubMenu.open a.expand {
background-position: right -30px;
}
#colLeftM li.toggleSubMenu a.expand > span {
/*display:inline-block;
padding: 0 20px 0 13px;
background: transparent url(/gfx/pictos/expand_arrow.png) no-repeat left 4px;*/
padding-left:13px;
background: #919292 url(/gfx/pictos/expand_arrow.png) no-repeat left 4px;
}
#colLeftM li.toggleSubMenu.open a.expand > span {
background-position: left -30px;
}
#colLeftM ul ul {
/*max-height:215px;*/
max-height:196px;
overflow: auto;
padding-top:4px;
padding-bottom:10px;
}
#colLeftM ul.blc.filtres ul {
max-height: none;
}
#colLeftM li {
position:relative;
padding:1px 0 1px 0;
border-top:1px solid #acacad;
}
#colLeftM li li {
margin: 0;
padding: 0;
border:none;
padding-left:22px;
background: transparent url(/gfx/prods/spr_filters_3.png) no-repeat 5px 1px;
}
#colLeftM li li.ok {
padding-left:0;
background-image:none;
}
#colLeftM li li:hover {
font-weight: bold;
background-color: #BADCE9;
background-position:5px -77px;
}
#colLeftM li li[data-ngn] {
cursor:pointer;
}
#colLeftM li .multi.hasone li:hover {
background: #BADCE9;
}
#colLeftM li li.on {
font-weight: bold;
background: #00B5F5;
}
#colLeftM li .multi.hasone li.on:hover {
background: #00B5F5;
}
#colLeftM li li:hover a, #colLeftM li li.on a {
color: #fff;
}
#colLeftM li li i {
display:inline-block;
width:22px;
background: transparent url(/gfx/prods/spr_filters_3.png) no-repeat 5px 1px;
}
#colLeftM li li:hover i {
background-position: 5px -80px;
}
#colLeftM li li i:hover {
background-position: 5px -40px;
}
#colLeftM ul#colors li i:hover {
background-position: 5px -37px;
}
#colLeftM li li.on i {
background-position: 5px -80px;
}
#colLeftM li li.on:hover i {
background-position: 5px -120px;
}
#colLeftM .multi.hasmany li.on:hover i {
background-position: 5px -80px;
}
#colLeftM .multi.hasmany li.on i:hover {
background-position: 5px -120px;
}
#colLeftM ul#colors li.on i:hover {
background-position: 6px -115px;
}
#colLeftM .multi.hasmany li.on.xor i {
background-position: 5px -120px;
}
#colLeftM li li a {
display: inline-block;
/*line-height: 17px;
padding: 0 0 0 22px;*/
line-height:12px;
padding:2px 0 2px 0;
font-size: 11px;
color: #000;
}
#colLeftM .cnt {
color: #939598;
font-size: 10px;
}
#colLeftM li.on .cnt {
display: none;
}
#colLeftM a.clear_filter {
display: block;
float: right;
color: #929292;
cursor:pointer;
padding: 0 5px 4px 20px;
background: transparent url(/gfx/prods/spr_filters_2.png) no-repeat 5px -120px;
}
#colLeftM ul#colors {
margin: 5px 6px 4px 10px;
}
#colLeftM ul#colors li {
width: 22px;
height: 22px;
margin: 3px 6px 3px 0;
padding: 0;
float: left;
cursor: pointer;
border: 2px solid #dfdfe0;
background : none;
text-indent: -9000px;
overflow:hidden;
}
#colLeftM ul#colors li i {
height: 18px;
width: 18px;
float: left;
position: relative;
left: -8px;
top: -5px;
background-position:100px 0;
}
#colLeftM ul#colors li a {
display: block;
width: 22px;
height: 22px;
background:none;
}
#colLeftM ul#colors li:hover, #colLeftM ul#colors li.on {
border: 2px solid #2ba1d8;
margin: 3px 6px 3px 0;
}
#colLeftM ul#colors li#cc81 a { background-color: #643900; }/*marron*/
#colLeftM ul#colors li#cc13 a { background-color: #000000; }/*noir*/
#colLeftM ul#colors li#cc12 a { background-color: #ffffff; }/*blanc*/
#colLeftM ul#colors li#cc16 a { background-color: #000099; }/*bleu*/
#colLeftM ul#colors li#cc15 a { background-color: #339900; }/*vert*/
#colLeftM ul#colors li#cc14 a { background-color: #FF0000; }/*rouge*/
#colLeftM ul#colors li#cc31 a { background-color: #FF6600; }/*orange*/
#colLeftM ul#colors li#cc28 a { background-color: #FFFF00; }/*jaune*/
#colLeftM ul#colors li#cc30 a { background-color: #D5BD8E; }/*beige*/
#colLeftM ul#colors li#cc34 a { background-color: #FFCCCC; }/*rose*/
#colLeftM ul#colors li#cc27 a { background-color: #BEC0C1; }/*gris*/
#colLeftM ul#colors li#cc84 a { background-color: #9966CC; }/*violet*/
#colLeftM ul#colors li#cc87 a { background-color: #990000; }/*bordeau*/
#colLeftM ul#colors li#cc33 a { background-color: #626330; }/*kaki*/
#colLeftM ul#colors li#cc29 a { background-color: #FDEEB0; }/*creme*/
#colLeftM ul#colors li#cc32 a { background: #cd9b2b; }/*or*/
#colLeftM ul#tailles {
margin: 9px 4px 0 10px;
}
#colLeftM ul#tailles li {
font-size: 12px;
font-weight: bold;
color: #000;
min-width: 26px;
height: 22px;
float: left;
cursor: pointer;
padding: 0 2px;
margin: 4px 12px 4px 0;
text-align: center;
line-height: 22px;
background: #fff;
border:1px solid #000;
}
#colLeftM ul#tailles li:hover, #colLeftM ul#tailles li.on {
color: #fff;
background: #000;
}
#colLeftM ul#tailles a {
display: block;
width: 100%;
padding: 0;
line-height: 22px;
}
#colLeftM ul#tailles li a {
color: #000;
font-size:11px;
background:none;
}
#colLeftM ul#tailles li:hover a, #colLeftM ul#tailles li a:hover, #colLeftM ul#tailles li.on a {
color: #fff;
}
@media only screen and (max-width:767px){
.titleColLeft {
padding: 5px;
text-align:center;
}
#colLeftM span#colLeftMText {
position: inherit;
font-size:12px;
background-image: none;
background-color:#4a4a4a;
}
#colLeftM .blc {
padding-top: 0;
margin-top:0;
}
#colLeftM .blc.open {
display:block;
}
#colLeftM li a.title {
text-transform:none;
}
#colLeftM div#reset2 {
top: inherit;
padding: 5px 0 15px 0;
}
}
@media only screen and (max-width:639px){
#colLeftM {
position: relative;
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 10px;
text-align: left;
}
.titleColLeft {
padding: 10px;
text-align:left;
}
#colLeftM span#colLeftMText {
/*width:30%;*/
/*margin-left:10px;*/
background: #4a4a4a url(/gfx/pictos/expand_plus.png) no-repeat right 11px;
cursor:pointer;
}
#colLeftM.open span#colLeftMText {
background-position: right -22px;
}
#colLeftM .blc {
display:none;
}
#colLeftM li a.title {
min-height:inherit;
padding: 7px 0 6px 9px;
text-transform:uppercase;
}
:lang(de) #colLeftM li a.title {
font-size: 13px;
}
#colLeftM li.toggleSubMenu a.expand {
background-position: right 8px;
}
#colLeftM li.toggleSubMenu.open a.expand {
background-position: right -26px;
}
#colLeftM li li {
/*height:inherit;*/
margin: 0 1px 0 0;
}
#colLeftM li li a {
/*display: block;
padding:8px 0 8px 22px;*/
padding:8px 0;
line-height:inherit;
font-size: 13px;
}
/*#colLeftM li li a:hover {
font-weight:bolder;
color: #000000;
}*/
#colLeftM li li {
background-position: 5px 10px;
}
#colLeftM li li:hover {
background-position: 5px 10px;
}
#colLeftM li .multi.hasone li:hover {
background-position: 5px -30px;
}
#colLeftM li li.on {
background-position: 5px -70px;
}
#colLeftM li .multi.hasone li.on:hover {
background-position: 5px -110px;
}
}
#colLeftM #filters {
padding-bottom:4px;
}
#colLeftM #filters li {
display:inline-block;
border-radius:5px;
background-color:#fff;
background-image:none;
padding:5px;
margin: 3px 5px;
/*text-transform:uppercase;*/
cursor:pointer;
}
#colLeftM #filters li:hover {
font-weight:normal;
color:#fff;
/*box-shadow:2px 2px 3px #aaa;*/
background-color: #BADCE9;
}
#colLeftM #filters li::after {
content: " x";
text-transform:lowercase;
font-weight:bold;
}
/*/Filtres left*/
/*Filtres top*/
.filtresTop {
position: relative;
/*width: 800px;*/
height:31px;
color: #555353;
border-bottom: 1px solid #e6e7e8;
border-top: 1px solid #e6e7e8;
}
.filtresTop ul {
position: absolute;
top: 50%;
height: 16px;
margin: -8px 0 0 130px;
padding: 0;
list-style-type: none;
}
.filtresTop li {
float: left;
margin: 0 2px 0 0;
}
.filtresTop li span.selected {
color: #231f20;
font-size: 11px;
font-weight: normal;
}
.filtresTop li a {
padding: 0 14px 0 12px;
font-size: 11px;
color: #231f20;
background: transparent url(/gfx/prods/supprimer.png) no-repeat right -16px;
}
.filtresTop li a:hover {
text-decoration:line-through;
}
.filtresTop span.header {
display: block;
float: left;
width: 110px;
padding: 0 10px;
color: #231f20;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
}
.filtresTop span.reset {
position: absolute;
left: 25px;
bottom: 0;
}
/*/Filtres top*/
/*Onglets top*/
#ongletsTop {
margin: 5px 0 0 0;
}
#ongletsTop #onglets-products {
margin: 0;
padding: 0 6px;
height: 27px;
list-style: none;
}
#ongletsTop #onglets-products li {
float: left;
margin: 0 5px 0 0;
background-color: #fff;
}
#ongletsTop #onglets-products li a {
display: block;
height: 26px;
padding: 0 15px;
/*font-size: 12px;*/
font-size:11px;
text-transform:uppercase;
font-weight: bold;
color:#2b2b2b;
text-decoration: none;
background: #e5e6e6;
border: 1px solid #cacaca;
border-bottom: none;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
#ongletsTop #onglets-products li a:hover {
text-decoration: none;
}
/*#ongletsTop #onglets-products li a.off {
background: #e5e6e6;
color:#231f20;
}*/
#ongletsTop #onglets-products li.pp a {
color:#fff;
background:#ff1f66;
}
#ongletsTop #onglets-products li.pvf a {
color:#fff;
background:#ce1613;
}
#ongletsTop #onglets-products li.pn a {
color:#fff;
background:#05a7eb;
}
#ongletsTop #onglets-products li a.active {
color:#2b2b2b;
background:#fff;
}
#ongletsTop #onglets-products li a > span > span {
color:#939598;
}
#ongletsTop #onglets-products li.pp a > span > span, #ongletsTop #onglets-products li.pvf a > span > span, #ongletsTop #onglets-products li.pn a > span > span {
color:#fff;
}
#ongletsTop #onglets-products li.pp a.active > span > span, #ongletsTop #onglets-products li.pvf a.active > span > span, #ongletsTop #onglets-products li.pn a.active > span > span {
color:#939598;
}
#ongletsTop #onglets-products span.titleTop {
display: block;
padding:6px 2px;
}
/* /Onglets top*/
/*Results*/
.titleList {
float:right;
width:79.6%;
border-top: 1px solid #e6e7e8;
}
.titleList h1 {
margin:0;
padding:8px 10px 8px 10px;
font-size:14px;
font-weight:bold;
color:#2ba1d8;
text-transform:uppercase;
}
#main .resultsTop {
/*padding:3px 10px 3px 10px;*/
padding:8px 10px 3px 10px;
height:24px;
line-height:24px;
font-size:12px;
color: #8B8B8D;
background-color: #fff;
/*border-top: 1px solid #e6e7e8;*/
border-top: 1px solid #e6e7e8;
border-bottom: 1px solid #e6e7e8;
/*margin: 0;*/
margin-top:-1px;
}
#main .resultsTop.bottom {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
#main span.sorters {
float: left;
/*margin-left: 120px;*/
margin-left:16%;
font-size: 12px;
font-weight: normal;
color:#2ba1d8;
}
#main select.sorter {
font-size: 11px;
text-transform: none;
margin: 0 0 0 10px;
}
#main .resultats {
float: left;
margin: 0;
color: #231f20;
font-size: 13px;
}
#main .resultats a {
color:#fff;
}
#main #pagination {
float: right;
}
#main #pagination span {
float: left;
}
#main #pagination a {
margin: 0 3px;
text-decoration: none;
color: #4b4849;
font-size:12px;
cursor: pointer;
}
#main #pagination i.etc {
margin: 0 2px;
}
#main #pagination .pagination_page {
color: #f89827;
font-weight: bold;
font-size:20px;
text-decoration: none;
cursor: default;
}
#main #pagination .prev, #pagination .next {
float: left;
display: block;
width: 16px;
height: 15px;
background: transparent url(/gfx/prods/sprite-btn-filtres.png) no-repeat 0 -188px;
margin: 7px 5px 0 0;
cursor: pointer;
text-indent: -9000px;
overflow: hidden;
}
#main #pagination .next {
background-position: 0 -169px;
margin-right: 0;
margin-left: 5px;
}
#productsList {
min-height: 450px;
margin-top:10px;
}
#loading {
position: absolute;
background: transparent url(/gfx/prods/loading_bg.png);
z-index:999;
width:100%;
}
#loading img, #loading #canvasLoader {
width:8%;
height:auto;
margin:150px 42%;
}
select#manufacturer {
font-size: 10px;
float: left;
margin-left: 20px;
}
@media only screen and (max-width:727px){
#main span.sorters {
margin-left: 12%;
}
}
@media only screen and (max-width:680px){
#main span.sorters {
margin-left: 10%;
}
}
@media only screen and (max-width:639px){
.titleList {
width: 100%;
border-top: none;
}
}
@media only screen and (max-width:520px){
#main .resultsTop {
float: left;
width: 100%;
height: 100%;
padding: 0 0 5px 0;
line-height: inherit;
}
#main .resultats {
float: left;
margin: 10px;
}
#main span.sorters {
float: right;
margin: 10px;
}
#main #pagination {
clear:both;
margin-right:10px;
}
#productsList {
float: left;
}
}
@media only screen and (max-width:399px){
#main span.sorters {
clear: left;
float: left;
margin: 2px 10px 0 10px;
}
#main #pagination {
clear: none;
float: right;
}
}
/*/Results*/
/*Categories*/
.titreSection {
position:relative;
height:30px;
line-height:32px;
margin-bottom:20px;
border: 1px solid #EEEEEF;
background: url(/gfx/prods/fond-titreSection.png) repeat-x;
}
.titreSection h2 {
float:left;
margin:0 5px 0 16px;
padding:0 0 0 18px;
font-size:13px;
font-weight:bold;
color:#1c1c1c;
text-transform:uppercase;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 6px;
}
.titreSection a.lienSection {
float:right;
display:block;
/*width:105px;*/
padding-right:10px;
height:31px;
background: url(/gfx/prods/bg-lienSection.png) no-repeat right top;
}
a.lienSection span {
display:block;
margin-left:18px;
padding-left:22px;
font-size:10px;
font-weight:bold;
color:#010101;
text-transform:uppercase;
background: transparent url(/gfx/pictos/arrow-grey3.png) no-repeat left 8px;
}
.moreSection {
padding-bottom:25px;
text-align:center;
}
.moreSection a.btnSection {
padding: 9px 10px;
text-align:center;
background: #ffe023 url(/gfx/boutons/bg-btn-orange3.png) repeat-x left bottom;
}
.moreSection a.btnSection:hover {
background: #ffe023 url(/gfx/boutons/bg-btn-orange3-hover.png) repeat-x left bottom;
}
.moreSection a.btnSection span.txtBtnSection {
padding-right:14px;
background: transparent url(/gfx/pictos/arrow-white.png) no-repeat right -1px;
}
/*/Categories*/
/*Oups*/
#oups {
width: 600px;
margin: 0 auto;
padding-bottom: 10px;
}
#containerAccountMain #oups {
display:none;
}
.square {
list-style-type:none;
margin: 0;
padding: 0 0 0 15px;
}
.square li {
margin: 0;
padding: 2px 2px 2px 12px;
background: transparent url(/gfx/pictos/square.png) no-repeat 0 6px;
}
#suggestions-produits {
width: 670px;
margin: 30px auto 20px auto;
}
#suggestions-produits #suggestions_col1, #suggestions-produits #suggestions_col2 {
float:left;
width:335px;
}
#suggestions-produits .bloc-suggestions {
float:left;
width:315px;
margin-left:20px;
}
.bloc-suggestions img {
float:left;
width:100px;
height:100px;
}
.bloc-suggestions .liste-suggestions {
float: left;
width:175px;
padding: 0;
margin: 0 0 20px 0;
list-style-type: none;
}
.bloc-suggestions .liste-suggestions a.ls {
display: block;
margin: 0;
padding: 3px 0 10px 22px;
font-size: 14px;
color: #54A8DD;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 5px 3px;
}
.bloc-suggestions .liste-suggestions li {
margin: 3px 0 0 0;
line-height: 17px;
}
.bloc-suggestions .liste-suggestions li a {
display:inline-block;
padding-left: 25px;
font-size: 12px;
color: #5B5A5A;
}
/*.bloc-suggestions .liste-suggestions li:last-child a {
font-weight: bolder;
color: #D20F8C;
}*/
.bloc-suggestions .liste-suggestions li a:hover {
text-decoration: underline;
}
@media only screen and (max-width:767px){
#oups {
width: 100%;
}
#suggestions-produits {
width: 100%;
margin: 0;
}
#suggestions-produits #suggestions_col1, #suggestions-produits #suggestions_col2 {
width: 50%;
}
#suggestions-produits .bloc-suggestions {
width: auto;
}
}
/*/Oups*/
/*Prods*/
.casque {
float: left;
width: 182px;
height: 308px;
margin: 0 22px 22px 0;
overflow: hidden;
position: relative;
background: none;
border: 1px solid #fff;
cursor: pointer;
}
.casque:hover {
border: 1px solid #E6E6DE;
}
.casque.large {
margin-right: 21px;
}
.casque.last {
margin-right: 0;
}
.box .casque {
margin: 0 17px 22px 0;
}
.casque span.nouveaute, .casque span.promo, .casque span.doux, .casque span.flash, .casque span.tva-offerte, .casque span.hot, :lang(fr) .casque span.opx {
position: absolute;
/*top: 160px;*/
top:150px;/*Idees cadeaux*/
left: 25px;
width: 100px;
/*height: 15px;*/
height:25px;/*Idees cadeaux*/
text-indent: -9000px;
overflow: hidden;
/*background: transparent url(/gfx/prods/product-labels_fr.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25-2_fr.png) no-repeat 0 bottom;/*Ope AGV*/
}
:lang(it) .casque span.nouveaute, :lang(it) .casque span.promo, :lang(it) .casque span.doux, :lang(it) .casque span.flash, :lang(it) .casque span.tva-offerte, :lang(it) .casque span.hot {
/*background: transparent url(/gfx/prods/product-labels_it.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_it.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(en) .casque span.nouveaute, :lang(en) .casque span.promo, :lang(en) .casque span.doux, :lang(en) .casque span.flash, :lang(en) .casque span.tva-offerte, :lang(en) .casque span.hot {
/*background: transparent url(/gfx/prods/product-labels_en.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_en.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(es) .casque span.nouveaute, :lang(es) .casque span.promo, :lang(es) .casque span.doux, :lang(es) .casque span.flash, :lang(es) .casque span.tva-offerte, :lang(es) .casque span.hot {
/*background: transparent url(/gfx/prods/product-labels_es.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_es.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(de) .casque span.nouveaute, :lang(de) .casque span.promo, :lang(de) .casque span.doux, :lang(de) .casque span.flash, :lang(de) .casque span.tva-offerte, :lang(de) .casque span.hot {
background: transparent url(/gfx/prods/product-labels-25_de.png) no-repeat 0 bottom;
}
:lang(fr) .blf .casque span.nouveaute, :lang(fr) .blf .casque span.promo, :lang(fr) .blf .casque span.doux, :lang(fr) .blf .casque span.flash, :lang(fr) .blf .casque span.tva-offerte, :lang(fr) .blf .casque span.hot {
background-image: url(/gfx/prods/product-labels-bf_fr.png);/*BF*/
}
:lang(it) .blf .casque span.nouveaute, :lang(it) .blf .casque span.promo, :lang(it) .blf .casque span.doux, :lang(it) .blf .casque span.flash, :lang(it) .blf .casque span.tva-offerte, :lang(it) .blf .casque span.hot {
background-image: url(/gfx/prods/product-labels-bf_it.png);/*BF*/
}
:lang(en) .blf .casque span.nouveaute, :lang(en) .blf .casque span.promo, :lang(en) .blf .casque span.doux, :lang(en) .blf .casque span.flash, :lang(en) .blf .casque span.tva-offerte, :lang(en) .blf .casque span.hot {
background-image: url(/gfx/prods/product-labels-bf_en.png);/*BF*/
}
:lang(es) .blf .casque span.nouveaute, :lang(es) .blf .casque span.promo, :lang(es) .blf .casque span.doux, :lang(es) .blf .casque span.flash, :lang(es) .blf .casque span.tva-offerte, :lang(es) .blf .casque span.hot {
background-image: url(/gfx/prods/product-labels-bf_es.png);/*BF*/
}
:lang(de) .blf .casque span.nouveaute, :lang(de) .blf .casque span.promo, :lang(de) .blf .casque span.doux, :lang(de) .blf .casque span.flash, :lang(de) .blf .casque span.tva-offerte, :lang(de) .blf .casque span.hot {
background-image: url(/gfx/prods/product-labels-bf_de.png);/*BF*/
}
:lang(fr) .cywe .casque span.nouveaute, :lang(fr) .cywe .casque span.promo, :lang(fr) .cywe .casque span.doux, :lang(fr) .cywe .casque span.flash, :lang(fr) .cywe .casque span.tva-offerte, :lang(fr) .cywe .casque span.hot {
background-image: url(/gfx/prods/product-labels-cwe_fr.png);/*CWE*/
}
:lang(it) .cywe .casque span.nouveaute, :lang(it) .cywe .casque span.promo, :lang(it) .cywe .casque span.doux, :lang(it) .cywe .casque span.flash, :lang(it) .cywe .casque span.tva-offerte, :lang(it) .cywe .casque span.hot {
background-image: url(/gfx/prods/product-labels-cwe_it.png);/*CWE*/
}
:lang(en) .cywe .casque span.nouveaute, :lang(en) .cywe .casque span.promo, :lang(en) .cywe .casque span.doux, :lang(en) .cywe .casque span.flash, :lang(en) .cywe .casque span.tva-offerte, :lang(en) .cywe .casque span.hot {
background-image: url(/gfx/prods/product-labels-cwe_en.png);/*CWE*/
}
:lang(es) .cywe .casque span.nouveaute, :lang(es) .cywe .casque span.promo, :lang(es) .cywe .casque span.doux, :lang(es) .cywe .casque span.flash, :lang(es) .cywe .casque span.tva-offerte, :lang(es) .cywe .casque span.hot {
background-image: url(/gfx/prods/product-labels-cwe_es.png);/*CWE*/
}
:lang(de) .cywe .casque span.nouveaute, :lang(de) .cywe .casque span.promo, :lang(de) .cywe .casque span.doux, :lang(de) .cywe .casque span.flash, :lang(de) .cywe .casque span.tva-offerte, :lang(de) .cywe .casque span.hot {
background-image: url(/gfx/prods/product-labels-cwe_de.png);/*CWE*/
}
:lang(fr) .cym .casque span.nouveaute, :lang(fr) .cym .casque span.promo, :lang(fr) .cym .casque span.doux, :lang(fr) .cym .casque span.flash, :lang(fr) .cym .casque span.tva-offerte, :lang(fr) .cym .casque span.hot {
background-image: url(/gfx/prods/product-labels-cm_fr.png);/*CM*/
}
:lang(it) .cym .casque span.nouveaute, :lang(it) .cym .casque span.promo, :lang(it) .cym .casque span.doux, :lang(it) .cym .casque span.flash, :lang(it) .cym .casque span.tva-offerte, :lang(it) .cym .casque span.hot {
background-image: url(/gfx/prods/product-labels-cm_it.png);/*CM*/
}
:lang(en) .cym .casque span.nouveaute, :lang(en) .cym .casque span.promo, :lang(en) .cym .casque span.doux, :lang(en) .cym .casque span.flash, :lang(en) .cym .casque span.tva-offerte, :lang(en) .cym .casque span.hot {
background-image: url(/gfx/prods/product-labels-cm_en.png);/*CM*/
}
:lang(es) .cym .casque span.nouveaute, :lang(es) .cym .casque span.promo, :lang(es) .cym .casque span.doux, :lang(es) .cym .casque span.flash, :lang(es) .cym .casque span.tva-offerte, :lang(es) .cym .casque span.hot {
background-image: url(/gfx/prods/product-labels-cm_es.png);/*CM*/
}
:lang(de) .cym .casque span.nouveaute, :lang(de) .cym .casque span.promo, :lang(de) .cym .casque span.doux, :lang(de) .cym .casque span.flash, :lang(de) .cym .casque span.tva-offerte, :lang(de) .cym .casque span.hot {
background-image: url(/gfx/prods/product-labels-cm_de.png);/*CM*/
}
.casque span.promo, :lang(it) .casque span.promo, :lang(en) .casque span.promo, :lang(es) .casque span.promo, :lang(de) .casque span.promo {
background-position: -100px bottom;/*promo=-100, solde=-200*/
}
body.soldes .casque span.promo, :lang(it) body.soldes .casque span.promo, :lang(en) body.soldes .casque span.promo, :lang(es) body.soldes .casque span.promo, :lang(de) body.soldes .casque span.promo {
background-position: -200px bottom;
}
.casque span.doux, :lang(it) .casque span.doux, :lang(en) .casque span.doux, :lang(es) .casque span.doux, :lang(de) .casque span.doux {
background-position: -300px bottom;
}
.casque span.flash, :lang(it) .casque span.flash, :lang(en) .casque span.flash, :lang(es) .casque span.flash, :lang(de) .casque span.flash {
background-position: -400px bottom;
}
body.soldes .casque span.flash, :lang(it) body.soldes .casque span.flash, :lang(en) body.soldes .casque span.flash, :lang(es) body.soldes .casque span.flash, :lang(de) body.soldes .casque span.flash {
/*background-position: -500px 0;*/
background-position: -400px bottom;
}
.casque span.tva-offerte {
background-position: -532px 0;
}
/*.casque span.tva-offerte {
background-position: -532px 0;
left:130px;
}*/
.casque span.hot, :lang(it) .casque span.hot, :lang(en) .casque span.hot, :lang(es) .casque span.hot, :lang(de) .casque span.hot, :lang(fr) .casque span.opx {
background-position: -500px bottom;
}
.casque img {
display: block;
margin: 8px auto 1px auto;
}
.casque .txt {
margin: 40px 0 0 25px;
font-size: 12px;
}
.casque .txt p {
margin: 0;
}
/*.casque p {
margin: 2px 5px 0 5px;
}*/
.casque .marque{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
/* font-variant:small-caps; */
}
.casque .discount {
display:block;
position: absolute;
top: 159px;
right: 13px;
font-size: 16px;
font-weight: bold;
color: #ff0036;
}
.casque .barre{
display: block;
position: absolute;
font-size:13px;
bottom: 49px;
left: 25px;
padding: 0;
text-decoration: line-through;
}
.casque .prix{
display: block;
position: absolute;
bottom: 30px;
left: 25px;
font-size:15px;
font-weight:bold;
color:#ff0036;
}
.casque .loop {
display: block;
width: 23px;
height: 24px;
position: absolute;
bottom: 75px;
right: 0;
}
.casque:hover .loop {
background: transparent url(/gfx/prods/loop.png);
}
.casque .txt a {
font-size: 12px;
color: #000;
}
.casque .txt a:hover {
color: #00b5ea;
}
.casque:hover .marque, .casque:hover .prod {
color: #00b5ea;
}
.casque .rating, .casque .vente_flash {
position: absolute;
bottom: 7px;
left: 22px;
overflow: hidden;
width: 164px;
height: 18px;
}
.casque .rating {
padding-left: 87px;
background: transparent url(/gfx/prods/stars_small2.gif) no-repeat;
}
.casque .rating.rating05 { background-position: 0 -18px; }
.casque .rating.rating10 { background-position: 0 -36px; }
.casque .rating.rating15 { background-position: 0 -54px; }
.casque .rating.rating20 { background-position: 0 -72px; }
.casque .rating.rating25 { background-position: 0 -90px; }
.casque .rating.rating30 { background-position: 0 -108px; }
.casque .rating.rating35 { background-position: 0 -126px; }
.casque .rating.rating40 { background-position: 0 -144px; }
.casque .rating.rating45 { background-position: 0 -162px; }
.casque .rating.rating50 { background-position: 0 -180px; }
.casque .rating em {
background-color: #414142;
color: #fff;
border-radius: 3px;
padding: 1px 3px;
font-style: normal;
}
.casque .pr_snippet_category, .casque .vente_flash {
position: absolute;
bottom: 7px;
left: 22px;
overflow: hidden;
width: 164px;
height: 18px;
}
.casque .vente_flash {
left: 15px;
/*font-weight:bold;*/
color:#de1e16;
}
.casqueTendance{
float:left;
width:128px;
margin:5px 0 1px 10px;
}
.casqueTxtTendance{
float:left;
width:114px;
margin:0 0 0 10px;
}
.casque90 {
float:left;
width: 100px;
margin: 0 2px 5px 0;
height: 152px;
}
.casque90 .txt{
width:95px;
margin:0 0 2px 5px;
}
@media only screen and (max-width:767px){
.casque {
margin: 0 3px 12px 0;
}
.casque.last {
margin-right: 3px;
}
}
/*@media only screen and (max-width:730px){
.casque {
margin: 0 6px 12px 0;
}
.casque.last {
margin-right: 6px;
}
}*/
@media only screen and (max-width:722px){
.casque {
width:45%;
margin: 0 10px 12px 10px;
}
.casque.last {
margin-right: 10px;
}
}
@media only screen and (max-width:639px){
.casque {
margin: 0 7px 12px 7px;
}
.casque.last {
margin-right: 0;
}
}
@media only screen and (max-width:610px){
.casque {
margin: 0 4px 12px 4px;
margin-right:4px;
}
}
@media only screen and (max-width:592px){
.casque {
width: 45%;
margin: 0 10px 12px 10px
}
.casque.last {
margin-right: 10px;
}
}
@media only screen and (max-width:460px){
.casque {
margin: 0 6px 12px 6px;
}
.casque.last {
margin-right: 6px;
}
}
@media only screen and (max-width:420px){
#suggestions-produits #suggestions_col1, #suggestions-produits #suggestions_col2 {
width: 100%;
}
}
@media only screen and (max-width:399px){
.casque .rating {
padding-left:0;
text-indent:-5000px;
}
#containerCheckout table.SBScart_3Items td, #containerCheckout table.SBScart_3Items tr {
padding: 0 10px;
}
.casque span.nouveaute, .casque span.promo, .casque span.doux, .casque span.flash, .casque span.tva-offerte, .casque span.hot, :lang(fr) .casque span.opx {
left: 5px;
}
.casque .txt {
margin: 40px 0 0 5px;
}
.casque .discount {
right: 1px;
}
.casque .barre{
left: 5px;
}
.casque .prix{
left: 5px;
}
.casque .rating, .casque .vente_flash {
left: 5px;
}
}
@media only screen and (max-width:330px){
.casque {
margin: 0 3px 12px 3px;
}
.casque.last {
margin-right: 3px;
}
}
/*/Prods*/
/*Home prods*/
.blocCasqueDyn {width:100%;height:192px;overflow:hidden;}
.casqueHome {
float: left;
width: 132px;
height: 192px;
border: none;
margin: 0 12px 0 0;
overflow: hidden;
position: relative;
}
.casqueHome.large {
margin-right: 12px;
}
.casqueHome.last {
margin-right: 0;
}
.casqueHome span.nouveaute, .casqueHome span.promo, .casqueHome span.doux, .casqueHome span.flash, .casqueHome span.tva-offerte, .casqueHome span.hot, :lang(fr) .casqueHome span.opx {
position: absolute;
/*top: 110px;*/
top:100px;/*Idees cadeaux*/
left: 14px;
width: 100px;
/*height: 15px;*/
height:25px;/*Idees cadeaux*/
text-indent: -9000px;
overflow: hidden;
/*background: transparent url(/gfx/prods/product-labels_fr.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25-2_fr.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(it) .casqueHome span.nouveaute, :lang(it) .casqueHome span.promo, :lang(it) .casqueHome span.doux, :lang(it) .casqueHome span.flash, :lang(it) .casqueHome span.tva-offerte, :lang(it) .casqueHome span.hot {
/*background: transparent url(/gfx/prods/product-labels_it.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_it.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(en) .casqueHome span.nouveaute, :lang(en) .casqueHome span.promo, :lang(en) .casqueHome span.doux, :lang(en) .casqueHome span.flash, :lang(en) .casqueHome span.tva-offerte, :lang(en) .casqueHome span.hot {
/*background: transparent url(/gfx/prods/product-labels_en.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_en.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(es) .casqueHome span.nouveaute, :lang(es) .casqueHome span.promo, :lang(es) .casqueHome span.doux, :lang(es) .casqueHome span.flash, :lang(es) .casqueHome span.tva-offerte, :lang(es) .casqueHome span.hot {
/*background: transparent url(/gfx/prods/product-labels_es.png) no-repeat 0 0;*/
background: transparent url(/gfx/prods/product-labels-25_es.png) no-repeat 0 bottom;/*Idees cadeaux*/
}
:lang(de) .casqueHome span.nouveaute, :lang(de) .casqueHome span.promo, :lang(de) .casqueHome span.doux, :lang(de) .casqueHome span.flash, :lang(de) .casqueHome span.tva-offerte, :lang(de) .casqueHome span.hot {
background: transparent url(/gfx/prods/product-labels-25_de.png) no-repeat 0 bottom;
}
:lang(fr) .blf .casqueHome span.nouveaute, :lang(fr) blf .casqueHome span.promo, :lang(fr) .blf .casqueHome span.doux, :lang(fr) .blf .casqueHome span.flash, :lang(fr) .blf .casqueHome span.tva-offerte, :lang(fr) .blf .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-bf_fr.png);/*BF*/
}
:lang(it) .blf .casqueHome span.nouveaute, :lang(it) .blf .casqueHome span.promo, :lang(it) .blf .casqueHome span.doux, :lang(it) .blf .casqueHome span.flash, :lang(it) .blf .casqueHome span.tva-offerte, :lang(it) .blf .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-bf_it.png);/*BF*/
}
:lang(en) .blf .casqueHome span.nouveaute, :lang(en) .blf .casqueHome span.promo, :lang(en) .blf .casqueHome span.doux, :lang(en) .blf .casqueHome span.flash, :lang(en) .blf .casqueHome span.tva-offerte, :lang(en) .blf .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-bf_en.png);/*BF*/
}
:lang(es) .blf .blf .casqueHome span.nouveaute, :lang(es) .blf .casqueHome span.promo, :lang(es) .blf .casqueHome span.doux, :lang(es) .blf .casqueHome span.flash, :lang(es) .blf .casqueHome span.tva-offerte, :lang(es) .blf .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-bf_es.png);/*BF*/
}
:lang(de) .blf .casqueHome span.nouveaute, :lang(de) .blf .casqueHome span.promo, :lang(de) .blf .casqueHome span.doux, :lang(de) .blf .casqueHome span.flash, :lang(de) .blf .casqueHome span.tva-offerte, :lang(de) .blf .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-bf_de.png);/*BF*/
}
:lang(fr) .cywe .casqueHome span.nouveaute, :lang(fr) .cywe .casqueHome span.promo, :lang(fr) .cywe .casqueHome span.doux, :lang(fr) .cywe .casqueHome span.flash, :lang(fr) .cywe .casqueHome span.tva-offerte, :lang(fr) .cywe .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cwe_fr.png);/*CWE*/
}
:lang(it) .cywe .casqueHome span.nouveaute, :lang(it) .cywe .casqueHome span.promo, :lang(it) .cywe .casqueHome span.doux, :lang(it) .cywe .casqueHome span.flash, :lang(it) .cywe .casqueHome span.tva-offerte, :lang(it) .cywe .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cwe_it.png);/*CWE*/
}
:lang(en) .cywe .casqueHome span.nouveaute, :lang(en) .cywe .casqueHome span.promo, :lang(en) .cywe .casqueHome span.doux, :lang(en) .cywe .casqueHome span.flash, :lang(en) .cywe .casqueHome span.tva-offerte, :lang(en) .cywe .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cwe_en.png);/*CWE*/
}
:lang(es) .cywe .casqueHome span.nouveaute, :lang(es) .cywe .casqueHome span.promo, :lang(es) .cywe .casqueHome span.doux, :lang(es) .cywe .casqueHome span.flash, :lang(es) .cywe .casqueHome span.tva-offerte, :lang(es) .cywe .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cwe_es.png);/*CWE*/
}
:lang(de) .cywe .casqueHome span.nouveaute, :lang(de) .cywe .casqueHome span.promo, :lang(de) .cywe .casqueHome span.doux, :lang(de) .cywe .casqueHome span.flash, :lang(de) .cywe .casqueHome span.tva-offerte, :lang(de) .cywe .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cwe_de.png);/*CWE*/
}
:lang(fr) .cym .casqueHome span.nouveaute, :lang(fr) .cym .casqueHome span.promo, :lang(fr) .cym .casqueHome span.doux, :lang(fr) .cym .casqueHome span.flash, :lang(fr) .cym .casqueHome span.tva-offerte, :lang(fr) .cym .casqueHome span.hot {
background: url(/gfx/prods/product-labels-cm_fr.png);/*CM*/
}
:lang(it) .cym .casqueHome span.nouveaute, :lang(it) .cym .casqueHome span.promo, :lang(it) .cym .casqueHome span.doux, :lang(it) .cym .casqueHome span.flash, :lang(it) .cym .casqueHome span.tva-offerte, :lang(it) .cym .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cm_it.png);/*CM*/
}
:lang(en) .cym .casqueHome span.nouveaute, :lang(en) .cym .casqueHome span.promo, :lang(en) .cym .casqueHome span.doux, :lang(en) .cym .casqueHome span.flash, :lang(en) .cym .casqueHome span.tva-offerte, :lang(en) .cym .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cm_en.png);/*CM*/
}
:lang(es) .cym .casqueHome span.nouveaute, :lang(es) .cym .casqueHome span.promo, :lang(es) .cym .casqueHome span.doux, :lang(es) .cym .casqueHome span.flash, :lang(es) .cym .casqueHome span.tva-offerte, :lang(es) .cym .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cm_es.png);/*CM*/
}
:lang(de) .cym .casqueHome span.nouveaute, :lang(de) .cym .casqueHome span.promo, :lang(de) .cym .casqueHome span.doux, :lang(de) .cym .casqueHome span.flash, :lang(de) .cym .casqueHome span.tva-offerte, :lang(de) .cym .casqueHome span.hot {
background-image: url(/gfx/prods/product-labels-cm_de.png);/*CM*/
}
.casqueHome span.promo, :lang(it) .casqueHome span.promo, :lang(en) .casqueHome span.promo, :lang(es) .casqueHome span.promo, :lang(de) .casqueHome span.promo {
background-position: -100px 0;/*promo=-100, solde=-200*/
}
body.soldes .casqueHome span.promo, :lang(it) body.soldes .casqueHome span.promo, :lang(en) body.soldes .casqueHome span.promo, :lang(es) body.soldes .casqueHome span.promo, :lang(de) body.soldes .casqueHome span.promo {
background-position: -200px 0;
}
.casqueHome span.doux, :lang(it) .casqueHome span.doux, :lang(en) .casqueHome span.doux, :lang(es) .casqueHome span.doux, :lang(de) .casqueHome span.doux {
background-position: -300px 0;
}
.casqueHome span.flash, :lang(it) .casqueHome span.flash, :lang(en) .casqueHome span.flash, :lang(es) .casqueHome span.flash, :lang(de) .casqueHome span.flash {
background-position: -400px 0;
}
body.soldes .casqueHome span.flash, :lang(it) body.soldes .casqueHome span.flash, :lang(en) body.soldes .casqueHome span.flash, :lang(es) body.soldes .casqueHome span.flash, :lang(de) body.soldes .casqueHome span.flash {
/*background-position: -500px 0;*/
background-position: -400px 0;
}
.casqueHome span.tva-offerte {
background-position: -532px 0;
}
/*.casqueHome span.tva-offerte {
background-position: -532px 0;
left:130px;
}*/
.casqueHome span.hot, :lang(it) .casqueHome span.hot, :lang(en) .casqueHome span.hot, :lang(es) .casqueHome span.hot, :lang(de) .casqueHome span.hot, :lang(fr) .casqueHome span.opx {
background-position: -500px bottom;
}
.casqueHome img {
display: block;
/*margin: 10px auto 1px auto;*/
margin: 0 auto;
padding: 5px 0 18px 0;
background: transparent url(/gfx/prods/ombre-produit.png) no-repeat center bottom;
}
.casqueHome .txt {
/*margin: 5px 0 0 14px;*/
margin: 7px 0 0 14px;/*Soldes*/
font-size: 12px;
}
.casqueHome .txt p {
margin: 0;
}
.casqueHome .marque{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
/* font-variant:small-caps; */
}
.casqueHome .discount {
position: absolute;
bottom: 35px;
right: 45px;
font-size: 15px;
font-weight: bold;
color: #C4191A;
}
.casqueHome .discount strong {
display: block;
font-size: 18px;
}
.casqueHome .barre{
display: block;
position: absolute;
font-size:13px;
font-weight: bold;
bottom: 3px;
right: 2px;
padding: 0;
text-decoration: line-through;
}
.casqueHome .prix{
display: block;
position: absolute;
bottom: 2px;
left: 14px;
font-size:15px;
font-weight:bold;
color:#C4191A;
}
.casqueHome .loop {
display: block;
width: 23px;
height: 24px;
position: absolute;
bottom: 75px;
right: 0;
}
.casqueHome .txt a {
font-size: 12px;
color: #77787b;
}
.casqueHome .txt a:hover {
color: #00b5ea;
}
.casqueHome:hover .marque, .casqueHome:hover .prod {
color: #00b5ea;
}
.casqueHome small.ht {
position:absolute;
bottom:9px;
font-size:9px;
}
@media only screen and (max-width:723px){
.casqueHome.last {
display:none;
}
}
@media only screen and (min-width: 640px) and (max-width: 723px) {
.casqueHome.large {
margin-right: 24px;
}
}
@media only screen and (max-width:590px){
.casqueHome.large {
margin-right:6px;
}
}
@media only screen and (max-width:576px){
.casqueHome.large {
margin-right:0;
}
}
@media only screen and (max-width:543px){
.blocCasqueDyn {height:388px;}
.casqueHome.large {
margin-right: 44px;
margin-left: 44px;
}
}
@media only screen and (min-width: 441px) and (max-width: 456px){
.casqueHome.large {
margin-right: 34px;
margin-left: 34px;
}
}
@media only screen and (max-width:440px){
.casqueHome.large {
margin-right: 24px;
margin-left: 24px;
}
}
@media only screen and (max-width:399px){
.casqueHome.large {
margin-right: 12px;
margin-left: 12px;
}
}
/*/Home prods*/
/*Page marque prods*/
.casqueMarqueNew {
float: left;
width: 132px;
height: 192px;
border: none;
margin: 0 12px 0 0;
overflow: hidden;
position: relative;
}
.casqueMarqueNew.large {
margin-right: 12px;
}
.casqueMarqueNew.last {
margin-right: 0;
}
.casqueMarqueNew span.nouveaute, .casqueMarqueNew span.promo, .casqueMarqueNew span.doux {
position: absolute;
top: 0;
right: 45px;
width: 50px;
height: 36px;
text-indent: -9000px;
overflow: hidden;
background: transparent url(/gfx/prods/product-labels-v3.png) no-repeat 0 0;
}
.casqueMarqueNew span.promo {
background-position: -50px 0;/*promo=-50, solde=-100*/
}
.casqueMarqueNew span.doux {
background-position: -150px 0;
}
.casqueMarqueNew img, .produitMarque {
display: block;
/*margin: 10px auto 1px auto;*/
margin: 0 auto;
padding: 5px 0 18px 0;
background: transparent url(/gfx/prods/ombre-produit.png) no-repeat center bottom;
}
.casqueMarqueNew .txt {
margin: 5px 0 0 15px;
font-size: 12px;
}
.casqueMarqueNew .txt p {
margin: 0;
}
.casqueMarqueNew .marque{
font-size:11px;
font-weight:bold;
text-transform:uppercase;
/* font-variant:small-caps; */
}
.casqueMarqueNew .discount {
position: absolute;
bottom: 35px;
right: 45px;
font-size: 15px;
font-weight: bold;
color: #C4191A;
}
.casqueMarqueNew .discount strong {
display: block;
font-size: 18px;
}
.casqueMarqueNew .barre{
display: block;
position: absolute;
font-size:13px;
font-weight: bold;
/*bottom: 8px;*/
bottom: 3px;
right: 6px;
padding: 0;
text-decoration: line-through;
}
.casqueMarqueNew .prix{
display: block;
position: absolute;
/*bottom: 8px;*/
bottom: 3px;
left: 15px;
font-size:16px;
font-weight:bold;
color:#C4191A;
}
.casqueMarqueNew .loop {
display: block;
width: 23px;
height: 24px;
position: absolute;
bottom: 75px;
right: 0;
}
.casqueMarqueNew .txt a {
font-size: 12px;
color: #77787b;
}
.casqueMarqueNew .txt a:hover {
color: #00b5ea;
}
.casqueMarqueNew:hover .marque, .casqueMarqueNew:hover .prod {
color: #00b5ea;
}
/*/Page marque*/
/* Page Special*/
h1.titleSpecial {
font-size:20px;
color:#c22020;
margin:10px 0 0 0;
}
h2.subtitleSpecial {
font-size:16px;
font-weight:normal;
margin:0;
padding:0;
color:#504f4f;
display:inline;
}
.special {
/*padding-top:385px;*/
}
.special .containerSpecial {
float:left;
width: 799px;
margin: 0;
}
.containerSpecial #menuSpecial {
list-style-type:none;
/*width:799px;*/
height:61px;
margin:0;
padding-left:185px;
background: transparent url(/gfx/special/idees-cadeaux.png) no-repeat 10px 0;
}
.containerSpecial #menuSpecial li {
float:left;
margin:0;
padding:0;
}
.containerSpecial #menuSpecial li a {
display:block;
float:left;
height:59px;
padding-top:2px;
margin:0;
text-indent:-5000px;
}
#spe_1, #spe_2, #spe_3, #spe_4, #spe_5, #spe_6 {
width:148px;
padding-right:7px;
background-image: url(/gfx/special/menu-selection-papa-motard2.png);
}
/*#spe_1 {
width:148px;
padding-right:7px;
}
#spe_2 {
width:148px;
padding-right:7px;
}
#spe_3 {
width:148px;
padding-right:7px;
}*/
#spe_4 {
padding-right:0;
}
#spe_1.on {
background-position: 0 0;
}
#spe_2.on {
background-position: -155px 0;
}
#spe_3.on {
background-position: -310px 0;
}
#spe_4.on {
background-position: -465px 0;
}
#spe_1.off {
background-position: 0 -61px;
}
#spe_2.off {
background-position: -155px -61px;
}
#spe_3.off {
background-position: -310px -61px;
}
#spe_4.off {
background-position: -465px -61px;
}
.containerSpecial .contentSpecial {
/*display: none;*/
width: 764px;
margin: -1px 0 0 0;
padding:20px 16px;
/*border:1px solid #efefef;*/
}
.contentSpecial .casque {
margin: 0 9px 22px 0;
}
.contentSpecial .casque.last {
margin-right:0;
}
/*.containerSpecial .on {
display: block;
}*/
.special .specialRight {
float:right;
width:198px;
margin:2px 0 0 10px;
}
.specialRight #garanties {
margin-top: 0;
}
.specialRight .boxColRight2 {
margin-right:0;
}
.specialRight .listBox .sousCatMarques {
list-style-type:none;
margin:0;
padding:10px 13px;
}
.specialRight .listBox .sousCatMarques li {
margin:0;
padding:2px 0 2px 5px;
}
.specialRight .listBox .sousCatMarques li {
font-size:13px;
}
#topSoldes, :lang(it) #topSoldes, :lang(en) #topSoldes, :lang(es) #topSoldes, :lang(de) #topSoldes {
padding-top:407px;
}
:lang(fr) #topSoldes {
background: transparent url(/gfx/special/bandeau-top-soldes-hiver-2015-80_fr.jpg) no-repeat center top;
}
:lang(it) #topSoldes {
background: transparent url(/gfx/special/bandeau-top-soldes-hiver-2015-80_it.jpg) no-repeat center top;
}
:lang(en) #topSoldes {
background: transparent url(/gfx/special/bandeau-top-soldes-hiver-2015-80_en.jpg) no-repeat center top;
}
:lang(es) #topSoldes {
background: transparent url(/gfx/special/bandeau-top-soldes-hiver-2015-80_es.jpg) no-repeat center top;
}
:lang(de) #topSoldes {
background: transparent url(/gfx/special/bandeau-top-soldes-hiver-2015-80_fr.jpg) no-repeat center top;
}
#topRentree {
padding-top:359px;
background: transparent url(/gfx/special/bandeau-selection-rentree-2013.jpg) no-repeat center top;
}
#packsSoldes {
padding-top:421px;
background: transparent url(/gfx/special/bandeau-pack-soldes-noel-2013.jpg) no-repeat center top;
}
span#titleInstPacks {
display:block;
padding:10px 0 5px 7.4%;
font-family:'DinBold', Arial, Helvetica, sans-serif;
font-size:20px;
text-transform:uppercase;
color:#d22e35;
}
.numPack {
color:#fff;
font-size:22px;
font-family:'DinBold', Arial, Helvetica, sans-serif;
}
ul#instPacks {
list-style-type:none;
width:auto;
margin:5px 0 0 0;
padding:17px 7.4% 35px 7.4%;
background: transparent url(/gfx/special/bkg-instPacks-noel-2013.jpg) no-repeat center top;
}
ul#instPacks li {
color:#fff;
font-size:17px;
padding:2px 0;
font-family:'DinRegular', Arial, Helvetica, sans-serif;
}
ul#listPacks {
list-style-type:none;
width:100%;
margin:20px 0 0 0;
padding:0;
}
ul#listPacks li {
width:100%;
margin:0;
text-indent:-7000px;
background-image: url(/gfx/special/sprite-packs-soldes-noel-2013.png);
background-repeat:no-repeat;
}
li#pck1 {
height:99px;
background-position:0 0;
}
li#pck2 {
height:103px;
background-position:0 -99px;
}
li#pck3 {
height:102px;
background-position:0 -202px;
}
li#pck4 {
height:93px;
background-position:0 -304px;
}
span#nbPacks {
display:block;
margin:10px 0 50px 0;
color:#999999;
font-size:11px;
}
@media only screen and (max-width:767px){
.special .containerSpecial, .containerSpecial .contentSpecial {
width:auto;
}
.containerSpecial .contentSpecial {
padding:5px;
}
#topSoldes, :lang(fr) #topSoldes, :lang(it) #topSoldes, :lang(en) #topSoldes, :lang(es) #topSoldes, #packsSoldes, :lang(de) #topSoldes, #packsSoldes {
background-size:100%;
padding-top:40.4%;
}
#packsSoldes {
padding-top:42%;
}
ul#instPacks {
padding-top:12px;
padding-bottom:12px;
background-image: none;
background-color:#d22e35;
}
ul#instPacks li {
padding:8px 0;
}
ul#listPacks li {
width:auto;
height:100%;
margin:0;
padding:15px 10px;
text-indent:inherit;
background: none;
text-transform:uppercase;
font-size:18px;
font-family:'DinBold', Arial, Helvetica, sans-serif;
border-top: 1px solid #c1c2c3;
}
span#nbPacks {
padding:0 10px;
margin-bottom:30px;
}
.contentSpecial .casque {
width:182px;
margin: 0 3px 12px 0;
}
.contentSpecial .casque.last {
margin-right: 0;
}
}
@media only screen and (max-width:760px){
.contentSpecial .casque {
margin: 0 4% 12px 3%;
}
.contentSpecial .casque.last {
margin-right: 4%;
}
}
@media only screen and (max-width:720px){
.contentSpecial .casque {
margin: 0 3% 12px 2%;
}
.contentSpecial .casque.last {
margin-right: 3%;
}
}
@media only screen and (min-width: 640px) and (max-width: 680px) {
.contentSpecial .casque {
margin: 0 2% 12px 1%;
}
.contentSpecial .casque.last {
margin-right: 2%;
}
}
@media only screen and (max-width: 639px) {
.containerSpecial .contentSpecial {
padding:0;
}
.contentSpecial .casque {
width: 45%;;
}
.contentSpecial .casque {
margin: 0 6px 12px 6px;
}
.contentSpecial .casque.last {
margin-right: 6px;
}
}
@media only screen and (max-width:330px){
.contentSpecial .casque {
margin: 0 3px 12px 3px;
}
.contentSpecial .casque.last {
margin-right: 3px;
}
}
/* Page Special END */
/* Calendrier de l'Avent */
#calendar {
width:100%;
}
#topCalendar {
width:100%;
padding-bottom:10px;
}
/*#topCalendar {
max-width: 1008px;
margin: auto;
padding: 0;
overflow:hidden;
}
#topCalendar .tp-banner-container {
width:100%;
max-height:359px;
position:relative;
padding:0;
overflow:hidden;
}*/
#blocCalendar {
position:relative;
width:100%;
height:1276px;
/*height:1062px;*/
background: transparent url(/gfx/special/avent/calendar_avent_ok.jpg) no-repeat center top;
}
#blocCalendar > div {
position:absolute;
width:194px;
height:129px;
border:none;
display:inline-block;
/*text-indent:-10000px;*/
}
#blocCalendar > div.off {
/*filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);*/
opacity:0.7;
}
#blocCalendar > div.off:hover {
/*filter:none;
-webkit-filter: none;*/
opacity:1;
}
#cal1 {
top:34px;
left:28px;
}
:lang(fr) #cal1.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_01_fr.jpg) no-repeat center top;
}
:lang(it) #cal1.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_01_it.jpg) no-repeat center top;
}
:lang(en) #cal1.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_01_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal1.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_01_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal1.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_01_es.jpg) no-repeat center top;
}
#cal2 {
top:34px;
left:281px;
}
:lang(fr) #cal2.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_02_fr.jpg) no-repeat center top;
}
:lang(it) #cal2.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_02_it.jpg) no-repeat center top;
}
:lang(en) #cal2.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_02_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal2.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_02_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal2.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_02_es.jpg) no-repeat center top;
}
#cal3 {
top:34px;
left:534px;
}
:lang(fr) #cal3.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_03_fr.jpg) no-repeat center top;
}
:lang(it) #cal3.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_03_it.jpg) no-repeat center top;
}
:lang(en) #cal3.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_03_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal3.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_03_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal3.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_03_es.jpg) no-repeat center top;
}
#cal4 {
top:34px;
left:787px;
}
:lang(fr) #cal4.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_04_fr.jpg) no-repeat center top;
}
:lang(it) #cal4.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_04_it.jpg) no-repeat center top;
}
:lang(en) #cal4.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_04_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal4.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_04_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal4.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_04_es.jpg) no-repeat center top;
}
#cal5 {
top:206px;
left:28px;
}
:lang(fr) #cal5.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_05_fr.jpg) no-repeat center top;
}
:lang(it) #cal5.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_05_it.jpg) no-repeat center top;
}
:lang(en) #cal5.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_05_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal5.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_05_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal5.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_05_es.jpg) no-repeat center top;
}
#cal6 {
top:206px;
left:281px;
}
:lang(fr) #cal6.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_06_fr.jpg) no-repeat center top;
}
:lang(it) #cal6.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_06_it.jpg) no-repeat center top;
}
:lang(en) #cal6.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_06_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal6.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_06_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal6.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_06_es.jpg) no-repeat center top;
}
#cal7 {
top:206px;
left:534px;
}
:lang(fr) #cal7.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_07_fr.jpg) no-repeat center top;
}
:lang(it) #cal7.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_07_it.jpg) no-repeat center top;
}
:lang(en) #cal7.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_07_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal7.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_07_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal7.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_07_es.jpg) no-repeat center top;
}
#cal8 {
top:206px;
left:787px;
}
:lang(fr) #cal8.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_08_fr.jpg) no-repeat center top;
}
:lang(it) #cal8.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_08_it.jpg) no-repeat center top;
}
:lang(en) #cal8.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_08_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal8.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_08_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal8.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_08_es.jpg) no-repeat center top;
}
#cal9 {
top:379px;
left:28px;
}
:lang(fr) #cal9.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_09_fr.jpg) no-repeat center top;
}
:lang(it) #cal9.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_09_it.jpg) no-repeat center top;
}
:lang(en) #cal9.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_09_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal9.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_09_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal9.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_09_es.jpg) no-repeat center top;
}
#cal10 {
top:379px;
left:281px;
}
:lang(fr) #cal10.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_10_fr.jpg) no-repeat center top;
}
:lang(it) #cal10.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_10_it.jpg) no-repeat center top;
}
:lang(en) #cal10.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_10_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal10.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_10_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal10.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_10_es.jpg) no-repeat center top;
}
#cal11 {
top:379px;
left:534px;
}
:lang(fr) #cal11.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_11_fr.jpg) no-repeat center top;
}
:lang(it) #cal11.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_11_it.jpg) no-repeat center top;
}
:lang(en) #cal11.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_11_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal11.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_11_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal11.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_11_es.jpg) no-repeat center top;
}
#cal12 {
top:379px;
left:787px;
}
:lang(fr) #cal12.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_12_fr.jpg) no-repeat center top;
}
:lang(it) #cal12.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_12_it.jpg) no-repeat center top;
}
:lang(en) #cal12.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_12_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal12.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_12_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal12.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_12_es.jpg) no-repeat center top;
}
#cal13 {
top:552px;
left:28px;
}
:lang(fr) #cal13.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_13_fr.jpg) no-repeat center top;
}
:lang(it) #cal13.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_13_it.jpg) no-repeat center top;
}
:lang(en) #cal13.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_13_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal13.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_13_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal13.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_13_es.jpg) no-repeat center top;
}
#cal14 {
top:552px;
left:281px;
}
:lang(fr) #cal14.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_14_fr.jpg) no-repeat center top;
}
:lang(it) #cal14.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_14_it.jpg) no-repeat center top;
}
:lang(en) #cal14.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_14_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal14.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_14_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal14.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_14_es.jpg) no-repeat center top;
}
#cal15 {
top:552px;
left:534px;
}
:lang(fr) #cal15.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_15_fr.jpg) no-repeat center top;
}
:lang(it) #cal15.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_15_it.jpg) no-repeat center top;
}
:lang(en) #cal15.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_15_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal15.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_15_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal15.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_15_es.jpg) no-repeat center top;
}
#cal16 {
top:552px;
left:787px;
}
:lang(fr) #cal16.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_16_fr.jpg) no-repeat center top;
}
:lang(it) #cal16.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_16_it.jpg) no-repeat center top;
}
:lang(en) #cal16.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_16_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal16.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_16_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal16.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_16_es.jpg) no-repeat center top;
}
#cal17 {
top:724px;
left:28px;
}
:lang(fr) #cal17.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_17_fr.jpg) no-repeat center top;
}
:lang(it) #cal17.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_17_it.jpg) no-repeat center top;
}
:lang(en) #cal17.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_17_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal17.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_17_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal17.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_17_es.jpg) no-repeat center top;
}
#cal18 {
top:724px;
left:281px;
}
:lang(fr) #cal18.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_18_fr.jpg) no-repeat center top;
}
:lang(it) #cal18.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_18_it.jpg) no-repeat center top;
}
:lang(en) #cal18.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_18_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal18.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_18_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal18.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_18_es.jpg) no-repeat center top;
}
#cal19 {
top:724px;
left:534px;
}
:lang(fr) #cal19.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_19_fr.jpg) no-repeat center top;
}
:lang(it) #cal19.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_19_it.jpg) no-repeat center top;
}
:lang(en) #cal19.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_19_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal19.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_19_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal19.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_19_es.jpg) no-repeat center top;
}
#cal20 {
top:724px;
left:787px;
}
:lang(fr) #cal20.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_20_fr.jpg) no-repeat center top;
}
:lang(it) #cal20.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_20_it.jpg) no-repeat center top;
}
:lang(en) #cal20.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_20_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal20.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_20_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal20.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_20_es.jpg) no-repeat center top;
}
#cal21 {
top:898px;
left:28px;
}
:lang(fr) #cal21.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_21_fr.jpg) no-repeat center top;
}
:lang(it) #cal21.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_21_it.jpg) no-repeat center top;
}
:lang(en) #cal21.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_21_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal21.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_21_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal21.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_21_es.jpg) no-repeat center top;
}
#cal22 {
top:898px;
left:281px;
}
:lang(fr) #cal22.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_22_fr.jpg) no-repeat center top;
}
:lang(it) #cal22.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_22_it.jpg) no-repeat center top;
}
:lang(en) #cal22.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_22_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal22.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_22_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal22.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_22_es.jpg) no-repeat center top;
}
#cal23 {
top:898px;
left:534px;
}
:lang(fr) #cal23.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_23_fr.jpg) no-repeat center top;
}
:lang(it) #cal23.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_23_it.jpg) no-repeat center top;
}
:lang(en) #cal23.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_23_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal23.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_23_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal23.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_23_es.jpg) no-repeat center top;
}
#cal24 {
top:898px;
left:787px;
}
:lang(fr) #cal24.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_24_fr.jpg) no-repeat center top;
}
:lang(it) #cal24.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_24_it.jpg) no-repeat center top;
}
:lang(en) #cal24.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_24_en.jpg) no-repeat center top;
}
:lang(en) .gbp #cal24.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_24_en-uk.jpg) no-repeat center top;
}
:lang(es) #cal24.off {
background: transparent url(/gfx/special/avent/after/calendar_avent_after_24_es.jpg) no-repeat center top;
}
#mentionsCalendar {
padding:20px 0;
}
.scratchpad.old > span {
display:block;
height:100%;
background: transparent url(/gfx/special/avent/old.png) no-repeat center top;
background-size:100%;
filter:inherit;
-webkit-filter:inherit;
}
@media only screen and (max-width:767px){
#blocCalendar {
height:auto;
background: none;
padding: 0 10px;
box-sizing: border-box;
}
#blocCalendar > div {
position:inherit;
width:194px;
height:129px;
display:inline-block;
}
#cal1, #cal2, #cal3, #cal4, #cal5, #cal6, #cal7, #cal8, #cal9, #cal10, #cal11, #cal12
, #cal13, #cal14, #cal15, #cal16, #cal17, #cal18, #cal19, #cal20, #cal21, #cal22, #cal23, #cal24 {
top:inherit;
left:inherit;
background-size:194px!important;
}
#cal1.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_01.jpg) no-repeat center top;
}
#cal2.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_02.jpg) no-repeat center top;
}
#cal3.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_03.jpg) no-repeat center top;
}
#cal4.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_04.jpg) no-repeat center top;
}
#cal5.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_05.jpg) no-repeat center top;
}
#cal6.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_06.jpg) no-repeat center top;
}
#cal7.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_07.jpg) no-repeat center top;
}
#cal8.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_08.jpg) no-repeat center top;
}
#cal9.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_09.jpg) no-repeat center top;
}
#cal10.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_10.jpg) no-repeat center top;
}
#cal11.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_11.jpg) no-repeat center top;
}
#cal12.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_12.jpg) no-repeat center top;
}
#cal13.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_13.jpg) no-repeat center top;
}
#cal14.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_14.jpg) no-repeat center top;
}
#cal15.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_15.jpg) no-repeat center top;
}
#cal16.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_16.jpg) no-repeat center top;
}
#cal17.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_17.jpg) no-repeat center top;
}
#cal18.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_18.jpg) no-repeat center top;
}
#cal19.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_19.jpg) no-repeat center top;
}
#cal20.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_20.jpg) no-repeat center top;
}
#cal21.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_21.jpg) no-repeat center top;
}
#cal22.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_22.jpg) no-repeat center top;
}
#cal23.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_23.jpg) no-repeat center top;
}
#cal24.mob {
background: transparent url(/gfx/special/avent/before/calendar_avent_before_24.jpg) no-repeat center top;
}
}
@media only screen and (max-width:480px){
#blocCalendar > div {
width:140px;
height:93px;
}
#cal1, #cal2, #cal3, #cal4, #cal5, #cal6, #cal7, #cal8, #cal9, #cal10, #cal11, #cal12
, #cal13, #cal14, #cal15, #cal16, #cal17, #cal18, #cal19, #cal20, #cal21, #cal22, #cal23, #cal24 {
background-size:140px!important;
}
}
/* Calendrier de l'Avent END */
/*Rollover dispo*/
.casque .over-dispo {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
}
.casque .opacite {
position: absolute;
width: 100%;
height: 100%;
padding-bottom: 8px;
background: #000 none;
opacity: 0.5;
}
.casque:hover .over-dispo {
display: block;
}
.casque .over-dispo a.content {
display: block;
position: relative;
left: 0;
top: 0;
padding: 7px 22px 7px 7px;
color: #fff;
}
.casque .over-dispo .content p.disponibilite {
padding: 5px 0 0 0;
margin: 0;
}
.casque .over-dispo .content p.disponibilite span {
display: block;
float: left;
padding: 6px;
margin: 0 6px 8px 0;
font-size: 11px;
font-weight: normal;
text-align: center;
color: #000;
background-color: #E5E5E5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.casque .dispo {
display: block;
font-size: 13px;
font-weight: regular;
width: 165px;
height: 19px;
text-align: left;
/*border-bottom: 1px dotted;*/
}
/*/Rollover dispo*/
/*Rollover Black Friday*/
.blf .casque.opebl:hover, .cywe .casque.opebl:hover, .cym .casque.opebl:hover {
border:1px solid #000000;
}
.casque .over-black {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
}
.casque .over-black.ope-week {
width: 94.5%;
border: 5px solid #000;
}
.casque:hover .over-black {
display: block;
}
.casque .opaOpe {
position: absolute;
width: 100%;
height: 100%;
background: #000 none;
opacity: 0.9;
}
.casque .ope-week .opaOpe {
background: #ffffff none;
opacity: 1;
}
.casque .ope-sena .opaOpe {
background: #00a2e2 none;
}
.bday .casque .opaOpe {
/*background: #01a8a1 none;*/
background: #00afd8 none;
}
.over-black a {
display: block;
position: relative;
padding: 3px 5px 8px 5px;
}
.ope-week .over-black a {
padding: 5px 5px 10px 5px;
}
.over-black p {
margin:0;
padding:0;
color:#fff;
font-size:7px;
text-align:center;
text-transform:uppercase;
}
.ope-week.over-black p {
color:#000;
}
.ope-sena.over-black p {
color:#fff;
}
.over-black p > span, .over-black p > strong {
display:inline-block;
}
.black-inp {
color:#ffffff;
}
.ope-week .black-inp {
color:#000;
}
.black-ltp {
font-size:16px;
text-decoration: line-through;
color:#ff0000;
padding-right:10px;
}
.xmas .black-ltp {
color:#ffffff;
}
.black-discount {
font-size:20px;
color:#f8b604;
padding-left:10px;
text-align:right;
}
.ope-week .black-discount {
color:#ff0000;
}
.black-labprice {
font-size:13px;
padding-top:4px;
}
.ope-week .black-labprice {
font-size: 24px;
line-height: 24px;
font-weight: bold;
color: #fff;
background: #ff0000;
padding: 3px 15px;
margin-top: 10px;
}
.ope-sena .black-labprice {
font-size: 24px;
line-height: 24px;
font-weight: bold;
color: #00a2e2;
background: #fff;
padding: 3px 15px;
margin-top: 12px;
}
:lang(en) .bday .black-labprice, :lang(de) .bday .black-labprice {
display:none;
}
.black-label {
display:block!important;
margin: 0 auto 3px auto;
/*width:87px;*/
height:39px;
}
.ope-week .black-label {
height:inherit;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 2px;
}
.ope-sena .black-label {
height:inherit;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 10px;
}
.blf .black-label {
background: transparent url(/gfx/prods/bf-label.png) no-repeat center top;
}
.cywe .black-label {
background: transparent url(/gfx/prods/cwe-label.png) no-repeat center top;
}
.cym .black-label {
background: transparent url(/gfx/prods/cm-label.png) no-repeat center top;
}
.xmas .black-label {
height:47px;
background: transparent url(/gfx/prods/xmas-label.png) no-repeat center top;
}
.bday .black-label {
height:47px;
background: transparent url(/gfx/prods/bday-label-2.png) no-repeat center top;
}
:lang(it) .bday .black-label {
background: transparent url(/gfx/prods/bday-label_it-2.png) no-repeat center top;
}
:lang(en) .bday .black-label {
height:56px;
background: transparent url(/gfx/prods/bday-label_en-2.png) no-repeat center top;
}
:lang(es) .bday .black-label {
background: transparent url(/gfx/prods/bday-label_es-2.png) no-repeat center top;
}
:lang(de) .bday .black-label {
height:61px;
background: transparent url(/gfx/prods/bday-label_de-2.png) no-repeat center top;
}
.black-price {
font-size:25px;
color:#f8b604;
padding-bottom:4px;
}
.black-code {
font-size:17px;
line-height:17px;
margin-top:2px;
padding:3px 25px;
background:#f8b604;
}
.ope-week .black-code {
background:#fff;
border: 1px solid #05635f;
}
.ope-sena .black-code {
background:#fff;
border: 1px solid #05635f;
color:#000;
}
.xmas .black-discount, .xmas .black-price {
color:#de3023;
}
.bday .black-discount, .bday .black-price {
color:#fbd603;
}
.xmas .black-code {
background:#de3023;
}
.bday .black-code {
/*background:#006561;*/
background:#0072a1;
}
@media only screen and (max-width:400px){
.black-label {
background-size: contain;
}
}
/*/Rollover Black Friday*/
/*bannières moteur*/
#top_banner {
position: relative;
width: 1008px;
margin-bottom: 10px;
}
#bottom_banner {
font-size:11px;
width: 782px;
float: right;
margin:20px 0 10px 0;
border: 1px solid #ccc;
background-color:#EFEFEF;
padding:10px;
text-align:justify;
}
#blocBanCat, #blocBanMarque {
position:relative;
/*height:250px;*/
width:1008px;
margin:0 0 10px 0;
}
#blocBanCatTxt, #blocBanCatTxt2, #blocBanCatTxt_small, #blocBanTxt, #blocBanMarqueTxt, #blocBanMarqueTxt2 {
position: absolute;
top: 20px;
right: 25px;
color: #000;
padding:5px 5px 5px 9px;
/*height:151px;*/
width:505px;
margin:0;
/*font-size:11px;*/
font-size:1.09em;
text-align:justify;
line-height: 12px;
}
#blocBanCatTxt2, #blocBanMarqueTxt2 {
top: 5px;
right: 20px;
padding:5px 5px 5px 5px;
width:525px;
overflow:hidden;
}
#blocBanCatTxt2 {
max-height:183px;
}
#blocBanCatTxt_small {
width:375px;
}
#blocBanTxt {
top: 56px;
right: 14px;
width:406px;
}
#blocBanCatTxt h1, #blocBanCatTxt h2, #blocBanCatTxt2 h1, #blocBanCatTxt2 h2, #blocBanCatTxt_small h1, #blocBanCatTxt_small h2, #blocBanTxt h1, #blocBanTxt h2, #blocBanMarqueTxt h1, #blocBanMarqueTxt h2, #blocBanMarqueTxt2 h1, #blocBanMarqueTxt2 h2, #bottom_banner h2, #bottom_banner h3 {
font-size:15px;
color: #4d5a66;
font-variant:small-caps;
display:inline;
line-height:normal;
}
#blocBanCatTxt a, #blocBanCatTxt2 a, #blocBanCatTxt_small a, #blocBanTxt a, #blocBanMarqueTxt a, #blocBanMarqueTxt2 a, #bottom_banner a {
font-weight:bold;
/*text-decoration: underline;*/
}
#blocBanCatTxt a:hover, #blocBanCatTxt2 a:hover, #blocBanCatTxt_small a, #blocBanTxt a:hover, #blocBancMarqueTxt a:hover, #blocBanMarqueTxt2 a:hover, #bottom_banner a:hover {
text-decoration: none;
}
#banMoteur {
float:left;
height:182px;
width:802px;
margin:0 0 10px 0;
}
#blocBanCat2 {
float:left;
height:122px;
width:785px;
margin:0;
padding:5px 10px 5px 5px;
background-color:#EFEFEF;
border:1px solid #ccc;
font-size:11px;
text-align:justify
}
#blocBanCat2 img{
margin-right:10px;
border:1px solid #CCC
}
#blocBanMarqueAstyle {
float:left;
height:401px;
width:802px;
margin:0 0 10px 0;
}
.blocBanFlash {
position:absolute;
/*right:30px;
right:408px;*/
right:283px; /*New VF*/
/*top:46px;
top:34px;*/
top:64px;
/*color:#fff500;*/
color:#ffffff;
font-family:'DinBold', Arial, Helvetica, sans-serif;
/*font-size:115px;
font-size:100px;*/
font-size:112px;
/*line-height:75px;*/
line-height:57px;
text-align:center;
}
:lang(en) .blocBanFlash {
top:53px;
}
.blocBanFlash > strong {
display:block;
/*letter-spacing:-0.080em;*/
letter-spacing:-0.05em;
}
.blocBanFlash > strong > sup {
font-size: 40%;
vertical-align: super!important;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
.vf-from {
color:#ffffff;
font-family:DinRegular;
/*font-size:28px;*/
font-size:16px;/*New VF*/
text-transform:uppercase;
}
@media only screen and (max-width:767px){
#top_banner {
width: auto;
/*padding: 0 10px;*/
padding:0;
}
#blocBanCat, #blocBanMarque, #blocBanCatTxt, #blocBanCatTxt2, #blocBanCatTxt_small, #blocBanTxt, #blocBanMarqueTxt, #blocBanMarqueTxt2 {
display: none;
}
#bottom_banner {
display: none;
}
}
/*/bannières moteur*/
/*bannières shopping/promos*/
#blocBanSpecial, :lang(it) #blocBanSpecial, :lang(en) #blocBanSpecial, :lang(es) #blocBanSpecial, :lang(de) #blocBanSpecial {
position:relative;
height:316px;
width:1008px;
margin:0 0 10px 0;
background: url(/gfx/banniere/bandeau-soldes-ete-2015-70_fr.jpg) 0 0 no-repeat;
}
:lang(it) #blocBanSpecial {
background: url(/gfx/banniere/bandeau-soldes-ete-2015-70_it.jpg) 0 0 no-repeat;
}
:lang(en) #blocBanSpecial {
background: url(/gfx/banniere/bandeau-soldes-ete-2015-70_en.jpg) 0 0 no-repeat;
}
:lang(es) #blocBanSpecial {
background: url(/gfx/banniere/bandeau-soldes-ete-2015-70_es.jpg) 0 0 no-repeat;
}
:lang(de) #blocBanSpecial {
background: url(/gfx/banniere/bandeau-soldes-ete-2015-70_de.jpg) 0 0 no-repeat;
}
#blocBanSpecial ul {
list-style:none;
margin:0;
padding:0;
}
#blocBanSpecial li {
display:block;
padding: 1px 0 1px 0;
border:none;
}
#blocBanSpecial li:hover {
background:#073745;
}
#blocBanSpecial li a {
display:block;
font-size: 12px;
color:#073745 !important;
text-align: left;
text-decoration:none;
text-indent: 0;
line-height: 12px;
padding: 0 0 0 8px;
}
#blocBanSpecial li:hover a {
color:#fff !important;
}
#blocBanSpecial a.banTitle {
position: absolute;
height:52px;
display: block;
text-indent: -5000px;
}
#blocBanSpecial #banCasques ul {
position: absolute;
left: 26px;
top: 190px;
width: 108px;
}
:lang(it) #blocBanSpecial #banCasques ul {
left: 19px;
width:111px;
}
:lang(es) #blocBanSpecial #banCasques ul {
left: 19px;
width:95px;
}
#blocBanSpecial a#btCasques {
left:0;
top:137px;
width:128px;
}
#blocBanSpecial #banAccessoiresCasques ul {
position: absolute;
left: 146px;
top: 190px;
width: 144px;
}
:lang(it) #blocBanSpecial #banAccessoiresCasques ul {
left: 149px;
width:128px;
}
:lang(en) #blocBanSpecial #banAccessoiresCasques ul {
left: 161px;
width:130px;
}
:lang(es) #blocBanSpecial #banAccessoiresCasques ul {
width:130px;
}
#blocBanSpecial a#btAccCasques {
left:143px;
top:137px;
width:153px;
}
:lang(it) #blocBanSpecial a#btAccCasques {
left:148px;
width:130px;
}
:lang(en) #blocBanSpecial a#btAccCasques {
left:153px;
width:138px;
}
:lang(es) #blocBanSpecial a#btAccCasques {
width:136px;
}
#blocBanSpecial #banEquipements ul {
position: absolute;
left: 302px;
top: 190px;
width: 136px;
}
:lang(it) #blocBanSpecial #banEquipements ul {
left: 285px;
width:155px;
}
:lang(es) #blocBanSpecial #banEquipements ul {
left: 285px;
width:126px;
}
#blocBanSpecial a#btEquipements {
left:301px;
top:137px;
width:140px;
}
:lang(it) #blocBanSpecial a#btEquipements {
left:286px;
width:162px;
}
:lang(es) #blocBanSpecial a#btEquipements {
left:285px;
width:140px;
}
#blocBanSpecial #banEquipementsCross ul {
position: absolute;
left: 447px;
top: 190px;
width: 128px;
}
:lang(it) #blocBanSpecial #banEquipementsCross ul {
left: 453px;
width:146px;
}
:lang(en) #blocBanSpecial #banEquipementsCross ul {
width:120px;
}
:lang(es) #blocBanSpecial #banEquipementsCross ul {
left: 454px;
width:100px;
}
#blocBanSpecial a#btCross {
left:445px;
top:137px;
width:138px;
}
:lang(it) #blocBanSpecial a#btCross {
left:452px;
width:154px;
}
:lang(en) #blocBanSpecial a#btCross {
left:445px;
width:130px;
}
:lang(es) #blocBanSpecial a#btCross {
width:125px;
}
#blocBanSpecial #banAccessoires ul {
position: absolute;
left: 596px;
top: 190px;
width: 126px;
}
:lang(it) #blocBanSpecial #banAccessoires ul {
left: 620px;
width:112px;
}
:lang(en) #blocBanSpecial #banAccessoires ul {
left: 585px;
width:130px;
}
:lang(es) #blocBanSpecial #banAccessoires ul {
left: 620px;
width:124px;
}
#blocBanSpecial a#btAccessoires {
left:594px;
top:137px;
width:136px;
}
:lang(it) #blocBanSpecial a#btAccessoires {
left:618px;
width:126px;
}
:lang(en) #blocBanSpecial a#btAccessoires {
left:584px;
width:136px;
}
:lang(es) #blocBanSpecial a#btAccessoires {
left:612px;
}
#blocBanSpecial #banSportswear ul {
position: absolute;
left: 607px;
top: 190px;
width: 129px;
}
#blocBanSpecial a#btSportswear {
left:759px;
top:137px;
width:105px;
}
:lang(it) #blocBanSpecial a#btSportswear {
left:772px;
}
:lang(en) #blocBanSpecial a#btSportswear {
left:744px;
width:125px;
}
:lang(es) #blocBanSpecial a#btSportswear {
left:768px;
width:107px;
}
#blocBanSpecial #banFlash ul {
position: absolute;
left: 748px;
top: 190px;
width: 117px;
}
#blocBanSpecial a#btFlash {
left:882px;
top:137px;
width:126px;
}
#blocBanSpecial #banPacks ul {
position: absolute;
left: 830px;
top: 194px;
width: 176px;
}
#blocBanSpecial a#btPacks {
left:830px;
top:137px;
width:176px;
}
#blocBanSpecial a#btTopSoldes {
right:0;
bottom:0;
width:240px;
height:123px;
}
#blocBanSpecial #banSelection1 {
position: absolute;
left: 0;
top: 0;
width: 1008px;
height: 126px;
}
#blocBanSpecial #banSelection1 a {
display: block;
width: 1008px;
height: 122px;
padding: 0 0;
text-indent: -3000px;
line-height: 0;
}
#blocBanSpecial #banSelection2 {
position: absolute;
left: 674px;
top: 157px;
width: 194px;
height: 169px;
}
#blocBanSpecial #banSelection2 a {
display: block;
width: 194px;
height: 169px;
padding: 0 0;
text-indent: -3000px;
line-height: 0;
}
@media only screen and (max-width:767px){
#blocBanSpecial {
display:none;
}
}
/*/bannières shopping/promos*/
/*bannières shopping/promos V2 */
#blocBanSpecial2, :lang(fr) #blocBanSpecial2, :lang(it) #blocBanSpecial2, :lang(en) #blocBanSpecial2, :lang(es) #blocBanSpecial2, :lang(de) #blocBanSpecial2 {
position:relative;
width:998px;
padding-top:177px;
margin:0 0 15px 0;
border: 5px solid #2e2e2c;
}
:lang(fr) .soldes.d1 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-70_fr.jpg) 0 0 no-repeat;
}
:lang(it) .soldes.d1 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-70_it.jpg) 0 0 no-repeat;
}
:lang(en) .soldes.d1 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-70_en.jpg) 0 0 no-repeat;
}
:lang(es) .soldes.d1 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-70_es.jpg) 0 0 no-repeat;
}
:lang(de) .soldes.d1 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-70_de.jpg) 0 0 no-repeat;
}
:lang(fr) .soldes.d2 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d2_fr.jpg) 0 0 no-repeat;
}
:lang(it) .soldes.d2 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d2_it.jpg) 0 0 no-repeat;
}
:lang(en) .soldes.d2 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d2_en.jpg) 0 0 no-repeat;
}
:lang(es) .soldes.d2 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d2_es.jpg) 0 0 no-repeat;
}
:lang(de) .soldes.d2 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d2_de.jpg) 0 0 no-repeat;
}
:lang(fr) .soldes.d3 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d3_fr.jpg) 0 0 no-repeat;
}
:lang(it) .soldes.d3 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d3_it.jpg) 0 0 no-repeat;
}
:lang(en) .soldes.d3 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d3_en.jpg) 0 0 no-repeat;
}
:lang(es) .soldes.d3 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d3_es.jpg) 0 0 no-repeat;
}
:lang(de) .soldes.d3 #blocBanSpecial2 {
background: url(/gfx/banniere/bg-sale16-d3_de.jpg) 0 0 no-repeat;
}
#blocBanSpecial2 a#ent-bbs {
display:block;
position:absolute;
top:0;
left:0;
width:998px;
height:177px;
text-indent:-7000px;
}
#blocBanSpecial2 #bbs-title {
display:block;
padding:12px 0 25px 0;
font-size:24px;
font-family: 'DinRegular', Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#ff8a26;
text-align:center;
}
#blocBanSpecial2 ul {
list-style:none;
margin:0;
padding:0;
height:46px;
}
#blocBanSpecial2 li {
position: relative;
float: left;
}
#blocBanSpecial2 .deals-cat li {
margin:0 4px 16px 4px;
padding:0;
width:158px;
height:30px;
}
#blocBanSpecial2 .deals-cat li:nth-child(6), #blocBanSpecial2 .deals-cat li:last-child {
margin-right:0;
}
#blocBanSpecial2 .deals-cat li a {
width:156px;
height:28px;
line-height:29px;
font-size: 12px;
text-align:center;
text-indent:inherit;
}
:lang(de) #blocBanSpecial2 .deals-cat li a {
font-size: 11px;
}
#blocBanSpecial2 .deals-cat li a:before {
left:inherit;
margin-left:-8px;
margin-top: 9px;
}
@media only screen and (max-width:767px){
#blocBanSpecial2 {
display:none;
}
}
/*/bannières shopping/promos V2*/
/*bannière anniversaire*/
#blocBanEntries {
position:relative;
height:250px;
width:1008px;
margin:0 0 10px 0;
background: url(/gfx/pub-home-2013/bandeau-anniversaire-icasque.jpg) 0 0 no-repeat;
}
#blocBanEntries a.banTitle {
position: absolute;
height:21px;
display: block;
text-indent: -5000px;
}
#blocBanEntries a#btCasques {
left: 459px;
top: 176px;
width: 102px;
}
#blocBanEntries a#btEquipements {
left: 582px;
top: 176px;
width: 190px;
}
#blocBanEntries a#btCross {
left: 792px;
top: 176px;
width: 190px;
}
#blocBanEntries a#btAccessoires {
left: 562px;
top: 213px;
width: 185px;
}
#blocBanEntries a#btSportswear {
left: 766px;
top: 213px;
width: 139px;
}
#blocBanEntries #banSelection1 {
position: absolute;
left: 0;
top: 0;
width: 1008px;
height: 175px;
}
#blocBanEntries #banSelection1 a {
display: block;
width: 1008px;
height: 175px;
padding: 0 0;
text-indent: -3000px;
line-height: 0;
}
#blocBanEntries #banSelection2 {
position: absolute;
left: 0px;
top: 175px;
width: 458px;
height: 75px;
}
#blocBanEntries #banSelection2 a {
display: block;
width: 458px;
height: 75px;
padding: 0 0;
text-indent: -3000px;
line-height: 0;
}
/*/bannières anniversaire*/
/*bannières ope icc*/
.gbp .uk-gbp, .en-eur {
display:inline-block;
}
.uk-gbp, .gbp .en-eur {
display:none;
}
/*/bannières ope icc*/
/*bannières ope*/
.ope-agv, .bvd, .bxms, .banblack, .banBlackf, .banCybwe, .banCybm, .bmd, .banBirthday {
display:none;
}
.opx .ope-agv, .BanVdays .bvd, .BanXmas .bxms, .blf .banBlackf, .cywe .banCybwe, .cym .banCybm, .BanMdays .bmd, .bday .banBirthday {
display:block;
}
/*/bannière ope*/
/*bannières soldes*/
.banSales-d1, .banSales-d2, .banSales-d3 {
display:none;
}
.d1 .banSales-d1, .d2 .banSales-d2, .d3 .banSales-d3 {
display:block;
}
.d1 #blocBanSpecial2.banSales-d1, .d2 #blocBanSpecial2.banSales-d1, .d3 #blocBanSpecial2.banSales-d1 {
display:block;
}
@media only screen and (max-width:767px){
.d1 #blocBanSpecial2.banSales-d1, .d2 #blocBanSpecial2.banSales-d1, .d3 #blocBanSpecial2.banSales-d1 {
display:none;
}
}
/*/bannière soldes*/
/*Soldes 2016*/
.head-sales {
float:left;
height:auto;
margin-bottom:10px;
}
.head-sales img {
width:auto;
max-width:100%;
height:auto;
}
.btn-dp {
display:inline-block;
padding:10px 24px 10px 14px;
font-size:14px;
font-family: DinRegular;
font-weight:bold;
text-transform:uppercase;
text-align:center;
color:#000;
background:#fff;
border:1px solid #000;
}
.btn-dp:hover, .btn-dp:focus {
color:#fff;
background:#ff0000;
border:1px solid #ff0000;
}
.btn-dp-cat {
display:block;
padding: 0 25px 0 25px;
font-size: 16px;
font-family: DinRegular;
font-weight:bold;
text-transform:uppercase;
text-align:center;
color:#fff!important;
background:#000;
border:1px solid #000;
}
.btn-dp-cat > span {
position:relative;
display:inline-block;
padding:10px 15px;
}
.btn-dp-cat > span:before, .btn-dp-cat > span:after {
position:absolute;
content: '';
width: 0px;
height: 0px;
border-style: solid;
vertical-align:middle;
top:33%;
}
.btn-dp-cat > span:before {
left:0;
border-width:7px 0 7px 7px;
border-color:transparent transparent transparent #ffffff;
}
.btn-dp-cat > span:after {
right:0;
border-width:7px 7px 7px 0;
border-color:transparent #ffffff transparent transparent;
}
.btn-dp-cat:hover, .btn-dp-cat:focus {
color:#fff;
background:#ff0000;
border:1px solid #ff0000;
}
.cat-sales {
float:left;
/*padding-bottom:30px;*/
}
.deals-pub {
position:relative;
margin:0;
padding:0;
list-style-type:none;
width:100%;
display: table;
table-layout: fixed;
word-spacing: -2em;
font-size: 0;
}
.deals-pub li {
display:inline-block;
width:243px;
height:244px;
margin:0 12px 0 0;
padding:0;
word-spacing: normal;
}
#deals-cross.deals-pub li {
width:498px;
}
.deals-pub li.deal-pb4, .deals-pub li:last-child {
margin-right:0;
}
.deals-pub li a {
position:relative;
display:inline-block;
width:100%;
}
.deals-pub li img {
width:100%;
/*max-width:100%;*/
height:auto;
opacity: 1;
z-index:1000;
}
.deals-pub li:hover img {
opacity:0.3;
}
.deals-pub li .btn-dp {
position:absolute;
bottom:40%;
left:29%;
display:none;
z-index:1001;
}
:lang(it) .deals-pub li .btn-dp, :lang(es) .deals-pub li .btn-dp {
left:37%;
}
:lang(de) .deals-pub li .btn-dp {
left:25%;
}
#deals-cross.deals-pub li .btn-dp {
left:39%;
}
.deals-pub li:hover .btn-dp, .deals-pub li:focus .btn-dp {
display:inline-block;
color:#fff;
background:#ff0000;
border:1px solid #ff0000;
}
.deals-brands {
padding-bottom: 14px;
padding-top: 7px;
}
.deals-brands li {
width:498px;
height:242px;
padding:7px 0;
}
.deals-brands li .btn-dp {
position:absolute;
bottom:40%;
left:39%;
display:none;
z-index:1001;
}
.deals-brands li.deal-br2 {
margin-right:0;
}
.deals-brands li a {
display:inline-block;
margin:0 0 0 0;
height:auto;
}
.deals-brands li img {
opacity:1;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.deals-brands li:hover img, .deals-brands li:focus img {
opacity:0.7;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
}
.deals-products {
width:100%;
padding:20px 0;
}
.btn-top-sales {
text-align:center;
}
.deals-products .casque:after {
content:'';
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #000 none;
opacity: 0.1;
}
.deals-products .casque:hover:after, .deals-products .casque:focus:after {
display: block;
}
.deals-products .casque {
border: 6px solid #000;
}
@media only screen and (min-width: 768px) {
.deals-products .casque {
margin: 0 12px 22px 0;
padding: 0 24px;
}
.deals-products .casque.last {
margin-right:0;
}
.deals-products .casque .txt {
margin-left:0;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
.deals-products .casque {
width: 45%;
margin: 0 10px 12px 10px;
}
}
@media only screen and (max-width: 767px) {
.head-sales {
padding:0 10px;
}
.title-lab {
font-size: 11px;
}
.title-value {
font-size: 50px;
}
.btn-dp-cat {
margin:0 10px;
}
.deals-pub li {
width:24%;
height:auto;
margin:0 0.5%;
}
#deals-cross.deals-pub li {
width:49%;
margin:0 0.5%;
}
.deals-brands {
padding-top: 0.5%;
}
.deals-brands li {
width:49%;
height:auto;
margin:0 0.5%;
padding:0.5% 0;
}
.deals-pub li:hover .btn-dp, .deals-pub li:focus .btn-dp {
display:none;
}
}
@media only screen and (max-width: 640px) {
.deals-pub li {
width:48%;
margin:1%;
}
#deals-cross.deals-pub li {
width:98%;
margin:1%;
}
.deals-brands {
padding-top: 0;
}
.deals-brands li {
width:98%;
margin:1%;
padding:0;
}
.deals-pub li img {
max-width:400px;
}
#deals-cross.deals-pub li img, .deals-brands li img {
max-width:640px;
}
}
@media only screen and (max-width: 610px) {
.deals-products .casque {
margin: 0 7px 12px 7px;
}
}
@media only screen and (max-width: 592px) {
.deals-products .casque {
margin: 0 4px 12px 4px;
}
}
@media only screen and (max-width: 400px) {
.deals-products .casque {
width:43%;
}
}
@media only screen and (max-width: 374px) {
.deals-pub li {
width:98%;
margin:1%;
}
}
/*/soldes 2016*/
/*moteur 3 clics*/
#moteur_soldes_2011 {
float:left;
display: block;
position: relative;
padding: 195px 3px 11px 4px;/* soldes bottom: 40px*/
background: url(/gfx/index/bg_3Clic.png) no-repeat top;
color: #000;
width:157px;
height:118px;
overflow: hidden;
}
.mMoteur {
margin: 27px 0 0 8px;
}
#moteur_soldes_2011 .selector {
position: relative;
width: 141px;
height: 14px;
margin: 5px 0 12px 14px;
overflow: hidden;
background: url(/gfx/index/arrow_select.png) no-repeat scroll right center;
}
#moteur_soldes_2011 .selector select {
position: relative;
width: 160px;
/*height: 15px;*/
font-size: 10px;
color: #000;
border: none;
-webkit-appearance: none;
-moz-appearance: none;!important;
background: none repeat scroll 0 0 transparent;
}
#moteur_soldes_2011 input {
position: absolute;
bottom: 16px;/* soldes bottom: 40px*/
left: 16px;
}
/*/moteur 3 clics*/