/* CSS Document */
@import url(icasque-font.css);
body {
min-width:320px;
margin: 0;
font-size: 10px;
font-family: Arial,Helvetica,Verdana,sans-serif;
/*background: url(/gfx/habillage/bkg-soldes-ete-2015-70_fr.png) center 100px no-repeat;*/
}
body.xmas {
/*background: url(/gfx/habillage/bkg-xmas-2015.jpg) center top no-repeat;*/
}
/* ----- COMMON ----- */
/* Global */
form {display: inline;}
img {border: none;}
hr { visibility: hidden; clear:both;}
/* Position */
.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }
.clear {clear: both;}
.fright {float:right}
.vh { visibility: hidden; }
.vv { visibility: visible; }
.dn { display: none; }
#center{margin-left:auto !important; margin-right:auto !important;}
/* Grids */
.mr2 { margin-right: 2px; }
.mr6 { margin-right: 6px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr232 { margin-right: 232px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml7 { margin-left: 7px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml14 { margin-left: 14px; }
.ml16 { margin-left: 16px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml27 { margin-left: 27px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml120 { margin-left: 120px; }
.ml130 { margin-left: 130px; }
.ml150 { margin-left: 150px; }
.ml180 { margin-left: 180px; }
.ml190 { margin-left: 190px; }
.ml210 { margin-left: 210px; }
.ml250 { margin-left: 300px; }
.ml260 { margin-left: 260px; }
.ml300 { margin-left: 250px; }
.ml100 { margin-left: 100px; }
.ml105 { margin-left: 105px; }
.ml352 { margin-left: 352px; }
.ml-9 { margin-left: -9px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt26 { margin-top: 26px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb5 { margin-bottom: 5px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom: 30px; }
.mcenter {margin: 0 auto;}
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt50 { padding-top: 50px; }
.pt175 { padding-top: 175px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl15 { padding-left: 15px; }
.pl4 { padding-left: 4px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pb10 { padding-bottom: 10px; }
.lh10 { line-height:10px; }
.lh11 { line-height:11px; }
.lh12 { line-height:12px; }
.lh13 { line-height:13px; }
.lh14 { line-height:14px; }
.lh18 { line-height:18px; }
.lh25 { line-height:25px; }
.bbb { border-bottom:1px solid #CCC;}
.btb { border-top:1px solid #CCC;}
.blb { border-left:1px solid #CCC;}
.brb { border-right:1px solid #CCC;}
/* Font size */
.fs8 { font-size: 8px;}
.fs9 { font-size: 9px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs23 { font-size: 23px; }
.fs24 { font-size: 24px; }
.fs27 { font-size: 27px; }
.fs29 { font-size: 29px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs50 { font-size: 50px; }
/* Font style */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }
.smc { font-variant: small-caps;}
.lt {text-decoration:line-through;}
.bold {font-weight:bold;}
.norm {font-weight:normal;}
.it {font-style:italic;}
.up {text-transform:uppercase;}
.noup {text-transform:none;}
.ul {text-decoration:underline;}
/* Color */
.grisBleu {color:#5A637C !important;}
.framboise {color:#c20333;}
.fushia {color:#FF0066;}
.vert {color:#69A032;}
.vert2 {color:#76c043;}
.vert3 {color:#87b132;}
.vert4 {color:#aac236;}
.vert5 {color:#82c807;}
.vert6 {color:#96c133;}
.vert7 {color:#7ec907;}
.vert8 {color:#8bbc06;}
.vert9 {color:#4eb515;}
.vert10 {color:#80d310;}
.vert11 {color:#8cc63e;}
.vertFluo {color:#a1dc18;}
.bordo {color: #900;}
.bordo2 {color:#d04461;}
.rose{color: #f99;}
.rose2 {color:#ee4699;}
.rose3 {color:#EC008C;}
.rose4 {color:#ef3a90;}
.rose5 {color:#fb4daf;}
.rose6 {color:#e2579f;}
.roseFluo {color:#fd05dd;}
.black {color: #000;}
.blanc {color: #FFF;}
.bleu {color:#0099FF;}
.bleuViolet {color:#4D3F97;}
.bleuClair {color:#05a7eb;}
.bleu2 {color:#54a8dd;}
.bleu3 {color:#379cd7;}
.bleu4 {color:#31b0fb;}
.bleu5 {color:#379cd7;}
.bleu6 {color:#04cbfd;}
.bleu7 {color:#679fd3;}
.bleu8 {color:#2aabe4;}
.bleu9 {color:#39bdfa;}
.bleu10 {color:#03a3ed;}
.bleu11 {color:#04cbfd;}
.bleu12 {color:#72d4fb;}
.bleu13 {color:#00acea;}
.bleuTurquoise {color:#096a7a;}
.bleuFluo {color:#2bcbe5;}
.bleuFluo2 {color:#38c0e9;}
.bleuFluo3 {color:#07c4f4;}
.rouge {color:#FF0000;}
.rougeFonce {color:#ca2c34;}
.rouge2 {color:#e62119;}
.gris {color:#92a1ae !important;}
.gris2 {color:#666666;}
.gris3 {color:#6d6e70;}
.gris4 {color:#aaaaaa;}
.gris5 {color:#bbbbbc;}
.gris6 {color:#939598;}
.grisValid {color:#666666;font:normal 15px Georgia, "Times New Roman", Times, serif;}
.grisLight {color:#a3a0a0;}
.grisClair {color:#414042;}
.grisClair2 {color:#777777;}
.grisClair3 {color:#dcdddf;}
.grisFonce {color:#202020;}
.grisFonce2 {color:#1c1c1c;}
.grisFonce3 {color:#504f4f;}
.grisAnthracite {color:#747d80;}
.grisTaupe {color:#5c5354;}
.orange {color:#f60;}
.orange2 {color:#ecac5e;}
.orange3 {color:#fbb62b;}
.orange4 {color:#e2680e;}
.orangeClair {color:#fda302;}
.ambre {color:#feb40a;}
.black2 {color:#080707;}
.bleuClair {color:#57b7fb;}
.bleuFonce {color:#10123d;}
.bleuFonce2 {color:#3959a1;}
.jaune {color:#fae824;}
.jaune2 {color:#fab206;}
.jaune3 {color:#fdd511;}
.styleJet{color: #6AA508;}
.styleInt{color: #0AA3D7;}
.styleMod{color: #3A07BC;}
.styleCros{color: #F6670A;}
.styleEnf{color: #D00871;}
.styleHigh{color: #FF9900;}
.styleAcces{color: #003399;}
.styleVis{color: #009900;}
.styleAff{color: #c00;}
/* Links */
/*a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
a:active {color: #000;text-decoration: none;}*/
a.white:link {color: #fff;text-decoration: none;}
a.white:visited {color: #fff;text-decoration: none;}
a.white:hover {color: #fff;text-decoration: none;}
a.white:active {color: #fff;text-decoration: none;}
a.red:link {color: #FF0000;text-decoration: none;}
a.red:visited {text-decoration: none;color: #FF0000;}
a.red:hover {text-decoration: none;color: #000;}
a.red:active {text-decoration: none;color: #FF0000;}
a.blue {text-decoration: none;color: #00a1fd;}
a.blue:hover {text-decoration: underline;}
a.blue2 {text-decoration: none;color: #00a1fd;}
a.blue2:hover {text-decoration: underline;}
a.blue3 {text-decoration: none;color: #38569c;}
a.blue3:hover {text-decoration: underline;}
a.blue4 {color:#0199F3;}
a.blue4:hover {text-decoration: none;}
a.blueFluo {color:#07c4f4;}
a.blueFluo:hover {text-decoration: underline;}
a.pink {text-decoration: none;color: #EC008C;}
a.pink:hover {text-decoration: underline;}
a.lire:link {color: #4F87C0;text-decoration: none;}
a.lire:visited {text-decoration: none;color: #4F87C0;}
a.lire:hover {text-decoration: none;color: #FF0000;}
a.lire:active {text-decoration: none;color: #4F87C0;}
a.colg:link {color: #666666;text-decoration: none;}
a.colg:visited {text-decoration: none;color: #666666;}
a.colg:hover {text-decoration: none;color: #FF0066;}
a.colg:active {text-decoration: none;color: #666666;}
a.colr:link {color: #FF0066;text-decoration: none;}
a.colr:visited {text-decoration: none;color: #FF0066;}
a.colr:hover {text-decoration: none;color: #666666;}
a.colr:active {text-decoration: none;color: #FF0066;}
a.colg:link {color: #666666;text-decoration: none;}
a.colg:visited {text-decoration: none;color: #666666;}
a.colg:hover {text-decoration: none;color: #FF0066;}
a.colg:active {text-decoration: none;color: #666666;}
a.bl:link {color: #fff;text-decoration: none;}
a.bl:visited {text-decoration: none;color: #fff;}
a.bl:hover {text-decoration: underline;color: #FFCC00;}
a.bl:active {text-decoration: none;color: #fff;}
a.gris2:link {color: #818285;font-weight: bold;text-decoration: none;}
a.gris2:visited {text-decoration: none;font-weight: bold;color: #818285;}
a.gris2:hover {text-decoration: underline;color: #818285;}
a.gris2:active {text-decoration: none;font-weight: bold;color: #818285;}
a.gris3 {color:#6D6E70;text-decoration:none;}
a.gris3:hover {text-decoration:underline;}
a.anthracite:link {color:#747d80;text-decoration:none;}
a.anthracite:visited {color:#747d80;text-decoration:none;}
a.anthracite:hover {color:#747d80;text-decoration:underline;}
a.anthracite:active {color:#747d80;text-decoration:none;}
a.noir:link {color: #000;text-decoration: none;}
a.noir:visited {text-decoration: none;color: #000;}
a.noir:hover {text-decoration: underline;color: #000;}
a.noir:active {text-decoration: none;color: #000;}
a.aide:link {color: #000;text-decoration: none;}
a.aide:visited {text-decoration: none;color: #000;}
a.aide:hover {text-decoration: underline;color: #4F87C0;}
a.aide:active {text-decoration: none;color: #000;}
a.cgv:link {color: #09F;text-decoration: none;}
a.cgv:visited {text-decoration: none;color: #09F;}
a.cgv:hover {text-decoration: underline;color: #09F;}
a.cgv:active {text-decoration: none;color: #09F;}
a.casqueMoto {font-size:0px;letter-spacing: -5px;position: absolute;top: -5000px;}
a.guide:link {text-decoration: underline;color: #000;}
a.guide:visited {text-decoration: underline;color: #000;}
a.guide:hover {text-decoration: underline;color: #000;}
a.guide:active {text-decoration: underline;color: #000;}
a.marque {color: #92A1AE;font-size: 10px;font-weight:bold;font-family: Arial;font-variant: small-caps;}
a.marque:hover {color: #c00;}
a.foot {text-decoration: none;color: #414042;}
a.foot:hover {text-decoration: underline;}
a.help {text-decoration: none;font-size:11px;color: #77787B;}
a.help:hover {text-decoration: none;}
a.lnkArrow {padding-right: 18px;background: transparent url(/gfx/pictos/arrow-grey2.png) no-repeat right 1px;color:#777;}
a.lnkArrow:hover {text-decoration:underline;}
a.footMentions, .footMentions {color:#414042;text-decoration:none;}
a.footMentions:hover, .footMentions:hover {text-decoration:underline;}
.jslnk {cursor: pointer;}
.jslnk:hover {text-decoration:underline;}
a.ssmenu {font-size: 11px;color: #5B5A5A;}
a.ssmenu:hover {font-weight: bolder;color: #D20F8C;}
a.under {text-decoration:none;}
a.under:hover {text-decoration:underline;}
/* Validation formulaires */
.has-error .form-control {
color: #a94442;
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:-moz-placeholder {
color: #a94442;
}
.has-error .form-control::-moz-placeholder {
color: #a94442;
opacity: 1;
}
.has-error .form-control:-ms-input-placeholder {
color: #a94442;
}
.has-error .form-control::-webkit-input-placeholder {
color: #a94442;
}
.has-success .form-control {
border-color: #d7d7d7;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #aaaaaa;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #555555;
}
.has-success .input-group-addon {
/*color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;*/
}
.has-error:after, .has-success:after {
content: "\e014";
font-family: 'Glyphicons Halflings';
font-style: normal;
font-size: 11px;
-webkit-font-smoothing: antialiased;
color: #a94442;
position: absolute;
top: 0;
right: 0;
padding-top: 9px;
}
.has-success:after {
content: "\e013";
color: #555555;
}
.checkbox .has-error:after, .checkbox .has-success:after {
display:none;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
color: #a94442;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 5px;
color: #737373;
font-size:12px;
}
/* Formulaires */
/*/grids/*/
.form-icc .col-sm-8, .form-icc .col-sm-4, .form-icc .col-sm-3 {
position: relative;
min-height: 1px;
padding-right:20px;
padding-left: 10px;
}
@media (min-width: 768px) {
.form-icc .col-sm-offset-4 {
margin-left: 33.33333333333333%;
*margin-left: 0;/*IE7*/
}
}
@media (min-width: 768px) {
.form-icc .col-sm-4 {
width: 33.33333333333333%;
}
}
@media (min-width: 768px) {
.form-icc .col-sm-8 {
width: 66.66666666666666%;
}
}
@media (min-width: 768px) {
.form-icc .col-sm-1, .form-icc .col-sm-2, .form-icc .col-sm-3, .form-icc .col-sm-4, .form-icc .col-sm-5, .form-icc .col-sm-6, .form-icc .col-sm-7, .col-sm-8, .form-icc .col-sm-9, .form-icc .col-sm-10, .form-icc .col-sm-11, .form-icc .col-sm-12 {
float: left;
}
}
/*/common/*/
.form-icc label {
display: inline-block;
/*margin-bottom: 5px;*/
font-weight: bold;
}
.form-icc .radio label, .form-icc .checkbox label {
/*display: inline;*/
font-weight: normal;
cursor: pointer;
margin-bottom: 0;
}
.form-icc .radio-inline, .form-icc .checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.form-icc .radio, .form-icc .checkbox {
display: block;
}
.form-icc input, .form-icc textarea {
/*-webkit-appearance:none;*/
-webkit-border-radius:0;
border-radius: 0;
}
/*.form-icc input[type="checkbox"], .form-icc input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
.form-icc input[type="radio"], .form-icc input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}*/
.form-icc input[type="radio"], .form-icc .radio-inline input[type="radio"], .form-icc .checkbox input[type="checkbox"], .form-icc .checkbox-inline input[type="checkbox"] {
/*float: left;
margin-left: -20px;*/
}
.form-icc button, .form-icc input, .form-icc optgroup, .form-icc select, .form-icc textarea {
font: inherit;
margin: 0;
}
.form-icc button {
overflow: visible;
}
.form-icc select {
text-transform: none;
}
/*.form-icc button {
text-transform: none;
}*/
.form-icc button, html .form-icc input[type="button"], .form-icc input[type="reset"], .form-icc input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
/*/form groups/*/
.form-icc * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-icc *:before,
.form-icc *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-icc .form-group {
margin-bottom: 15px;
}
.form-icc.form-horizontal .form-group {
margin: 0 0 15px 0;
}
/*.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after {
content: " ";
display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after {
clear: both;
}*/
.form-icc.form-horizontal .control-label, .form-icc.form-horizontal .radio, .form-icc.form-horizontal .checkbox, .form-icc.form-horizontal .radio-inline, .form-icc.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-icc.form-horizontal .form-control-static {
padding-top: 10px;
margin: 0
}
.form-icc.form-horizontal label {
font-size:13px;
}
.form-icc.form-horizontal .control-label {
padding-top:10px;
}
.form-icc.form-horizontal .radio, .form-icc.form-horizontal .checkbox {
min-height: 27px;
}
.form-icc.form-horizontal .radio, .form-icc.form-horizontal .checkbox {
padding-left: 10px;
}
.form-icc.form-horizontal .checkbox, .form-icc.form-horizontal .radio-inline {
position:relative;
padding-left: 0;
}
.form-icc.form-horizontal .radio-inline {
display:inline-block;
padding-top: 0;
}
.form-icc.form-horizontal .radio-inline + .radio-inline {
margin-left: 20px;
}
/*/form style/*/
.form-icc .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size:13px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #d7d7d7;
border-radius:0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
transition: border-color ease-in-out 0.25s, box-shadow ease-in-out 0.25s;
-webkit-appearance:none;
}
.form-icc .form-control:focus, .open > .form-control {
border-color: #aaaaaa;
outline: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
/*.form-icc.form-horizontal input[type="checkbox"], .form-icc.form-horizontal input[type="radio"] {
position:absolute;
left:-7000px;
left:0\9;/
}*/
/*.form-icc.form-horizontal input[type="radio"] {
position:relative\9;
margin-right:6px\9;
}
.form-icc.form-horizontal .checkbox i, .form-icc.form-horizontal .radio-inline i {
float: left;
}
.form-icc.form-horizontal .checkbox i:before {
content: "";
margin: 0 8px 0 0;
color: #555555;
border:1px solid #d7d7d7;
padding: 1px 2px;
width:16px;
height:16px;
display:block;
-webkit-transition: border-color ease-in-out 0.25s;
transition: border-color ease-in-out 0.25s;
}
.form-icc.form-horizontal .checkbox i:before {
display:none\9;
}
.form-icc.form-horizontal .checkbox input[type="checkbox"]:checked + i:before {
content: "";
border-color: #aaaaaa;
background: transparent url(/gfx/pictos/spr_filters_new.png) no-repeat 1px -79px;
}
.form-icc.form-horizontal .radio-inline i:before {
content: url(/gfx/pictos/icons-radio-empty.png);
margin: -1px 8px 0 0;
width:19px;
height:19px;
display:block;
}
.form-icc.form-horizontal .radio-inline i:before {
display:none\9;
}
.form-icc.form-horizontal .radio-inline input[type="radio"]:checked + i:before {
content: url(/gfx/pictos/icons-radio.png);
}*/
.form-icc .input-md {
height: 38px;
padding: 8px 14px;
font-size: 13px;
line-height: 1.428571428;
}
.form-icc select.input-md {
height: 38px;
/*line-height: 38px;*/
}
.form-icc textarea.input-md {
height: auto;
}
/*/dropdown select/*/
.form-icc.form-horizontal .select_group {
position:relative;
}
.form-icc.form-horizontal .select_group > select {
position:absolute;
top:0;
left:0;
width:94.5%;
opacity:0;
}
.form-icc.form-horizontal .country2 > select {
display:block;
}
.form-icc .selectTarget {
position:relative;
height:38px;
padding:10px 12px;
line-height:1.428571428;
text-align:left;
}
.form-icc .selectTxt, .form-icc .label-selectBox {
color:#999999;
}
/*.form-icc .selectTarget:after {
content: " ";
position: absolute;
right: 14px;
bottom: 9px;
border-style: solid;
border-width: 6px;
border-color: #555555 transparent transparent;
}
.form-icc .selectTarget:after {
background:none;
}*/
.form-icc .open>.selectBox .dropdown-menu {
display: block;
}
.form-icc .selectBox {
position:relative;
width:100%;
}
.form-icc .label-selectBox {
display:block;
padding:3px 10px;
}
.form-icc .open>.dropdown-menu {
display: block;
}
.form-icc .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width:inherit;
width:100%;
max-height:200px;
padding: 5px 0;
margin:-1px 0 0 0;
list-style: none;
font-size:13px;
background-color: #ffffff;
border: 1px solid #aaaaaa;
/*border: 1px solid rgba(0, 0, 0, 0.33);*/
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
background-clip: padding-box;
overflow:auto;
}
.form-icc .dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.form-icc .dropdown-menu > li > a:hover,
.form-icc .dropdown-menu > li > a:focus {
outline: 0;
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
@media only screen and (min-width:768px){
.form-icc.form-horizontal .control-label {
text-align: left;
}
}
@media only screen and (max-width:767px){
.form-icc.form-horizontal .col-sm-3, .form-icc.form-horizontal .col-sm-4, .form-icc.form-horizontal .col-sm-8 {
padding:0 20px 7px 0
}
.form-icc.form-horizontal .form-control-static {
padding: 0;
}
.form-icc.form-horizontal .select_group > select {
display:block;
}
}
/* Boutons */
/*.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}*/
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
div.butRight {
clear: left;
margin: 15px 0 5px 0;
float: right;
padding-left: 8px;
background-color: #000;
color:#fff;
}
div.butRight a {
display: block;
height: 20px;
padding-right: 18px;
line-height: 18px;
color: #fff;
background: #000 url(/gfx/boutons/but-blu-right.png) no-repeat right;
}
div.butLeft {
clear: left;
margin: 15px 0 5px 0;
float: left;
padding-left: 8px;
background-color: #92a1ae;
color:#fff;
}
div.butLeft a {
display: block;
height: 20px;
padding-right: 18px;
line-height: 18px;
color: #fff;
background: #92a1ae url(/gfx/boutons/but-grey-right.png) no-repeat right;
}
div.butRightPlus {
clear: left;
float: right;
margin: 5px;
padding-left: 8px;
background-color: #000;
color:#fff;
}
div.butRightPlus a {
display: block;
height: 20px;
padding-left: 5px;
padding-right: 18px;
line-height: 18px;
color: #fff;
background: #000 url(/gfx/boutons/but-blu-right.png) no-repeat right;
}
a.btnRose{
display:block;
width:91px;
height:24px;
line-height:24px;
color:#fff;
font-size:13px;
font-weight:bold;
text-align:center;
background: url(/gfx/boutons/btn-account.png) no-repeat 0 0;
}
.btn_newsletter {
cursor:pointer;
}
a.btnNav {
line-height:30px;
color:#fff;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-shadow: 1px 1px 2px rgba(0,0,0,.2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
box-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
a.btnBlue {
display: inline-block;
text-align: center;
color: #fff;
padding: 15px;
cursor: pointer;
background: #1eaada center top no-repeat;
background-image: -webkit-linear-gradient(bottom, #3cc6f2, #1eaada);
background-image: -moz-linear-gradient(bottom, #3cc6f2, #1eaada);
background-image: -o-linear-gradient(bottom, #3cc6f2, #1eaada);
background-image: -ms-linear-gradient(bottom, #3cc6f2, #1eaada);
background-image: linear-gradient(bottom, #3cc6f2, #1eaada);
}
a.btnBlue:hover {
color: #fff;
background: #3cc6f2 center top no-repeat;
text-decoration: none;
outline:0;
}
.btnRose2, a.btnRose2 {
font-family: Arial,Helvetica,Verdana,sans-serif;
display: inline-block;
text-align: center;
color:#ffffff;
cursor:pointer;
border:none;
background-color:#e63996;
background-image: -webkit-linear-gradient(top, #f375ab 0%, #e63996 100%);
background-image: -moz-linear-gradient(top, #f375ab 0%, #e63996 100%);
background-image: -o-linear-gradient(top, #f375ab 0%, #e63996 100%);
background-image: -ms-linear-gradient(top, #f375ab 0%, #e63996 100%);
background-image: linear-gradient(top, #f375ab 0%, #e63996 100%);
}
.btnRose2:hover, a.btnRose2:hover {
color:#ffffff;
background-color:#eb50a3;
background-image: -webkit-linear-gradient(top, #f375ab 0%, #eb50a3 100%);
background-image: -moz-linear-gradient(top, #f375ab 0%, #eb50a3 100%);
background-image: -o-linear-gradient(top, #f375ab 0%, #eb50a3 100%);
background-image: -ms-linear-gradient(top, #f375ab 0%, #eb50a3 100%);
background-image: linear-gradient(top, #f375ab 0%, #eb50a3 100%);
text-decoration:none;
outline:0;
}
.btnGreenFluo, a.btnGreenFluo {
font-family: Arial,Helvetica,Verdana,sans-serif;
display: inline-block;
text-align: center;
color:#ffffff !important;
cursor:pointer;
border:none;
background-color:#7bab29;
background-image: -webkit-linear-gradient(top, #c0d716 0%, #7bab29 100%);
background-image: -moz-linear-gradient(top, #c0d716 0%, #7bab29 100%);
background-image: -o-linear-gradient(top, #c0d716 0%, #7bab29 100%);
background-image: -ms-linear-gradient(top, #c0d716 0%, #7bab29 100%);
background-image: linear-gradient(top, #c0d716 0%, #7bab29 100%);
}
.btnGreenFluo:hover, a.btnGreenFluo:hover {
color:#ffffff !important;
background-color:#83b828;
background-image: -webkit-linear-gradient(top, #c0d716 0%, #83b828 100%);
background-image: -moz-linear-gradient(top, #c0d716 0%, #83b828 100%);
background-image: -o-linear-gradient(top, #c0d716 0%, #83b828 100%);
background-image: -ms-linear-gradient(top, #c0d716 0%, #83b828 100%);
background-image: linear-gradient(top, #c0d716 0%, #83b828 100%);
text-decoration:none;
outline:0;
}
.btnGreenFluo2, a.btnGreenFluo2, .btnBlueFluo, a.btnBlueFluo, .btnBlack, a.btnBlack, .btnRed, a.btnRed {
font-family: Arial,Helvetica,Verdana,sans-serif;
display: inline-block;
text-align: center;
color:#ffffff !important;
cursor:pointer;
border:none;
background-color:#7ec907;
opacity:1;
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.btnGreenFluo2:hover, a.btnGreenFluo2:hover, .btnGreenFluo2:focus, a.btnGreenFluo2:focus,
.btnGreenFluo2:active, a.btnGreenFluo2:active {
color:#ffffff !important;
background-color:#97d338;
text-decoration:none;
outline:0;
}
.btnBlueFluo, a.btnBlueFluo {
background-color:#04cbfd;
}
.btnBlack, a.btnBlack {
background-color:#000000;
}
.btnRed, a.btnRed {
background-color:#ff0000;
}
.btnBlueFluo:hover, a.btnBlueFluo:hover, .btnBlueFluo:focus, a.btnBlueFluo:focus,
.btnBlueFluo:active, a.btnBlueFluo:active {
color:#ffffff !important;
background-color:#36d5fd;
text-decoration:none;
outline:0;
}
.btnBlack:hover, a.btnBlack:hover, .btnBlack:focus, a.btnBlack:focus,
.btnBlack:active, a.btnBlack:active {
color:#ffffff !important;
background-color:#5b5656;
text-decoration:none;
outline:0;
}
.btnRed:hover, a.btnRed:hover, .btnRed:focus, a.btnRed:focus,
.btnRed:active, a.btnRed:active {
color:#ffffff !important;
background-color:#f34747;
text-decoration:none;
outline:0;
}
.btnGreen, a.btnGreen {
display: inline-block;
text-align: center;
text-transform:uppercase;
color:#ffffff;
cursor:pointer;
border:none;
background:#5baa03 center top no-repeat;
background-image: -webkit-linear-gradient(top, #9dd900 0%, #5baa03 100%);
background-image: -moz-linear-gradient(top, #9dd900 0%, #5baa03 100%);
background-image: -o-linear-gradient(top, #9dd900 0%, #5baa03 100%);
background-image: -ms-linear-gradient(top, #9dd900 0%, #5baa03 100%);
background-image: linear-gradient(top, #9dd900 0%, #5baa03 100%);
}
.btnGreen:hover, a.btnGreen:hover {
color:#ffffff;
background:#63b900 center top no-repeat;
background-image: -webkit-linear-gradient(top, #a3e102 0%, #63b900 100%);
background-image: -moz-linear-gradient(top, #a3e102 0%, #63b900 100%);
background-image: -o-linear-gradient(top, #a3e102 0%, #63b900 100%);
background-image: -ms-linear-gradient(top, #a3e102 0%, #63b900 100%);
background-image: linear-gradient(top, #a3e102 0%, #63b900 100%);
text-decoration:none;
outline:0;
}
.btnTopLog {
margin: 0;
padding:0;
width:166px;
height: 34px;
line-height: 34px;
font-size: 12px;
}
.btnForm {
padding:12px 16px;
text-transform:uppercase;
font-size:14px;
border-radius:0;
}
.btnTopLog:hover, .btnTopLog:focus, .btnTopLog:active, .btnForm:hover, .btnForm:focus, .btnForm:active {
-webkit-box-shadow: none;
box-shadow: none;
outline:0;
}
.btn-pop {
position:fixed;
top:50%;
display:inline-block;
padding:10px 10px 13px 10px;
color:#ffffff;
font-size:12px;
font-family:'DinRegular', Arial, Helvetica, sans-serif;
background:#000000;
cursor:pointer;
text-transform:uppercase;
transform: translateX(-50%) translateY(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
transform-origin:center bottom;
-webkit-transform-origin:center bottom;
-moz-transform-origin:center bottom;
-ms-transform-origin:center bottom;
}
.btn-pop:after {
position:relative;
display:inline-block;
content: '';
top:2px;
left:5px;
width:7px;
height:7px;
margin:0 5px 0 3px;
font-size:15px;
border-style:solid;
border-width:2px 2px 0 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
#btn-pop-vip {
left:-8px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
}
#btn-pop-vip:hover {
left:0;
}
@media only screen and (max-width:639px){
.btnForm {
padding:16px;
}
}
/* International */
:lang(fr) .fra, :lang(it) .ita, :lang(en) .eng, :lang(es) .espa, :lang(de) .deut {
display: block;
}
:lang(it) .fra, :lang(en) .fra, :lang(es) .fra, :lang(de) .fra, :lang(fr) .ita, :lang(en) .ita, :lang(es) .ita, :lang(de) .ita, :lang(fr) .eng, :lang(it) .eng, :lang(es) .eng, :lang(de) .eng, :lang(fr) .deut, :lang(it) .deut, :lang(en) .deut, :lang(es) .deut {
display: none;
}
/* ----- end COMMON ----- */
/* ----- CONTAINERS ----- */
#mainHomeBgk {
/*min-width: 1008px;
min-height: 934px;
background: url(/gfx/home-2013/soldes-ete-2013.png) center 0 no-repeat;*/
}
#mainHome {
width: 1008px;/*ope icc*/
max-width:1008px;
margin: 0 auto;
}
#mainHomeContent {
/*width: 1008px;*/
margin: 0 auto;
float:left;
}
#mainBgk {
/*min-width: 1008px;*/
}
#main {
width: 1008px;
margin: 0 auto;
}
#mainContent {
width: 1008px;
margin: 0 auto;
}
#containerAll {
width:804px;
float:left
}
#container {
float:right;
width:782px;
background-color: #fff;
border: 1px solid #ccc;
margin:10px 0 10px 0;
padding: 10px;
}
#container.list {
float:none;
width:100%;
/*width: 802px;*/
padding: 0;
border:0;
margin: 0 0 10px 0;
}
#containerHome {
float:left;
width:1008px;
/*height:410px;
margin:10px 0 10px 0px;*/
margin:10px 0 0 0;
}
#containerHome2 {
position: relative;
float:left;
width:1008px;
margin:0 0 10px 0px;
}
#containerCat {
float:left;
width:779px;
background: #fff;
border: 1px solid #ccc;
margin:0 0 10px 10px;
padding: 10px;
}
#container2 {
position:relative;
float: right;
/*width: 802px;*/
width:79.6%;
background: #fff;
border: none;
margin: 0 0 10px 0;
}
#containerVide {
float:left;
width:804px;
margin:0 0 10px 9px;
}
#containerVide1 {
float:left;
width:804px;
margin:0 0 10px 8px;
}
#containerVide2 {
float:left;
width:804px;
margin:0 0 10px 8px;
}
@media only screen and (max-width:767px){
#mainHome {
width: 100%;/*ope icc*/
}
#main {
width:100%;
}
#mainContent {
width:100%;
}
#containerHome {
width: 100%;
}
}
@media only screen and (max-width: 639px) {
#container2 {
width: 100%;
}
}
/* ----- end CONTAINERS ----- */
/* ----- TOP ----- */
/* Top infos */
#topBgk {
/*min-width: 1008px;*/
background: transparent;
}
#topInfos {
width: 1008px;
margin: 0 auto 0 auto;
height: 26px;
background:#eaeaea;
z-index:1002;
}
#top_fb {
width:150px;
height:24px;
overflow:hidden;
float:left;
margin: 1px 0 0 34px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
}
#top_fb a {
background: none repeat scroll 0 0 #ECEEF5;
border: 1px solid #CAD4E7;
color: #3b5998;
display: block;
float: left;
line-height: 22px;
padding: 0 4px;
border-radius: 3px;
/*margin-left:3px;*/
margin-left:1px;
}
#top_fb iframe {
border:none;
float: left;
width: 60px;
margin-right: 2px;
/*width: 62px;
margin-right: 1px;*/
margin-top: 1px;
}
#top_fb a.connect_widget_like_button {
padding: 2px 4px;
}
#phoneDiv {
float: left;
margin:7px 0 0 12px;
}
#phoneDiv .jslnk:hover {text-decoration:none;}
#aideDiv {
position:relative;
height: 26px;
float: right;
/*z-index:1003;*/
*z-index:1003;/*IE7*/
}
#aideDiv ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#aideDiv li.lnkTop {
float: left;
margin: 0;
padding: 0 7px;
line-height: 26px;
background:transparent url(/gfx/header/sep-aideDiv2.png) no-repeat right 8px;
}
#aideDiv li.lnkTop:last-child {
background:none;
}
#aideDiv li#topAccount {
position:relative;
padding:0 7px 0 30px;
background:transparent url(/gfx/pictos/picto-account.png) no-repeat 9px 3px;
}
#aideDiv li#topAccount a {
color:#6D6E70;
}
/*#aideDiv li#topAccount a:hover {
color:#6D6E70;
}*/
#aideDiv li#topCountry {
position:relative;
}
#aideDiv li#topCountry:hover, #aideDiv li#topAccount:hover {
/*color:#eaeaea;*/
background-color:#dfdfdf;
}
#aideDiv li#topCountry .ccurr {
position:relative;
padding-left:20px;
padding-right:15px;
}
#aideDiv li#topCountry .ccurr:after {
content: '';
position: absolute;
bottom: 3px;
right: 0;
margin: 0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #6D6E70 transparent transparent transparent;
}
#aideDiv li#topCountry .labch {
display:block;
padding-bottom:3px;
}
#aideDiv li#topCountry .ocurr {
/*padding: 4px 17px 4px 10px;*/
padding-left:10px;
width:120px;
display:block;
margin-bottom:2px;
border:1px solid #bbbbbb;
background-color:#ffffff;
box-sizing:border-box;
}
#aideDiv li#topCountry .ocurr:hover {
background-color: #eaeaea;
}
#aideDiv li#topCountry .gbp, #aideDiv li#topCountry .eur, #aideDiv li#topCountry .ffra, #aideDiv li#topCountry .fita, #aideDiv li#topCountry .fesp, #aideDiv li#topCountry .fde {
padding-left:22px;
font-size:11px;
background-image:url(/gfx/pictos/sprite-flags.png);
background-repeat:no-repeat;
background-position:0 0;
}
#aideDiv li#topCountry .eur {
background-position:0 -15px;
}
#aideDiv li#topCountry .ffra {
background-position:0 -30px;
}
#aideDiv li#topCountry .fita {
background-position:0 -45px;
}
#aideDiv li#topCountry .fesp {
background-position:0 -60px;
}
#aideDiv li#topCountry .fde {
background-position:0 -75px;
}
#aideDiv li#topCountry a {
cursor:pointer;
}
#aideDiv li#topCountry a:hover {
text-decoration:none;
}
#aideDiv li#topCountry:hover #topChoose, #aideDiv li#topAccount:hover .topLogin {
display:block;
opacity:1;
}
.topBlock {
line-height:20px;
background-color:#fff;
-moz-border-radius: 10px 0px 10px 10px;
-webkit-border-radius: 10px 0px 10px 10px;
border-radius: 10px 0px 10px 10px;
/*-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.5);
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.5);
box-shadow: 4px 4px 4px rgba(0,0,0,.5);*/
/*z-index:1003;*/
z-index:1002;
*z-index:1003;/*IE7*/
}
#topChoose {
position:absolute;
display:none;
opacity:0;
top:25px;
left:0;
/*right:183px;*/
/*width:85px;*/
width:120px;
padding:5px;
border:4px solid #dfdfdf;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background-color:#dfdfdf;
}
.topLogin {
position:absolute;
display:none;
opacity:0;
top:25px;
right:0;
/*width:190px;
height:220px;
padding-bottom:8px;*/
border:4px solid #dfdfdf;
}
.focused {
display:block;
opacity:1;
}
.topLogin form {
float:left;
margin-bottom:10px;
}
ol.topLog {
list-style-type:none;
padding:0;
margin:6px 0 0 10px;
}
ol.topLog li {
/*line-height:20px;*/
margin:3px 0;
}
.topLog input {
height: 16px;
padding:6px;
font-size:13px;
width:154px;
border:1px solid #dbdbdb;
box-sizing:content-box;
}
.topLog label {
width:180px;
display: inline-block;
margin-bottom: 2px;
/*font-weight: bold;*/ /*Arial*/
}
ol.topAcc {
list-style-type:none;
min-width:110px;
padding:5px 16px;
margin:0;
}
ol.topAcc li {
margin:0;
padding:6px 0;
line-height:12px;
border-bottom:1px dotted #dfdfdf;
}
ol.topAcc li a {
display:inline-block;
padding-left:10px;
font-size:11px;
}
ol.topAcc li a:hover {
text-decoration:underline;
background:transparent url(/gfx/pictos/arrow-grey4.png) no-repeat left 2px;
}
@media only screen and (max-width:767px){
#topInfos {
width: 100%;
margin: 0 auto 0 auto;
}
#top_fb {
display:none;
}
#phoneDiv {
margin-top:0;
line-height:26px;
}
#phoneDiv > span.short > span.mobile a {
display:inline-block;
padding-left: 26px;
background: transparent url(/gfx/pictos/picto-contact2.png) no-repeat 0 5px;
background-size:20px;
}
#aideDiv {
padding-right:5px;
}
#aideDiv li#topAccount:hover .topLogin {
display: none;
opacity: 0;
}
#aideDiv li#topAccount:hover {
background-color:transparent;
}
#aideDiv li#topAccount a:hover {
text-decoration:underline;
}
#aideDiv li#topCountry .ccurr {
padding-left:0;
}
/*#aideDiv li#topCountry .ccurr .gbp, #aideDiv li#topCountry .ccurr .eur {
padding:0;
background:none;
}*/
}
@media only screen and (min-width: 640px) {
#topCartMin, #topWishMin {
display:none;
}
}
@media only screen and (max-width: 639px) {
#phoneDiv {
line-height:35px;
}
#phoneDiv > span {
/*text-indent:-5000px;*/
}
#phoneDiv > span.short > span.mobile a {
padding-left: 33px;
background-position: 0 7px;
background-size:25px;
}
#topInfos, #aideDiv {
height: 35px;
}
#aideDiv li.lnkTop {
/*font-size: 11px;*/
line-height:35px;
background:none;
}
#aideDiv li#topAccount {
background: none;
}
#topContact {
display:none;
}
/*#topContact a {
display: block;
}*/
#topAccount a {
display:block;
}
#aideDiv li#topCartMin {
display:auto;
}
#topCartMin a, #topWishMin a {
display:block;
}
#topCart.blocCartEmpty:hover {
text-decoration:underline;
}
#aideDiv li#topCountry {
padding-right: 10px;
}
/*#aideDiv li#topCountry .ccurr .gbp, #aideDiv li#topCountry .ccurr .eur {
font-size:25px;
}*/
#topChoose {
top:34px;
}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
/*#phoneDiv {
margin-top: 11px;
}*/
#aideDiv li.lnkTop, #aideDiv li#topAccount {
padding: 0 5px 0 3px;
}
#topAccount a {
padding-left:26px;
background: transparent url(/gfx/pictos/picto-account-mob.png) no-repeat 0 5px;
background-size:23px;
}
#topCartMin a {
padding-left:38px;
background: transparent url(/gfx/pictos/picto-cart.png) no-repeat left 5px;
background-size:35px;
}
#topCartMin a:lang(it) {
padding-left:28px;
background-image:url(/gfx/pictos/picto-caddie.png);
background-size: auto;
}
#topWishMin a {
padding-left:26px;
background: transparent url(/gfx/pictos/picto-wishlist.png) no-repeat left 6px;
background-size:24px;
}
}
@media only screen and (max-width: 575px) {
#topAccount a {
text-indent: -7000px;
height: 35px;
padding-left: 30px;
background: transparent url(/gfx/pictos/picto-account-mob.png) no-repeat 0 6px;
background-size:24px;
}
#topCartMin a, #topWishMin a {
text-indent: -7000px;
height:35px;
padding-left: 40px;
background: transparent url(/gfx/pictos/picto-cart.png) no-repeat 0 5px;
background-size: 40px;
}
#topCartMin a:lang(it) {
padding-left:30px;
background-image:url(/gfx/pictos/picto-caddie.png);
background-size:auto;
}
#topWishMin a {
padding-left:29px;
background: transparent url(/gfx/pictos/picto-wishlist.png) no-repeat 0 6px;
background-size: 28px;
}
#topCartMin a > span, #topAccount a > span, #topWishMin a > span {
display:none;
}
}
@media only screen and (max-width:479px){
#aideDiv li.lnkTop, #aideDiv li#topAccount {
padding: 0 5px;
}
}
@media only screen and (max-width:400px){
#phoneDiv {
margin-left:4px;
}
#aideDiv li#topCountry .ccurr {
padding-right:10px;
}
#aideDiv li.lnkTop, #aideDiv li#topAccount, #aideDiv li#topCountry {
padding: 0 3px;
}
}
@media only screen and (max-width:320px){
:lang(en) #aideDiv li.lnkTop, :lang(en) #aideDiv li#topAccount, :lang(en) #aideDiv li#topCountry {
padding: 0 2px;
}
#aideDiv li#topCountry .ccurr {
padding-right:7px;
}
:lang(en) #phoneDiv > span.short > span.mobile a {
background-size: 23px;
padding-left: 28px;
}
:lang(en) #topAccount a {
background-size: 21px;
padding-left: 25px;
}
:lang(en) #topWishMin a {
background-size: 24px;
padding-left: 24px;
}
:lang(en) #topCartMin a {
background-size: 35px;
padding-left: 35px;
}
:lang(en) #topChoose {
left:inherit;
right:0;
}
}
/* Top */
#top {
position:relative;
width: 1008px;
border: 0;
margin: 0 auto 0 auto;
height: 70px;
z-index:1001;
/*overflow: hidden;*/
}
.container #top {
width: 100%;
}
#topLogo {
width: 210px;
margin-top: 10px;
float: left;
}
#topLogo2 {
width: 210px;
margin-top: 10px;
}
#topSearch {
/*width: 277px;*/
float: left;
}
#topService {
position:relative;
float: left;
width: 330px;
/*width:270px;*/
height:60px;
margin:10px 0 0 20px;
/*background:transparent url(/gfx/common/top/top-services.png) no-repeat left top;*/
/*text-indent:-7000px;*/
overflow:hidden;
}
:lang(fr) #topService.topXmas {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-xmas_fr.png) no-repeat left top; /*Xmas fr*/
}
:lang(it) #topService.topXmas {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-xmas_it.png) no-repeat left top; /*Xmas it*/
}
:lang(en) #topService.topXmas {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-xmas_en.png) no-repeat left top; /*Xmas uk*/
}
:lang(es) #topService.topXmas {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-xmas_es.png) no-repeat left top; /*Xmas es*/
}
:lang(de) #topService.topXmas {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-xmas_de.png) no-repeat left top; /*Xmas de*/
}
:lang(fr) #topService.topVdays {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-vdays-1215_fr.png) no-repeat left top; /*V'Days fr*/
}
:lang(it) #topService.topVdays {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-vdays-1215_it.png) no-repeat left top; /*V'Days it*/
}
:lang(en) #topService.topVdays {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-vdays-1215_en.png) no-repeat left top; /*V'Days uk*/
}
:lang(es) #topService.topVdays {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-vdays-1215_es.png) no-repeat left top; /*V'Days es*/
}
:lang(de) #topService.topVdays {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-vdays-1215_de.png) no-repeat left top; /*V'Days de*/
}
:lang(fr) .soldes.d1 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-70_fr.png) no-repeat left top; /*Soldes fr*/
}
:lang(it) .soldes.d1 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-70_it.png) no-repeat left top; /*Soldes it*/
}
:lang(en) .soldes.d1 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-70_en.png) no-repeat left top; /*Soldes uk*/
}
:lang(es) .soldes.d1 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-70_es.png) no-repeat left top; /*Soldes es*/
}
:lang(de) .soldes.d1 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-70_de.png) no-repeat left top; /*Soldes de*/
}
:lang(fr) .soldes.d2 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d2_fr.png) no-repeat left top; /*Soldes fr*/
}
:lang(it) .soldes.d2 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d2_it.png) no-repeat left top; /*Soldes it*/
}
:lang(en) .soldes.d2 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d2_en.png) no-repeat left top; /*Soldes uk*/
}
:lang(es) .soldes.d2 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d2_es.png) no-repeat left top; /*Soldes es*/
}
:lang(de) .soldes.d2 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d2_de.png) no-repeat left top; /*Soldes de*/
}
:lang(fr) .soldes.d3 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d3_fr.png) no-repeat left top; /*Soldes fr*/
}
:lang(it) .soldes.d3 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d3_it.png) no-repeat left top; /*Soldes it*/
}
:lang(en) .soldes.d3 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d3_en.png) no-repeat left top; /*Soldes uk*/
}
:lang(es) .soldes.d3 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d3_es.png) no-repeat left top; /*Soldes es*/
}
:lang(de) .soldes.d3 #topService {
text-indent:-7000px;
background:transparent url(/gfx/common/top/top-sales-2016-d3_de.png) no-repeat left top; /*Soldes de*/
}
#topService a {
display:block;
position:absolute;
top:0;
height:60px;
width:330px;
/*width:270px;*/
/*text-indent:-7000px;*/
}
/*a#topServiceLiv {
left:0;
width:148px;
}
a#topServiceSat {
left:148px;
width:182px;
}*/
.topChrono {
position:absolute;
bottom:-5px;
left:520px;
font-size:12px;
/*color:#fb4daf;*/
font-weight:bold;
}
.countdown_section {/*display: block;*/float: left;color:#fb4daf;margin-right:4px;}
#topCart {
position:relative;
float:right;
margin:15px 0 0 0;
padding:32px 20px 0 20px;
background:#fff url(/gfx/pictos/picto-cart.png) no-repeat center 5px;
z-index:1001;
}
#topCart:lang(it) {
padding:32px 15px 0 15px;
background-image:url(/gfx/pictos/picto-caddie.png)
}
#topCart:lang(en) {
padding:32px 10px 0 10px;
}
#topCart:lang(es) {
padding:32px 22px 0 22px;
}
#topCart:lang(de) {
padding:32px 5px 1px 5px;
}
#topCart a {
color:#666;
font-size:13px;
font-weight:bold;
}
#topCart:lang(de) a {
font-size:12px;
}
#topCart.blocCartNotEmpty:hover {
background-color:#dfdfdf;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
cursor:pointer;
}
#topCart.blocCartEmpty:hover {
text-decoration:underline;
cursor:pointer;
}
#topCountCart, #topCountWishlist {
position:absolute;
top:9px;
right:15px;
min-width:14px;
min-height:14px;
line-height:14px;
padding:1px;
font-size: 11px;
text-align:center;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
#topCountCart:lang(en) {
right:28px;
}
#topCountCart:lang(de) {
right:17px;
}
#topCountWishlist {
font-weight:normal;
}
#topCountWishlist:lang(en) {
right:12px;
}
#topCountWishlist:lang(de) {
right:22px;
}
.cartNotEmpty {
color: #fff;
background-color: #ed1c24;
}
.cartEmpty {
color: #6d6e70;
background-color: #eaeaea;
}
#topCart:hover #topCheckout {
display:block;
opacity:1;
}
#topCheckout {
position:absolute;
display:none;
opacity:0;
top:47px;
right:0;
width:280px;
color:#000;
cursor:default;
padding:0 5px;
border:5px solid #dfdfdf;
}
#topCheckout ul {
list-style-type:none;
/*width:278px;*/
max-height:280px;
overflow-y:auto;
overflow-x:hidden;
margin:0;
padding:0;
}
#topCheckout li {
/*position:relative;*/
float:left;
width:258px;
/*height:60px;*/
margin:2px 7px;
/*padding: 14px 0;*/
padding: 12px 0 14px 0;
border-bottom: 1px dashed #DDDEDF;
}
/*#topCheckout li:last-child {
border-bottom: none;
}*/
#topCheckout li p {
max-width:160px;
margin: 0 0 0 14px;
padding:0;
line-height:16px;
}
#topCheckout .topSummary {
float:left;
width:270px;
margin:0 10px 0 0;
padding:5px 0;
line-height:12px;
}
.topSummary .topLabelPrice {
margin:0 0 0 82px;
padding:10px 0;
}
#topCheckout .topSummary .topPrice {
text-align:right;
margin:0 20px 0 0;
padding:10px 0;
}
#topCheckout a.topcart_del_item {
/*position:absolute;
top:12px;
right:10px;*/
margin:3px 10px 0 0;
width:9px;
height:9px;
background: transparent url(/gfx/pictos/del.png) no-repeat 0 0;
}
a.btnTopCheckout {
padding:8px 15px;
}
#topWishlist {
position:relative;
display:block;
float:right;
margin:15px 0 0 0;
padding:32px 5px 0 5px;
background:#fff url(/gfx/pictos/picto-wishlist.png) no-repeat center 6px;
color:#666;
font-size:13px;
font-weight:bold;
}
#topWishlist:lang(it) {
padding:32px 4px 0 4px;
}
#topWishlist:lang(de) {
font-size:12px;
}
#topWishlist:hover {
text-decoration:underline;
}
@media only screen and (max-width:767px){
#top {
width:100%;
}
#topService {
display:none;
}
#topCart:hover #topCheckout {
display:none;
opacity:0;
}
#topCart.blocCartNotEmpty:hover {
background-color:transparent;
border:none;
/*cursor:inherit;*/
text-decoration:underline;
}
.nav-light {
display:none;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
#topWishlist {
padding-left:0;
}
}
@media only screen and (max-width: 639px) {
#top {
height:auto;
}
#topLogo {
float:none;
width:165px;
margin:5px auto 0 auto;
}
#topLogo2 {
width: 165px;
margin-top: 5px;
}
#topCart, #topWishlist {
display:none;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#topLogo img {
width: auto;
}
}
@media only screen and (max-width:479px){
#topLogo img {
width: auto;
height: 55px;
}
}
/* Moteur de recherche */
#SearchForm {height: 34px; margin-top:24px; border:1px solid #d5d5d5;position:relative;}
#SearchForm input {font: normal 12px arial,sans-serif;color:#747d80;height:34px;margin:0;padding:0 8px;;border:none;outline:0;}
#SearchForm input { line-height:34px\9 }
#SearchForm table {border:none}
#searchFormKw {float:left;/*width:229px;*/width:259px;background: #fff url(../gfx/quadpanel/searchbtn.png) no-repeat 98% 0;}
#searchFormSubmit {/*float:right;*/height:34px;width:30px;background:#fff url(../gfx/quadpanel/searchbtn.png) no-repeat 4px 0;cursor:pointer;}
#suggest_wnd {
position:absolute;
top: 36px;
margin:0 0 0 -1px;
width:400px;
border:1px solid #d5d5d5;
border-radius:3px;
box-shadow: 0 0 3px #bbb;
text-align:left;
background: #fff;
z-index:1000;
display: none;
}
#suggest_wnd p {
margin: 4px 0 4px 15px;
color: #666;
font-size: 14px;
font-weight: bold;
}
#suggest_wnd ul {
list-style-type:none;
margin: 0;
padding:0;
}
#suggest_wnd li {
padding: 4px 5px 4px 10px;
border-top: 1px solid #ccc;
overflow: hidden;
font-size:12px;
line-height: 16px;
height: 16px;
cursor:pointer;
}
#suggest_wnd li:first-child {
border-top: 0;
}
#suggest_wnd li.selected {
background: #eee;
}
#suggest_wnd li mark {
background: transparent;
color: #00B0E9;
}
#suggest_wnd li span {
float: right;
background: #00B0E9;
border:1px solid #ccc;
border-radius:4px;
color: #fff;
padding: 0 2px;
font-size:10px;
line-height:13px;
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
#searchFormKw {
width:209px;
}
}
@media only screen and (max-width: 639px) {
#topSearch {
float:none;
width:80%;
margin:0 auto;
}
#SearchForm {
margin-top: 10px;
}
#searchFormSubmit {
/*width: 10%;
padding:0;*/
}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
#searchFormKw {
/*width:84%;*/
width:95%;
}
}
@media only screen and (max-width:479px){
#searchFormKw {
/*width:80%;*/
width:93%;
}
}
.algolia-autocomplete {
width: 100%;
}
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
width: 100%;
min-height: 30px;
}
.algolia-autocomplete .aa-hint {
color: #999;
}
.algolia-autocomplete .aa-dropdown-menu {
width: 100%;
min-width:398px;
background-color: #fff;
/*border: 1px solid #999;*/
border: 1px solid #d5d5d5;
border-top: none;
text-align:left;
/*font-size:1.5em;*/
font-size:12px;
border-radius: 3px;
box-shadow: 0 0 3px #bbb;
}
/*.algolia-autocomplete .aa-dropdown-menu:before {
content:"Suggestions pour votre recherche";
margin: 10px 0 10px 15px;
color: #666;
font-size: 14px;
font-weight: bold;
display:block;
}*/
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
cursor: pointer;
/*padding: 0px 4px 0 0;*/
padding: 4px 5px 4px 10px;
border-bottom: 1px solid #ccc;
/*margin-bottom:4px;*/
height:25px;
line-height:25px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/*width:330px;*/
/*width:82.9215%;*/
padding-right:60px;
position:relative;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.odd {
/*background:#f3f3fa;*/
background:none;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion img {
float:left;
margin:0 6px 0 2px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion span {
/*float: right;*/
background: #00B0E9;
border:1px solid #ccc;
border-radius:4px;
color: #fff;
/*margin-top:5px;*/
padding: 0 2px;
font-size:10px;
line-height:13px;
margin:5px 0;
position:absolute;
right:5px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
/*background-color: #B2D7FF;*/
background-color: #eee;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
font-weight: bold;
font-style: normal;
color: #00B0E9;
font-weight: normal;
}
@media only screen and (max-width:480px){
.algolia-autocomplete .aa-dropdown-menu {
min-width:inherit;
}
}
/* Menu */
#menu {
position:relative;
list-style:none;
width:1008px;
height:36px;
margin:8px auto 8px auto;
padding:0;
font-size:13px;
z-index:1000;
}
#menu li {
float:left;
/*position:relative;*/
padding: 0;
}
#menu li a {
display:block;
outline:0;
text-decoration:none;
/*padding: 0;*/
overflow: hidden;
}
#menu li a.drop1, #menu li a.drop2, #menu li a.drop3, #menu li a.drop4, #menu li a.drop5, #menu li a.drop6, #menu li a.drop7, #menu li a.drop8, #menu li a.drop9, #menu li span.drop10 {
display: block;
float: left;
line-height: 35px;
height: 35px;
font-weight:bold;
color: #ffffff;
/*text-indent: 11px;*/
text-align:center;
background: #232121;
border-top:1px solid #232121;
border-left:1px solid #5a5959;
}
/*:lang(it) #menu li a.drop1, :lang(it) #menu li a.drop2, :lang(it) #menu li a.drop3, :lang(it) #menu li a.drop4, :lang(it) #menu li a.drop5, :lang(it) #menu li a.drop6, :lang(it) #menu li a.drop8, :lang(it) #menu li a.drop9 {
text-indent:15px;
}*/
#menu li a.drop1 {
width: 83px;
/*text-indent: 13px;*/
border-left:1px solid #232121;
}
:lang(it) #menu li a.drop1 {
/*width: 89px;*/ /*x8*/
/*width:77px;*//*x9*/
width:83px;/*x9*/
}
:lang(en) #menu li a.drop1 {
/*width: 108px;*/ /*x8*/
width:90px;/*x9*/
}
:lang(es) #menu li a.drop1 {
/*width: 96px;*/ /*x8*/
width:86px;/*x9*/
}
:lang(de) #menu li a.drop1 {
/*width: 84px;*/ /*x8*/
width:66px;/*x9*/
}
#menu li a.drop2 {
width: 141px;
}
:lang(it) #menu li a.drop2 {
/*width: 164px;*/ /*x8*/
/*width:154px;*//*x9*/
width:164px;/*x9*/
}
:lang(en) #menu li a.drop2 {
/*width: 148px;*/ /*x8*/
width:136px;/*x9*/
}
:lang(es) #menu li a.drop2 {
/*width: 141px;*/ /*x8*/
/*width:129px;*//*x9*/
width:133px;/*x9*/
}
:lang(de) #menu li a.drop2 {
/*width: 154px;*/ /*x8*/
width:138px;/*x9*/
}
#menu li a.drop3 {
width: 108px;
}
:lang(it) #menu li a.drop3 {
/*width: 165px;*/ /*x8*/
/*width:153px;*//*x9*/
width:99px;/*x9*/
}
:lang(en) #menu li a.drop3 {
/*width: 122px;*/ /*x8*/
width:152px;/*x9*/
}
:lang(es) #menu li a.drop3 {
/*width: 120px;*/ /*x8*/
/*width:108px;*//*x9*/
width:98px;/*x9*/
}
:lang(de) #menu li a.drop3 {
/*width: 145px;*/ /*x8*/
width:153px;/*x9*/
}
#menu li a.drop4 {
width: 139px;
}
:lang(it) #menu li a.drop4 {
/*width: 131px;*/ /*x8*/
/*width:120px;*//*x9*/
width:130px;/*x9*/
}
:lang(en) #menu li a.drop4 {
/*width: 121px;*/ /*x8*/
width:109px;/*x9*/
}
:lang(es) #menu li a.drop4 {
/*width: 147px;*/ /*x8*/
/*width:135px;*//*x9*/
width:141px;/*x9*/
}
:lang(de) #menu li a.drop4 {
/*width: 141px;*/ /*x8*/
width:131px;/*x9*/
}
#menu li a.drop5 {
width: 99px;
}
:lang(it) #menu li a.drop5 {
/*width: 105px;*/ /*x8*/
/*width:95px;*//*x9*/
width:105px;/*x9*/
}
:lang(en) #menu li a.drop5 {
/*width: 117px;*/ /*x8*/
width:103px;/*x9*/
}
:lang(es) #menu li a.drop5 {
/*width: 115px;*/ /*x8*/
/*width:105px;*//*x9*/
width:109px;/*x9*/
}
:lang(de) #menu li a.drop5 {
/*width: 105px;*/ /*x8*/
width:95px;/*x9*/
}
#menu li a.drop6 {
width: 100px;
}
:lang(it) #menu li a.drop6 {
/*width: 106px;*/ /*x8*/
/*width:96px;*//*x9*/
width:103px;/*x9*/
}
:lang(en) #menu li a.drop6 {
/*width: 125px;*/ /*x8*/
width:113px;/*x9*/
}
:lang(es) #menu li a.drop6 {
/*width: 131px;*/ /*x8*/
/*width:119px;*//*x9*/
width:121px;/*x9*/
}
:lang(de) #menu li a.drop6 {
/*width: 111px;*/ /*x8*/
width:101px;/*x9*/
}
#menu li a.drop7 {
width: 107px;
height:34px;
border-bottom:1px solid #232121;
}
:lang(it) #menu li a.drop7 {
/*width:86px;*/
width:93px;
}
:lang(en) #menu li a.drop7 {
width:83px;
}
:lang(es) #menu li a.drop7 {
/*width:99px;*/
width:105px;
}
:lang(de) #menu li a.drop7 {
width:89px;
}
#menu li a.drop8 {
width: 100px;
background:#ce1612;
border-top:1px solid #ce1612;
}
:lang(it) #menu li a.drop8 {
/*width: 110px;*/ /*x8*/
/*width:100px;*//*x9*/
width:104px;/*x9*/
}
:lang(en) #menu li a.drop8 {
/*width: 133px;*/ /*x8*/
width:103px;/*x9*/
}
:lang(es) #menu li a.drop8 {
/*width: 118px;*/ /*x8*/
width:106px;/*x9*/
}
:lang(de) #menu li a.drop8 {
/*width: 130px;*/ /*x8*/
width:112px;/*x9*/
}
#menu li a.drop9 {
width: 121px;
height:34px;
border-right:1px solid #232121;
border-bottom:1px solid #232121;
}
:lang(it) #menu li a.drop9 {
/*width: 129px;*/ /*x8*/
width:117px;/*x9*/
}
:lang(en) #menu li a.drop9 {
/*width: 125px;*/ /*x8*/
width:109px;/*x9*/
}
:lang(es) #menu li a.drop9 {
/*width: 131px;*/ /*x8*/
/*width:111px;*//*x9*/
width:99px;/*x9*/
}
:lang(de) #menu li a.drop9 {
/*width: 129px;*/ /*x8*/
width:113px;/*x9*/
}
:lang(fr) .soldes #menu li a.drop9, :lang(it) .soldes #menu li a.drop9, :lang(en) .soldes #menu li a.drop9, :lang(es) .soldes #menu li a.drop9, :lang(de) .soldes #menu li a.drop9 {
background:#ff1f66;
/*text-indent:30px;*/
border-top:1px solid #ff1f66;
border-right:1px solid #ff1f66;
border-bottom:1px solid #ff1f66;
}
/*:lang(it) .soldes #menu li a.drop9 {
text-indent:40px;
}
:lang(en) .soldes #menu li a.drop9 {
text-indent:40px;
}*/
#menu li:hover a#menu1, #menu li:hover a#menu2, #menu li:hover a#menu3, #menu li:hover a#menu4,
#menu li:hover a#menu5, #menu li:hover a#menu6, #menu li:hover a#menu7, #menu li:hover a#menu9 {
color:#161616;
font-weight:bold;
background:#ffffff;
border-color:#777777;
}
#menu li:hover a#menu8 {
background:#df1813;
}
:lang(fr) .soldes #menu li:hover a#menu9, :lang(it) .soldes #menu li:hover a#menu9, :lang(en) .soldes #menu li:hover a#menu9, :lang(es) .soldes #menu li:hover a#menu9, :lang(de) .soldes #menu li:hover a#menu9 {
/*color:#fff;
background:#ff1f66;
border-color:#5a5959;
border-top:1px solid #ff1f66;
border-right:1px solid #ff1f66;
border-bottom:1px solid #ff1f66;*/
/*color:#ff1f66;*/
border-bottom:none;
height:35px;
}
.dropdown_full {
display:none;
width:1006px;
/*max-width:1006px;
width:auto;*/
margin:5px auto;
float:left;
position:absolute;
left:0;
top:31px;
text-align:left;
padding:8px 0 0 0;
border:1px solid #777777;
border-top:none;
background:#ffffff;
}
/*menu li:hover .dropdown_full {*/
#menu .dropdown_full.op {
display:block;
}
#menu li .dropdown_full ul.nav-sub li {
padding: 0;
margin: 0;
}
#menu li .dropdown_full ul.nav-sub li a {
display:block;
color:#000000;
text-align: left;
text-decoration:none;
text-indent: 0;
/*line-height:16px;*/
line-height:14px;
padding:5px 5px;
}
:lang(de) #menu li .dropdown_full ul.nav-sub li a {
overflow:visible;
}
#menu li .dropdown_full ul.nav-sub li a.marques {
padding:1px 5px;
}
#menu li .dropdown_full ul.nav-sub li:hover a {
color:#ffffff;
}
#menu li .dropdown_full ul.nav-sub li:hover {
background:#05a7eb;
}
#menu li .dropdown_full.item09 ul.nav-sub li:hover {
background:#ff1f66;
}
#menu li ul.nav-sub {
list-style:none;
padding:0;
/*margin:0 0 12px 0;*/
margin:0 0 9px 0;
}
#menu li ul.nav-sub li {
position:relative;
float:none;
/*font-size:12px;*/
font-size:13px;
}
.col_1, .col_1b, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9 {
display:inline;
float: left;
position: relative;
margin:0;
/*margin-left: 2px;*/
/*margin-right: 7px;*/
}
.col_1 {/*width:232px;*//*width:132px;padding-left:64px;*/width:183px;padding-left:15px;padding-bottom:10px;}
.col_1b {width:132px; padding-left:25px;}
.col_2 {width:150px;margin-left:7px;margin-right:7px;}
.col_3 {width:181px;/*margin-left:12px;padding-left:12px;*/margin-left:8px;padding-left:8px;border-left:1px solid #d5d5d5;}
.col_4 {width:164px;padding-left:32px;padding-bottom:10px;}
.col_5 {width:469px;margin-left:17px;margin-right:26px;padding-bottom:10px;}
.col_6 {width:234px;padding-bottom:10px;margin-left:0;}
.col_7 {width:381px;padding-left:15px;padding-bottom:10px;}
.col_8 {width:679px;margin-left:17px;margin-right:24px;padding-bottom:10px;}
.col_9 {width:271px;padding-bottom:10px;margin-left:0;}
.multirow {
/*top:54px;
position:relative;*/
/*padding-top:54px!important;*/
padding-top:44px!important;
}
.multirow2 {
padding-top:61px!important;
}
.liste-cat.multirow2 {
padding-top:54px!important;
}
/*#menu .row {display:none!important;}*/
#menu .row {float:left;margin:5px 0 0 0!important;width:100%;/*background:#eaeaea;*/background:#f3f3f3;}
#menu .row:before, #menu .row:after {content:inherit!important;display:inherit!important;}
#menu .row ul.nav-bottom {float:left;margin:0;/*padding:10px 10px 10px 30px;*/padding:0 10px 0 0;/*background:#eaeaea;*/background:#f3f3f3;list-style-type:none;}
#menu .row ul.nav-bottom li {position:relative;float:left;/*margin-right:25px;*/}
/*:lang(en) .row ul.nav-bottom li {margin-right:20px;}*/
#menu .row ul.nav-bottom li a {
/*max-width:130px;
height:30px;*/
/*line-height:inherit;*/
/*padding:20px 10px;*/
padding:12px 15px;
text-align:center;
/*text-transform:uppercase;
color:#ffffff!important;
font-weight: bold;*/
}
#menu .row ul.nav-bottom li a span {/*position:absolute;top:50%;*//*font-family: DinBold;*//*font-family:DinRegular;font-size:12px;*/}
li.promocat a:hover {
background:#ff1f66;
}
li.newcat a:hover {
background:#05a7eb;
}
li.flashcat a:hover {
background:#ce1612;
}
li.selcat a:hover {
background:#4d4747;
}
li.bestsalescat a:hover {
background:#fbbe03;
}
#menu .row ul.nav-bottom li:hover a {
margin:0;
color:#ffffff!important;
}
img.image {
display:block;
float:none;
margin-bottom:10px;
}
.liste-cat {
/*width:132px;*/
width:183px;
float:right;
}
.col_7 .liste-cat {
float:left;
}
.item09 .liste-cat {
/*width:164px;*/
/*width:171px;*/
width:183px;
}
#menu #logo-cat {
position:absolute;
right:132px;
/*border:1px dotted red;*/
width:65px;
height:64px;
background: transparent url(/gfx/menu_top/sprite-menu-240915.jpg) no-repeat;
}
#menu .titleMenu {
display:block;
font-size:13px;
font-weight:bold;
margin:10px 0 10px 0;
/*padding-bottom:5px;
padding-top:5px;*/
padding:5px 0 1px 0;
/*line-height:21px;*/
line-height:18px;
border-bottom:1px dotted #05a7eb;
color:#05a7eb;
text-transform:uppercase;
}
:lang(en) #menu .titleMenu {
letter-spacing:-0.05em;
}
.newcat, .selcat, .promocat, .bestsalescat, .flashcat {
margin:4px 0!important;
border:none!important;
}
#menu li .dropdown_full a.titlecat {
display: block;
font-size:13px;
color: #05a7eb !important;
margin: 0;
padding: 0;
outline: 0 none;
overflow: hidden;
text-decoration: none;
text-indent: 0px;
/*line-height: 21px*/
line-height:17px;
}
:lang(de) #menu li .dropdown_full a.titlecat {
overflow:visible;
}
#menu .item09 .titleMenu {
border-color: #ff1f66;
}
#menu li .dropdown_full.item09 a.titlecat, #menu .item09 .titleMenu {
color: #ff1f66 !important;
}
#menu li .dropdown_full .newcat a.titlecat {
color:#05a7eb!important;
}
#menu li .dropdown_full .selcat a.titlecat {
color:#4d4747!important;
}
#menu li .dropdown_full .promocat a.titlecat {
color:#ff1f66!important;
}
#menu li .dropdown_full .bestsalescat a.titlecat {
color:#fbbe03!important;
}
#menu li .dropdown_full .newcat a.titlecat,
#menu li .dropdown_full .selcat a.titlecat,
#menu li .dropdown_full .promocat a.titlecat,
#menu li .dropdown_full .bestsalescat a.titlecat {
font-size: 14px;
font-family: dinBold;
}
#menu li .dropdown_full .newcat a.titlecat:hover,
#menu li .dropdown_full .selcat a.titlecat:hover,
#menu li .dropdown_full .promocat a.titlecat:hover,
#menu li .dropdown_full .bestsalescat a.titlecat:hover {
opacity:0.8;
}
p.txtMenu {
font-size:11px;
line-height:18px;
margin:0 0 10px 0;
}
.item06 {
padding-bottom:0;
}
.mpPrice {
display:block;
height:39px;
padding-top:8px;
color:#eb2c24;
font-family:'DinBold', Arial, Helvetica, sans-serif;
text-align:center;
}
.mpReg {
font-size:25px;
letter-spacing:-0.060em;
}
.mpSal {
font-size:20px;
}
.mpLt {
font-size:16px;
text-decoration: line-through;
font-weight:normal;
color:#77787b;
}
.mpReg > sup, .moSal > sup, .mpLt > sup {
font-size:large;
}
p.txtUnivers {
font-size:11px;
width:145px;
margin:6px 0 0 5px;
padding:0 0 197px 0;
background-image: url(/gfx/menu_top/sprite-menu-univers2.jpg);
background-repeat: no-repeat;
}
#menu li a.descUnivers {
width:100%;
height:100%;
color:black;
font-weight:normal;
line-height:normal;
text-indent:0;
margin:0;
overflow: inherit;
white-space:nowrap;
}
.titleUnivers {
display:block;
margin:0 0 0 5px;
padding:0;
}
#menu li .titleUnivers a {
display:block;
font-size:20px;
font-weight:normal;
line-height:normal;
text-indent:0;
margin:0;
background-image: url(/gfx/menu_top/sprite-pictos-univers.png);
background-repeat: no-repeat;
}
#menu-street:hover, #menu-offroad:hover, #menu-racing:hover, #menu-touring:hover, #menu-biker:hover, #menu-city:hover {
background-image: url(/gfx/menu_top/sprite-traits-univers.png);
background-repeat: no-repeat;
}
#menu-street:hover {
background-position: 5px 68px;
}
#menu-street p {
margin-left:10px;
background-position: 0 37px;
}
#menu-street span a, #menu-street h3 a {
color:#fc3a04;
padding:10px 0 0 50px;
background-position: 0 -1px;
}
#menu-offroad:hover {
background-position: -150px 68px;
}
#menu-offroad p {
background-position: -150px 37px;
}
#menu-offroad span a, #menu-offroad h3 a {
color:#48c625;
padding:10px 0 0 34px;
background-position: -150px -1px;
}
#menu-racing:hover {
background-position: -300px 68px;
}
#menu-racing p {
background-position: -300px 37px;
}
#menu-racing span a, #menu-racing h3 a {
color:#df1a21;
padding:10px 0 0 44px;
background-position: -300px -1px;
}
#menu-touring:hover {
background-position: -450px 68px;
}
#menu-touring p {
background-position: -450px 37px;
}
#menu-touring span a, #menu-touring h3 a {
color:#fa9e67;
padding:10px 0 0 41px;
background-position: -450px -1px;
}
#menu-biker:hover {
background-position: -600px 68px;
}
#menu-biker p {
background-position: -600px 37px;
}
#menu-biker span a, #menu-biker h3 a {
color:#2393b8;
padding:10px 0 0 52px;
background-position: -600px -1px;
}
#menu-city:hover {
background-position: -750px 68px;
}
#menu-city p {
background-position: -750px 37px;
}
#menu-city span a, #menu-city h3 a {
color:#ebb658;
padding:10px 0 0 44px;
background-position: -750px -1px;
}
#menu li #dc-menu, :lang(fr) #menu li #dc-menu, :lang(it) #menu li #dc-menu, :lang(en) #menu li #dc-menu, :lang(es) #menu li #dc-menu, :lang(de) #menu li #dc-menu {
position:relative;
float:left;
padding-top:155px;
}
:lang(fr) .d1 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-70_fr.jpg) 0 0 no-repeat;
}
:lang(it) .d1 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-70_it.jpg) 0 0 no-repeat;
}
:lang(en) .d1 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-70_en.jpg) 0 0 no-repeat;
}
:lang(es) .d1 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-70_es.jpg) 0 0 no-repeat;
}
:lang(de) .d1 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-70_de.jpg) 0 0 no-repeat;
}
:lang(fr) .d2 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d2_fr.jpg) 0 0 no-repeat;
}
:lang(it) .d2 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d2_it.jpg) 0 0 no-repeat;
}
:lang(en) .d2 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d2_en.jpg) 0 0 no-repeat;
}
:lang(es) .d2 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d2_es.jpg) 0 0 no-repeat;
}
:lang(de) .d2 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d2_de.jpg) 0 0 no-repeat;
}
:lang(fr) .d3 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d3_fr.jpg) 0 0 no-repeat;
}
:lang(it) .d3 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d3_it.jpg) 0 0 no-repeat;
}
:lang(en) .d3 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d3_en.jpg) 0 0 no-repeat;
}
:lang(es) .d3 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d3_es.jpg) 0 0 no-repeat;
}
:lang(de) .d3 #menu li #dc-menu {
background: url(/gfx/menu_top/bg-dcm-ss16-d3_de.jpg) 0 0 no-repeat;
}
#menu li #dc-menu a#ent-dcm {
display:block;
position:absolute;
top:0;
left:0;
width:679px;
height:141px;
text-indent:-7000px;
}
#menu li #dc-menu ul {
float:left;
list-style: none;
padding:0;
margin: 0;
}
#menu li #dc-menu ul.dcm2 {
margin-left: 25px;
}
#menu li #dc-menu ul.deals-cat {
padding-bottom:18px;
}
#menu li #dc-menu li {
position: relative;
float: none;
}
.deals-cat li {
margin:0 0 18px 0;
padding:0;
width:209px;
height:30px;
}
.deals-cat li:last-child {
margin-bottom:0;
}
.btn-deals {
height:28px;
line-height:29px;
font-family: 'DinBold', Arial, Helvetica, sans-serif;
text-transform:uppercase;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
overflow:hidden;
}
.deals-cat li a {
display:inline-block;
width:207px;
padding:0;
text-indent:10px;
font-size: 12px;
border:1px solid #b2b2b2;
background:#ffffff;
}
.deals-cat li.dc-black a {
font-size:11px;
color:#fff;
background:#000;
}
:lang(de) .deals-cat li a {
font-size: 11px;
}
.dc-lab {
display: inline-block;
float: left;
}
.dc-up {
display: inline-block;
float: right;
padding-right: 8px;
color: #fe0000;
}
a.btn-deals-all {
clear: both;
display: block;
color: #fff;
text-align: center;
font-size: 13px;
margin-right: 3px;
border:1px solid #000;
background: #000;
}
.deals-cat li:hover a, a:hover.btn-deals-all {
color:#ffffff;
border:1px solid #fe0000;
background:#fe0000;
}
.deals-cat li:hover .dc-up {
color:#ffffff;
}
/*.deals-cat li a:before {
content: '';
position:absolute;
left:7px;
margin-top: 9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
-webkit-transition: border-color .2s ease-out;
-moz-transition: border-color .2s ease-out;
transition: border-color .2s ease-out;
}
.deals-cat li:hover a:before {
border-color: transparent transparent transparent #ffffff;
}*/
.nav-pub1 {
margin-right:16px;
}
.nav-pub2 {
margin-right:15px;
}
@media only screen and (max-width:767px){
#menu {
width: 100%;
/*max-width:1008px;*/
height: 36px;
margin: 8px auto 8px auto;
padding: 0;
background-color:#212121;
position:relative;
}
#menu li a.drop1, #menu li a.drop2, #menu li a.drop3, #menu li a.drop4, #menu li a.drop5, #menu li a.drop6, #menu li a.drop7, #menu li a.drop8, #menu li a.drop9,
:lang(it) #menu li a.drop1, :lang(it) #menu li a.drop2, :lang(it) #menu li a.drop3, :lang(it) #menu li a.drop4, :lang(it) #menu li a.drop5, :lang(it) #menu li a.drop6, :lang(it) #menu li a.drop7, :lang(it) #menu li a.drop8, :lang(it) #menu li a.drop9,
:lang(en) #menu li a.drop1, :lang(en) #menu li a.drop2, :lang(en) #menu li a.drop3, :lang(en) #menu li a.drop4, :lang(en) #menu li a.drop5, :lang(en) #menu li a.drop6, :lang(en) #menu li a.drop7, :lang(en) #menu li a.drop8, :lang(en) #menu li a.drop9
:lang(es) #menu li a.drop1, :lang(es) #menu li a.drop2, :lang(es) #menu li a.drop3, :lang(es) #menu li a.drop4, :lang(es) #menu li a.drop5, :lang(es) #menu li a.drop6, :lang(es) #menu li a.drop7, :lang(es) #menu li a.drop8, :lang(es) #menu li a.drop9,
:lang(de) #menu li a.drop1, :lang(de) #menu li a.drop2, :lang(de) #menu li a.drop3, :lang(de) #menu li a.drop4, :lang(de) #menu li a.drop5, :lang(de) #menu li a.drop6, :lang(de) #menu li a.drop7, :lang(de) #menu li a.drop8, :lang(de) #menu li a.drop9 {
width:100%;
/*padding:0 12px;*/
text-indent:inherit;
text-align:center;
float:none;
}
#menu li span.drop10 {
float:none;
padding:0 12px;
cursor:pointer;
border-right:1px solid #232121;
text-indent:inherit;
text-align:center;
font-size:17px;
}
#menu li:hover span.drop10 {
color:#161616;
background:#ffffff;
border-color:#777777;
}
#menu li.sub-nav {
position:relative;
display:auto!important;
margin:0;
}
#menu li.sub-nav > ul#nav-plus {
position:absolute;
display:none;
opacity:0;
top:36px;
right:0;
border: 1px solid #777777;
border-right:none;
border-top: none;
list-style-type:none;
}
#menu li.sub-nav:hover > ul#nav-plus {
display:block;
opacity:1;
}
ul#nav-plus li {
width:100%;
}
ul#nav-plus li a {
display: block;
line-height:35px;
text-decoration:none;
color:#ffffff;
text-align:center;
font-weight:bold;
background:#232121;
border-bottom:1px solid #777777;
border-right: 1px solid #232121;
}
ul#nav-plus li a:hover {
color:#161616;
background:#ffffff;
border-right: 1px solid #777777;
}
ul#nav-plus li a.nav-flash {
background:#ce1612;
border-bottom:1px solid #777777;
border-right: 1px solid #ce1612;
}
ul#nav-plus li a.nav-flash:hover {
color:#ffffff;
background:#df1813;
}
ul#nav-plus li a.nav-promos {
border-bottom:none;
}
:lang(fr) .soldes ul#nav-plus li a.nav-promos, :lang(it) .soldes ul#nav-plus li a.nav-promos, :lang(en) .soldes ul#nav-plus li a.nav-promos, :lang(es) .soldes ul#nav-plus li a.nav-promos {
background:#ff1f66;
}
:lang(fr) .soldes ul#nav-plus li a.nav-promos:hover, :lang(it) .soldes ul#nav-plus li a.nav-promos:hover, :lang(en) .soldes ul#nav-plus li a.nav-promos:hover, :lang(es) .soldes ul#nav-plus li a.nav-promos:hover {
color:#fff;
background:#ff1f66;
}
.dropdown_full {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#menu #logo-cat {
display:none;
}
.col_1, .liste-cat {
width:132px;
padding-bottom:0;
}
/*.item01 ul.multirow2 {
padding-bottom: 11px !important;
}*/
.item02 .col_1.pmob {
padding-bottom: 75px !important;
}
.item04 .col_1.pmob {
padding-bottom: 135px !important;
}
:lang(it) .item04 .col_1.pmob {
padding-bottom: 95px !important;
}
:lang(es) .item04 .col_1.pmob {
padding-bottom: 154px !important;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
ul#nav-plus li a {
min-width:160px;
}
#menu li#nav1 {
width:16%;
}
:lang(fr) #menu li#nav1 {
width:18%;
}
#menu li#nav2 {
width:24%;
}
:lang(fr) #menu li#nav2 {
width:25%;
}
#menu li#nav3 {
width:24%;
}
:lang(fr) #menu li#nav3 {
width:20%;
}
#menu li#nav4 {
width:24%;
}
:lang(fr) #menu li#nav4 {
width:25%;
}
#menu li#nav10 {
width:12%;
}
.col_1, .col_7 {
padding-left: 8%;
padding-right: 3%;
}
/*#menu .row ul.nav-bottom li {margin-right:20px;}*/
}
@media only screen and (max-width: 639px) {
#menu {
margin-top:12px; /*prov*/
}
ul#nav-plus li a {
min-width:135px;
}
#menu li#nav1 {
width:22%;
}
:lang(fr) #menu li#nav1 {
width:20%;
}
#menu li#nav2 {
width:20%;
}
:lang(fr) #menu li#nav2 {
width:18%;
}
#menu li#nav3 {
width:20%;
}
:lang(fr) #menu li#nav3 {
width:24%;
}
#menu li#nav4 {
width:26%;
}
#menu li#nav10 {
width:12%;
}
}
@media only screen and (max-width: 575px) {
.nav-ruby {
clear:both;
}
.item01 .liste-cat.multirow2 {
padding-top: 12px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
.col_1, .col_7 {
padding-left: 11%;
padding-right: 9%;
}
}
@media only screen and (max-width:479px){
#menu {
font-size: 12px;
}
.col_1, .col_7 {
padding-left: 9%;
padding-right: 5%;
}
/*#menu .row ul.nav-bottom {padding:10px 10px 10px 20px;}
#menu .row ul.nav-bottom li {margin-right:12px;}
#menu .row ul.nav-bottom li a {padding:15px 7px;}*/
}
@media only screen and (max-width: 399px) {
.col_1, .col_7 {
padding-left: 4%;
padding-right: 2%;
}
/*#menu .row ul.nav-bottom {padding:5px 5px;}
#menu .row ul.nav-bottom li {margin-right:5px;}
:lang(en) #menu .row ul.nav-bottom li {margin-right:3px;}
#menu .row ul.nav-bottom li a {padding:15px 5px;}
#menu .row ul.nav-bottom li a span {font-size:11px;}*/
}
/* Top offre speciale */
#topOffreSpeciale, :lang(it) #topOffreSpeciale, :lang(en) #topOffreSpeciale, :lang(en) #topOffreSpeciale.gbp, :lang(es) #topOffreSpeciale, :lang(de) #topOffreSpeciale {
position:relative;
width:1008px;
height:60px;
margin:0 auto 8px auto;
background: url(/gfx/banniere/bandeau-codes-oct.png) center top no-repeat;
}
:lang(it) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-offerte-vdays-2_it.png) center top no-repeat;
}
:lang(en) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays-3_en.png) center top no-repeat;
}
:lang(en) #topOffreSpeciale.gbp {
background: url(/gfx/banniere/bandeau-code-vdays-3_en-uk.png) center top no-repeat;
}
:lang(es) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays_es.png) center top no-repeat;
}
:lang(de) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays_de.png) center top no-repeat;
}
#topOffreSpeciale a, #topOffreSpeciale span {
display:block;
position:absolute;
top:0;
height:60px;
text-indent:-7000px;
margin:0;
}
#topOffreSpeciale a {
width:100%;
}
a#topOffre {
left:0;
width:1008px;
}
@media only screen and (max-width: 767px) {
#topOffreSpeciale, :lang(it) #topOffreSpeciale, :lang(en) #topOffreSpeciale, :lang(en) #topOffreSpeciale.gbp, :lang(es) #topOffreSpeciale, :lang(de) #topOffreSpeciale {
width:100%;
height:auto;
padding-top:6%;
background-size:100%;
}
#topOffreSpeciale a, #topOffreSpeciale span {
height:auto;
}
#topOffreSpeciale a {
height:0;
padding-top:6%;
}
}
@media only screen and (max-width: 320px) {
#topOffreSpeciale, :lang(it) #topOffreSpeciale, :lang(en) #topOffreSpeciale, :lang(en) #topOffreSpeciale.gbp, :lang(es) #topOffreSpeciale, :lang(de) #topOffreSpeciale {
/*padding-top:31%;*/
padding-top:47%;
background: url(/gfx/banniere/bandeau-codes-oct-mob.png) center top no-repeat;
}
:lang(it) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-offerte-vdays-2-mob_it.png) center top no-repeat;
}
:lang(en) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays-mob-2_en.png) center top no-repeat;
}
:lang(en) .gbp #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays-mob-2_en-uk.png) center top no-repeat;
}
:lang(es) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays-mob_es.png) center top no-repeat;
}
:lang(de) #topOffreSpeciale {
background: url(/gfx/banniere/bandeau-code-vdays-mob_de.png) center top no-repeat;
}
}
/* Top codes promos */
#topHallo {
position:relative;
width:1008px;
height:36px;
margin:0 auto 8px auto;
background: url(/gfx/common/top/offres-halloween.png) center top no-repeat;
text-indent:-7000px;
}
#topHallo > span {
display:none;
}
#homeMention {
width:100%;
height:23px;
margin-bottom:5px;
background: url(/gfx/pub-home-2013/offres-halloween-mention.png) left top no-repeat;
text-indent:-7000px;
}
@media only screen and (max-width: 767px) {
#topHallo {
width:100%;
height:auto;
margin-bottom:4px;
padding-top:4%;
background-size:100%;
}
#homeMention {
height:auto;
padding-top:2%;
background-size:100%;
}
}
/* Top codes promo V2 */
#topCodes {
position:relative;
width:1008px;
min-height:54px;
margin:0 auto 8px auto;
clear:both;
}
#topCodes.tcBlue2 {
background:#00b7fb; /*Blue*/
}
#topCodes.tcRed {
background:#ff0000; /*Red*/
}
#topCodes.tcOrange {
background:#ff9523; /*Orange*/
}
#topCodes.tcPink {
background:#f26895; /*Pink*/
}
#topCodes.tcWhite {
background:#ffffff; /*White*/
}
#topCodes.tcTurqoise {
background:#ffffff; /*White*/
}
#topCodes ul {
position:relative;
float:left;
width:83%;
min-height:54px;
margin:0;
padding:0;
list-style-type:none;
}
#topCodes.tcBlue2 ul {
background:#237597; /*Blue*/
}
#topCodes.tcRed ul {
background:#b61000; /*Red*/
}
#topCodes.tcOrange ul {
background:#ff8915; /*Orange*/
}
#topCodes.tcPink ul {
background:#ff1f66; /*Pink*/
}
#topCodes.tcWhite ul {
background:#ffffff; /*White*/
}
#topCodes li {
float:left;
/*width:30.62%;*/ /*3 codes*/
width:28.20%; /*3 codes multiseuils*/
min-height:54px;
margin:0 2% 0 0; /*3 codes multiseuils*/
padding:0 2% 0 0; /*3 codes multiseuils*/
/*border-right:1px solid #5e5e6a;*/
/*color:#343643;*/
color:#ffffff;
/*background: url(/gfx/habillage/filet-cp.png) right center no-repeat;*/
}
#topCodes.tcWhite li {
color:#d90e00;
border-right:1px solid #d90e00;
}
#topCodes.tcWhite.tcTurquoise li {
color:#00b4b2;/*Turquoise*/
border-right:1px solid #00b4b2;
}
#topCodes.tcOrg li {
color:#d43b00;
border-color:#d43b00;
}
#topCodes.tcWhite li:last-child, #topCodes.tcWhite li.last {
border-right:none;
}
#topCodes.tc4 li {
width:22.15%; /*4 codes multiseuils*/
margin:0 1% 0 0; /*4 codes multiseuils*/
padding:0 1% 0 0; /*4 codes multiseuils*/
}
#topCodes li:last-child, #topCodes li.last {
background:none;
}
#topCodes p {
float:left;
min-height:54px;
margin:0;
}
p.tcDesc {
position:relative;
width:98%;
padding:0 0 0 2%;
font-size:18px;
line-height:18px;
}
:lang(en) p.tcDesc {
/*font-size:24px;*/ /*3 codes multiseuils*/
font-size:21px; /*3 codes multiseuils*/
}
p.tcDesc > span > strong {
font-family: DinBold;
font-size:50px; /*3 codes multiseuils*/
line-height:30px;
}
.tc4 p.tcDesc > span > strong {
font-size:44px; /*4 codes multiseuils*/
}
:lang(en) p.tcDesc > span > strong {
line-height:normal;
}
p.tcDesc > span > strong > sup {
font-size:large;
font-family:Arial, Helvetica, Verdana, sans-serif;
vertical-align:text-top;
}
:lang(en) p.tcDesc > span > strong > sup.gbp {
font-size:46px; /*3 codes multiseuils*/
vertical-align:baseline;
}
:lang(en) .tc4 p.tcDesc > span > strong > sup.gbp {
font-size:44px; /*4 codes multiseuils*/
}
.tc4 .tcMont {
display:inline-block;
margin-top:3px;
}
:lang(en) .tcMont {
position:absolute;
right:7%; /*3 codes multiseuils*/
}
:lang(en) .tc4 .tcMont {
right:2%; /*4 codes multiseuils*/
}
:lang(en) .tc4 .last .tcMont {
right:-15%; /*4 codes multiseuils*/
}
.tcCond {
position:absolute;
top:10px; /*3 codes multiseuils*/
right: 7%;
/*max-width: 128px;*/
max-width:130px;
font-size: 18px;
}
.tc4 .tcCond {
top:8px; /*4 codes multiseuils*/
right:0;
max-width:115px;
font-size:15px;
}
.tc4 .last .tcCond {
right:-23px;
}
:lang(en) .tcCond {
right:inherit;
left:4%;
width: 60px;
}
:lang(es) .tcCond {
font-size: 16px; /*3 codes multiseuils*/
}
:lang(es) .tc4 .tcCond {
font-size: 14px; /*4 codes multiseuils*/
max-width:117px;
}
#topCodes p.tcCod {
float:left;
width:17%;
/*padding:2px 3.2% 0 3.2%;*/
padding:2px 0 0 0;
color:#ffffff;
text-transform:uppercase;
font-size:19px;
font-family:DinBold;
text-align:center;
box-sizing:border-box;
}
#topCodes.tcWhite p.tcCod {
color:#000000;
}
#topCodes.tcWhite p.tcCod > strong {
color:#d90e00;
}
#topCodes.tcWhite.tcTurquoise p.tcCod > strong {
color:#00b4b2;/*Turquoise*/
}
#topCodes.tcOrg p.tcCod > strong {
color:#d43b00;
}
.tcBlue p.tcCod {
background:#26a7d1;
}
.tcBlue2 p.tcCod {
background:#00b7fb;
}
.tcRed p.tcCod {
background:#ff0000;
}
.tcOrange p.tcCod {
background:#ff9523;
}
.tcPink p.tcCod {
background:#f26895;
}
.tcWhite p.tcCod {
background:#ffffff;
}
p.tcCod > strong {
/*font-size:30px;
line-height:30px;*/
font-size:26px;
/*font-size:20px;*/
line-height:28px;
}
@media only screen and (max-width: 767px) {
#topCodes {
width:100%;
min-height:156px; /*3 codes multiseuils*/
}
#topCodes.tc4 {
min-height:208px; /*4 codes multiseuils*/
}
#topCodes ul {
width:75%;
min-height:156px; /*3 codes multiseuils*/
}
#topCodes.tc4 ul {
min-height:208px; /*4 codes multiseuils*/
}
#topCodes p {
min-height:50px;
}
#topCodes li, #topCodes.tc4 li {
float:none;
width:100%;
min-height:50px;
margin:0 0 2px 0;
padding:0;
background:none;
}
#topCodes.tcWhite li, #topCodes.tcWhite.tcTurquoise li {
border:none
}
p.tcDesc, :lang(en) p.tcDesc {
font-size:15px;
line-height:normal;
}
p.tcDesc > span > strong, .tc4 p.tcDesc > span > strong {
font-size:35px;
line-height:inherit;
}
p.tcDesc > span > strong > sup {
font-size:medium;
vertical-align:super;
}
:lang(en) p.tcDesc > span > strong > sup.gbp, :lang(en) .tc4 p.tcDesc > span > strong > sup.gbp {
font-size:35px;
}
.tc4 .tcMont {
margin-top:0;
}
.tcCond, .tc4 .tcCond, .tc4 .last .tcCond {
position:relative;
right: inherit;
top: inherit;
width: auto;
max-width:inherit;
line-height:12px;
}
:lang(en) .tcMont, :lang(en) .tc4 .tcMont, :lang(en) .tc4 .last .tcMont {
position:inherit;
right: inherit;
margin-left:120px;
}
:lang(en) .tcCond, :lang(en) .tc4 .tcCond {
left:inherit;
width: auto;
margin-left:-200px;
}
:lang(en) .tcCond.gbp, :lang(en) .tc4 .tcCond.gbp {
margin-left:-210px;
}
:lang(en) .tc4 .last .tcCond {
margin-left:-220px;
}
:lang(en) .tc4 .last .tcCond.gbp {
margin-left:-230px;
}
/*:lang(en) li:first-child .tcCond {
margin-left:-181px;
}
:lang(en) li:first-child .tcCond.gbp {
margin-left:-190px;
}*/
#topCodes p.tcCod {
width:25%;
padding-top:10px;
/* min-height: 156px; */
min-height: 66px;
margin-top: 45px; /*3 codes multiseuils*/
margin-bottom: 45px; /*3 codes multiseuils*/
}
#topCodes.tc4 p.tcCod {
margin-top: 71px; /*4 codes multiseuils*/
margin-bottom: 71px; /*4 codes multiseuils*/
}
}
@media only screen and (max-width: 639px) {
p.tcCod > strong {
font-size:20px;
line-height:20px;
}
}
@media only screen and (max-width: 479px) {
#topCodes {
min-height:126px; /*3 codes multiseuils*/
}
#topCodes.tc4 {
/*min-height:168px;*/ /*4 codes multiseuils*/
}
#topCodes ul {
width:72%;
min-height:126px; /*3 codes multiseuils*/
}
#topCodes.tc4 ul {
/*min-height:168px;*/ /*4 codes multiseuils*/
}
:lang(es) #topCodes ul {
width:77%;
}
#topCodes li, #topCodes p {
min-height:40px;
}
p.tcDesc > span > strong, :lang(en) p.tcDesc > span > strong > sup.gbp, .tc4 p.tcDesc > span > strong {
font-size:29px;
}
.tcCond {
font-size: 14px;
}
:lang(en) .tcMont, :lang(en) .tc4 .tcMont {
margin-left:100px;
}
:lang(en) .tcCond, :lang(en) .tc4 .tcCond {
margin-left:-180px;
}
:lang(en) .tcCond.gbp, :lang(en) .tc4 .tcCond.gbp {
margin-left:-190px;
}
:lang(en) .tc4 .last .tcCond {
margin-left:-215px;
}
:lang(en) .tc4 .last .tcCond.gbp {
margin-left:-225px;
}
/*:lang(en) li:first-child .tcCond {
margin-left:-164px;
}
:lang(en) li:first-child .tcCond.gbp {
margin-left:-172px;
}*/
:lang(es) .tcCond, :lang(es) .tc4 .tcCond {
font-size: 12px;
}
#topCodes p.tcCod {
width:28%;
padding:10px 1.6% 0 1.6%;
margin-top: 30px; /*3 codes multiseuils*/
margin-bottom: 30px; /*3 codes multiseuils*/
font-size:15px;
}
#topCodes.tc4 p.tcCod {
/*margin-top: 46px;*/ /*4 codes multiseuils*/
/*margin-bottom: 46px;*/ /*4 codes multiseuils*/
}
:lang(es) #topCodes p.tcCod {
width:23%;
}
p.tcCod > strong {
font-size:18px;
line-height:18px;
}
}
@media only screen and (max-width: 320px) {
p.tcCod > strong {
font-size:13px;
}
}
/* Top Banner */
.topBanner {
position:relative;
width:1008px;
margin:0 auto 0 auto;
background: #04cbfd;
}
.topBanner.tbGreen {
background: #40cc20;
}
.topBanner.tbRed {
background: #b61000;
}
.topBanner.tbOrg {
width:100%;
background: #f26d26;
}
.bloc-banner {
height:0;
margin:0 0;
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
overflow: hidden;
}
.bloc-banner.animate {
height:45px;
margin:10px 0;
}
.tbGreen .bloc-banner.animate {
height:65px;
}
.tbRed .bloc-banner.animate {
height:45px;
}
.tbOrg .bloc-banner.animate {
height:30px;
margin:0;
}
.txtBanner {
display:block;
/*width:200px;*/
margin: 0 0 0 20px;
padding:15px 30px 15px 30px;
font-size:13px;
line-height:15px;
color:#ffffff;
text-transform:uppercase;
font-family:'DinRegular', Arial, Helvetica, sans-serif;
background: transparent url(/gfx/pictos/confirmation2.png) no-repeat 0 10px;
}
.tbOrg .txtBanner {
width:90%;
margin:0 auto;
padding:8px 0 6px 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
background:none;
cursor:pointer;
}
.btnBanner {
display:inline-block;
padding: 1px 12px;
margin-left: 20px;
font-size: 10px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #fff;
background: transparent;
}
.tbOrg .btnBanner {
background:#d24900;
}
.txtLivraison, .txtCodes {
display:block;
width:86%;
margin: 0 auto;
padding:12px 0 12px 0;
font-size:18px;
line-height:18px;
/*font-size:20px;
line-height:20px;*/
color:#ffffff;
font-family:'DinRegular', Arial, Helvetica, sans-serif;
}
.txtLivraison, .txtCodes {
width:90%;
}
.txtCodesSup {
font-size:130%;
}
.txtCodesMin {
font-size:77%;
}
.txtLivraison:before, .txtLivraison:after {
position:absolute;
display:none;
width:32px;
height:0;
top:5px;
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
overflow: hidden;
}
.txtLivraison:before {
content: url('http://www.icasque.com/gfx/pictos/christmas-gift-1.jpg');
left:25px;
}
.txtLivraison:after {
content: url('http://www.icasque.com/gfx/pictos/christmas-gift-2.jpg');
right:50px;
}
.animate .txtLivraison:before, .animate .txtLivraison:after {
display:block;
height:34px;
}
.tbGreen .txtBanner {
width:72%;
font-size:14px;
margin:0 auto;
}
#topBannerPromos {
position:relative;
width:1008px;
margin:0 auto 10px auto;
background: #38383a;
}
#topBannerPromos.close {
display:none;
}
.bloc-banner-acc {
margin: 0 10px 0 40px;
padding:5px;
font-size:16px;
color:#fff;
text-transform:uppercase;
font-family:'DinBold', Arial, Helvetica, sans-serif;
background: transparent url(/gfx/boutons/btn-remise.png) no-repeat right 7px;
}
.bloc-banner-promos {
height:0;
padding-top:0;
margin:0;
-webkit-transition: padding-top .5s ease-in-out;
transition: padding-top .5s ease-in-out;
overflow: hidden;
background: transparent url(/gfx/banniere/remises-noel-ok2.png) no-repeat center 5px;
background-color:#fff;
}
.bloc-banner-promos.animate, #topBannerPromos:hover .bloc-banner-promos {
/*height:162px;*/
height:inherit;
padding-top:14.9%;
margin:0;
}
.txtBannerPromos, .txtBannerMentions {
display:inline-block;
margin: 0 0 0 10px;
padding:0 10px;
font-size:13px;
color:#ffffff;
font-family:'DinRegular', Arial, Helvetica, sans-serif;
}
.txtBannerBig {
font-size:25px;
color:#ff0000;
}
.txtBannerMentions {
display:none;
/*padding:150px 10px 0 10px;*/
margin:0;
padding:0 10px;
font-size:10px;
text-align:center;
color:#000;
background-color:#fff;
}
.txtBannerMentions.animate, #topBannerPromos:hover .txtBannerMentions {
display:block;
}
.closeBanner, .closeBannerPromos {
position:absolute;
display:block;
right:15px;
top:15px;
width:14px;
height:0;
padding:0;
margin:0;
text-indent:-7000px;
cursor:pointer;
background: url(/gfx/ui/ui-icon-cross-small.png) no-repeat 0 0;
}
.tbOrg .closeBanner {
top:8px;
}
.closeBannerPromos {
top:13px;
height:15px;
}
.bloc-banner.animate .closeBanner {
height:15px;
}
@media only screen and (max-width: 767px) {
.topBanner {
width:100%;
}
#topBannerPromos {
width:100%;
}
.tbGreen .txtBanner, .tbRed .txtBanner {
font-size:12px;
padding:10px 30px 10px 30px;
}
.tbOrg .txtBanner {
font-size:12px;
}
.tbOrg .bloc-banner.animate {
height:60px;
}
.txtLivraison, .txtCodes {
font-size:13px;
line-height:16px;
padding:5px 15px 0 0;
}
.animate .txtLivraison:before, .animate .txtLivraison:after {
display:none;
}
.bloc-banner-acc {
/*display:none;*/
margin: 0 10px;
background: none;
text-align:center;
}
.bloc-banner-promos {
height:inherit;
padding-top:14.9%;
margin:0;
background-size:100%;
}
.txtBannerMentions {
display:block;
}
.closeBannerPromos {
top:11px;
}
}
@media only screen and (max-width: 600px) {
.closeBanner {
right:7px;
background-size:10px;
background-position:0 4px;
}
}
@media only screen and (max-width: 399px) {
.txtBanner {
font-size:12px;
}
.txtLivraison, .txtCodes {
font-size:12px;
}
.bloc-banner-acc {
font-size:113%;
}
.txtBannerBig {
font-size:130%;
}
.closeBannerPromos {
top:13px;
}
}
/* ----- end TOP ----- */
/* ----- FOOTER NEW ----- */
#footer {
position: relative;
min-width:1008px;
height:100%;
margin: 20px 0 0 0;
padding-bottom:10px;
background: #363434;
}
#footer #footerMain {
width:1008px;
margin:0 auto;
}
#footerMain #box_services {
float:left;
width:1008px;
height: 150px;
margin: 0 auto;
}
#box_services ul {
float: left;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#box_services li {
float:left;
width: 168px;
height: 120px;
margin: 0;
padding: 30px 0 0 0;
cursor:pointer;
}
#box_services li:hover {
background:#3b3b3b;
}
#box_services li:nth-last-child(2) {
cursor:auto;
}
#box_services li.lastPayment {
width: 168px;
cursor:auto;
}
#box_services li .top, :lang(it) #box_services li .top, :lang(en) #box_services li .top, :lang(es) #box_services li .top, :lang(de) #box_services li .top {
position:relative;
width:168px;
height:100px;
margin:10px 0 0 0;
/*padding-top:10px;*/
background: url(/gfx/common/sprite-garanties-foot.png) center 0 no-repeat;
}
:lang(it) #box_services li .top, :lang(en) #box_services li .top, :lang(es) #box_services li .top, :lang(de) #box_services li .top {
background: url(/gfx/common/sprite-garanties-foot_int.png) center 0 no-repeat;
}
#box_services li #g1 {
background-position: center 0px;
}
#box_services li #g2 {
background-position: center -100px;
}
#box_services li #g3 {
background-position: center -200px;
}
#box_services li #g4 {
background-position: center -300px;
}
#box_services li #g5 {
background-position: center -400px;
}
#box_services li #g6 {
background-position: center -500px;
}
span.titreService {
/*display:block;*/
position:absolute;
top:65px;
/*bottom:19px;*/
left:18px;
margin:0;
/* padding:5px 0 10px 0;*/
text-align:center;
text-transform:uppercase;
}
#box_services li #g1 span.titreService {
left:56px;
}
:lang(it) #box_services li #g1 span.titreService {
left:30px;
}
::lang(en) #box_services li #g1 span.titreService, :lang(es) #box_services li #g1 span.titreService {
left:50px;
}
:lang(de) #box_services li #g1 span.titreService {
left:43px;
}
#box_services li #g2 span.titreService {
left:40px;
}
:lang(it) #box_services li #g2 span.titreService, :lang(en) #box_services li #g2 span.titreService, :lang(es) #box_services li #g2 span.titreService {
left:55px;
}
:lang(de) #box_services li #g2 span.titreService {
left:52px;
}
#box_services li #g3 span.titreService {
left:30px;
}
:lang(it) #box_services li #g3 span.titreService {
left:42px;
}
:lang(en) #box_services li #g3 span.titreService {
left:32px;
}
:lang(es) #box_services li #g3 span.titreService {
left:36px;
}
:lang(de) #box_services li #g3 span.titreService {
left:31px;
}
#box_services li #g4 span.titreService {
left:40px;
}
:lang(it) #box_services li #g4 span.titreService, :lang(de) #box_services li #g4 span.titreService {
left:50px;
}
:lang(en) #box_services li #g4 span.titreService, :lang(es) #box_services li #g4 span.titreService {
left:36px;
}
:lang(de) #box_services li #g4 span.titreService {
left:30px;
}
#box_services li #g5 span.titreService {
left:45px;
}
#box_services li.osf #g5 span.titreService {
left:30px; /*Oney 3x4x sans frais*/
}
:lang(it) #box_services li #g5 span.titreService {
left:40px;
}
:lang(en) #box_services li #g5 span.titreService {
left:32px;
}
:lang(es) #box_services li #g5 span.titreService {
left:30px;
}
:lang(de) #box_services li #g5 span.titreService {
left:44px;
}
#box_services li #g6 span.titreService {
left:55px;
}
:lang(en) #box_services li #g6 span.titreService {
left:16px;
}
:lang(de) #box_services li #g6 span.titreService {
left:44px;
}
#footerMain .footer_box, #footerMain .footer_links {
float:left;
width:1008px;
margin:0 auto;
padding:15px 0;
border-top:1px solid #585657;
}
#footerMain .footer_links {
padding:5px 0;
}
.footHome_col {
float: left;
padding: 0;
margin: 0 25px 0 0;
list-style-type: none;
}
.footHome_col li {
margin:6px 0 0 0;
line-height:12px;
font-size:12px;
color:#fff;
}
.footHome_col li a {
color:#fff;
}
.footHome_col li a:hover {
text-decoration:underline;
}
ul.sectionRight {
margin-top: 31px;
}
ul#footSocial {
margin:0;
padding:0 25px;
border-left:1px solid #585657;
border-right:1px solid #585657;
}
ul#footSocial li a {
display:block;
line-height:26px;
padding:0 0 3px 30px;;
background-image: url(/gfx/home-2014/footer-social.png);
background-repeat: no-repeat;
}
ul#footSocial li a#foot_fb {
background-position:0 0;
}
ul#footSocial li a#foot_tw {
background-position:0 -32px;
}
ul#footSocial li a#foot_gg {
background-position:0 -68px;
}
ul#footSocial li a#foot_blog {
background-position:0 -102px;
}
ul#footSocial li a#foot_in {
background-position:0 -138px;
}
.lastCol {
padding-left:17px;
margin:0;
}
a#foot_ecoupons {
display:block;
width:137px;
padding-top:54px;
background: url(/gfx/home-2012/footer-ecoupons.png) center top no-repeat;
}
#box_presentation {
overflow: hidden;
margin-right:19px;
}
:lang(it) #box_presentation, :lang(en) #box_presentation, :lang(es) #box_presentation, :lang(de) #box_presentation {
margin-right:25px;
}
#box_presentation p {
width:193px;
line-height: 13px;
margin:0 16px 0 0;
padding:0;
text-align:justify;
overflow:hidden;
color:#fff;
letter-spacing: -0.005em;
}
:lang(it) #box_presentation p, :lang(en) #box_presentation p, :lang(es) #box_presentation p, :lang(de) #box_presentation p {
width:376px;
line-height:15px;
margin: 0 25px 0 0;
}
#box_presentation p.second {
margin:0;
}
#footNews3x {
margin:0;
/*padding:0 9px 19px 9px;*/
padding:0 9px;
border-left:1px solid #585657;
border-right:1px solid #585657;
}
:lang(it) #footNews3x, :lang(en) #footNews3x, :lang(es) #footNews3x, :lang(de) #footNews3x {
padding:0;
border-right:none;
}
#box_news {
position:relative;
width:340px;
height:125px;
background: url(/gfx/home-2012/footer-news2.png) left bottom no-repeat;
}
:lang(it) #box_news, :lang(en) #box_news, :lang(es) #box_news, :lang(de) #box_news {
width:170px;
height:215px;
padding: 0 5px 0 25px;
background: url(/gfx/home-2012/footer-news_int.png) 30px 28px no-repeat;
}
:lang(en) #box_news.gbp {
background: url(/gfx/home-2012/footer-news_uk.png) 30px 28px no-repeat;
}
#box_news p {
position:absolute;
top:0;
left:166px;
margin:0;
padding:0;
}
:lang(it) #box_news p, :lang(en) #box_news p, :lang(es) #box_news p, :lang(de) #box_news p {
position:inherit;
top:inherit;
left:inherit;
padding-top:115px;
}
#box_news a {
position: absolute;
display: block;
top: 74px;
left: 162px;
width: 148px;
height: 21px;
text-indent: 10px;
line-height: 21px;
font-size: 11px;
color:#6c6c6c;
overflow:hidden;
}
:lang(it) #box_news a, :lang(en) #box_news a, :lang(es) #box_news a, :lang(de) #box_news a {
position: inherit;
top: inherit;
left: inherit;
margin-top:5px;
background: url(/gfx/home-2012/footer-news-input.png) left top no-repeat;
}
a#box_3x {
display:block;
width:315px;
padding:0 0 15px 15px;
margin-top:18px;
background: transparent url(/gfx/pictos/logo_3xcb.png) 230px 9px no-repeat;
}
a#box_3x span.titreFootSection {
font-size:11px;
text-transform:uppercase;
}
#footAvis {
padding:15px 0;
border-top:1px solid #585658;
}
#footAvis a {
float:left;
}
#footAvis ul {
float:left;
width:165px;
padding: 22px 0;
margin: 0;
list-style-type: none;
}
#footAvis li {
margin: 0;
line-height: 12px;
padding: 0;
font-size:11px;
color:#414042;
}
p.contentAvis {
margin:2px 0 14px 0;
padding:0;
font-style:italic;
color:#fff;
}
#footAvis a:hover {
text-decoration:underline;
color:#fff;
}
:lang(it) #footChooseC1, :lang(en) #footChooseC1, :lang(es) #footChooseC1, :lang(de) #footChooseC1 {
padding-left: 25px;
border-left: 1px solid #585657;
}
:lang(it) #footChooseC2, :lang(en) #footChooseC2, :lang(es) #footChooseC2, :lang(de) #footChooseC2 {
display:none;
}
#footChooseC1, #footChooseC2 ul {
float:left;
width:auto;
padding: 0;
margin: 0;
list-style-type: none;
}
#footChooseC1 {
padding-left:25px;
}
#footChooseC1 li {
margin-bottom:20px;
}
#footChooseC1 li:last-child {
margin-bottom: 0;
}
.footCountries li a {
display:block;
padding-left: 22px;
background-image: url(/gfx/pictos/sprite-flags.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.footCountries a.ffra {
background-position:0 -30px;
}
.footCountries a.fita {
background-position:0 -45px;
}
.footCountries a.fesp {
background-position:0 -60px;
}
.footCountries a.fde {
background-position:0 -75px;
}
.footCountries a.gbp {
background-position:0 0;
}
#box_cartes span.titreFootSection, #box_partenaires span.titreFootSection {
font-size:11px;
text-transform:uppercase;
}
#box_partenaires {
margin-left:75px;
}
#box_partenaires ul {
list-style-type:none;
margin:0;
padding:0;
}
#box_partenaires li {
float:left;
margin:0;
padding: 0 0 0 5px;
}
.footer_links #footerHomeMentions {
margin-left: 100px;
}
:lang(en) .footer_links #footerHomeMentions {
margin-left: 90px;
}
:lang(de) .footer_links #footerHomeMentions {
margin-left: 40px;
}
.footer_links #footerHomeLiensPop {
margin-left: 360px;
}
.footer_links ul {
list-style-type:none;
margin:0;
}
.footer_links li {
float:left;
margin:0;
padding:0;
font-size:9px;
color:#fff;
}
.footer_links li a {
color:#fff;
}
.footer_links li a:hover {
text-decoration:underline;
}
#footerHomeMentions p {
margin:0;
}
#footerHomeMentions ul {
margin-left:20px;
}
#box_blog p {
width: 254px;
margin:0;
padding:0;
line-height:13px;
color:#fff;
}
@media only screen and (max-width:767px){
#footer {
min-width:100%;
height:100%;
}
#footer #footerMain {
width:100%;
margin:0 auto;
}
#footerMain #box_services {
width:100%;
height:inherit;
margin-bottom:10px;
}
#box_services li {
height:inherit;
/*padding:20px 30px 0 30px;*/
padding-top:20px;
margin:0 30px;
}
#box_services li .top, :lang(it) #box_services li .top, :lang(en) #box_services li .top, :lang(es) #box_services li .top, :lang(de) #box_services li .top {
position:relative;
width:168px;
height:100px;
margin:0;
background-size:86px;
}
#footerMain .footer_box, #footerMain .footer_links {
clear:both;
float:none;
/*max-width: 640px;*/
width:auto;
padding: 15px 0;
}
.footHome_col {
/*padding-left:5%;*/
padding-left:8%;
padding-bottom:20px;
margin: 0 20px 0 20px;
}
ul#footSocial {
border:none;
}
.titreFootSection {
margin-bottom:5px;
}
:lang(it) #footChooseC1, :lang(en) #footChooseC1, :lang(es) #footChooseC1, :lang(de) #footChooseC1 {
display:none;
}
:lang(it) #footChooseC2, :lang(en) #footChooseC2, :lang(es) #footChooseC2, :lang(de) #footChooseC2 {
display:block;
}
#footChooseC2 ul li {
float:left;
margin:15px 15px 0 0;
}
#footChooseC2 ul li:last-child {
margin-right:0;
}
.footer_links #footerHomeMentions,:lang(en) .footer_links #footerHomeMentions, :lang(de) .footer_links #footerHomeMentions, .footer_links #footerHomeLiensPop {
margin-left: 8%;
padding: 0 10px;
}
}
@media only screen and (max-width: 698px) {
#box_services li {
/*padding:20px 20px 0 20px;*/
margin:0 20px;
}
.footHome_col {
padding-left: 6%;
}
}
@media only screen and (max-width: 639px) {
#box_services li {
/*padding:20px 10px 0 10px;*/
margin:0 10px;
}
.footHome_col {
/*padding-left: 2%;*/
margin: 0 10px 0 20px;
}
}
@media only screen and (max-width: 579px) {
#box_services li {
/*padding:20px 0 0 0;*/
margin:0;
}
.footHome_col {
padding-left: 4%;
margin: 0 10px 0 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 639px) {
.col_1 {
padding-left: 6%;
padding-right: 2%;
}
}
@media only screen and (max-width: 543px) {
.footHome_col {
margin: 0 5px 0 10px;
}
}
@media only screen and (max-width: 539px) {
.footHome_col {
margin: 0 5px 0 10px;
}
}
@media only screen and (max-width: 530px) {
#box_services li {
width:106px;
/*padding:14px 20px 0 20px;*/
padding-top:14px;
margin:0 20px;
}
#box_services li .top, :lang(it) #box_services li .top, :lang(en) #box_services li .top, :lang(es) #box_services li .top, :lang(de) #box_services li .top {
position:relative;
width:106px;
height:80px;
margin:0;
background-size:69px;
}
#box_services li #g1 {
background-position: center 0px;
}
#box_services li #g2 {
background-position: center -80px;
}
#box_services li #g3 {
background-position: center -160px;
}
#box_services li #g4 {
background-position: center -240px;
}
#box_services li #g5 {
background-position: center -320px;
}
#box_services li #g6 {
background-position: center -400px;
}
span.titreService {
position:absolute;
top:52px;
font-size:9px;
}
#box_services li #g1 span.titreService {
left:25px;
}
:lang(it) #box_services li #g1 span.titreService {
left:6px;
}
:lang(en) #box_services li #g1 span.titreService {
left:22px;
}
:lang(es) #box_services li #g1 span.titreService {
left:24px;
}
:lang(de) #box_services li #g1 span.titreService {
left:15px;
}
#box_services li #g2 span.titreService {
left:15px;
}
:lang(it) #box_services li #g2 span.titreService {
left:27px;
}
:lang(en) #box_services li #g2 span.titreService {
left:30px;
}
:lang(es) #box_services li #g2 span.titreService {
left:29px;
}
:lang(de) #box_services li #g2 span.titreService {
left:29px;
}
#box_services li #g3 span.titreService {
left:0;
}
:lang(it) #box_services li #g3 span.titreService {
left:15px;
}
:lang(en) #box_services li #g3 span.titreService {
left:8px;
}
:lang(es) #box_services li #g3 span.titreService {
left:9px;
}
:lang(de) #box_services li #g3 span.titreService {
left:8px;
}
#box_services li #g4 span.titreService {
left:10px;
}
:lang(it) #box_services li #g4 span.titreService {
left:22px;
}
:lang(en) #box_services li #g4 span.titreService {
left:12px;
}
:lang(es) #box_services li #g4 span.titreService {
left:10px;
}
:lang(de) #box_services li #g4 span.titreService {
left:5px;
}
#box_services li #g5 span.titreService {
left:18px;
}
#box_services li.osf #g5 span.titreService {
left:0; /*Oney 3x4x sans frais*/
}
:lang(it) #box_services li #g5 span.titreService {
left:12px;
}
:lang(en) #box_services li #g5 span.titreService {
left:5px;
}
:lang(es) #box_services li #g5 span.titreService {
left:4px;
}
:lang(de) #box_services li #g5 span.titreService {
left:18px;
}
#box_services li #g6 span.titreService {
left:25px;
}
:lang(it) #box_services li #g6 span.titreService {
left:32px;
}
:lang(en) #box_services li #g6 span.titreService {
left:7px;
}
:lang(es) #box_services li #g6 span.titreService {
left:30px;
}
:lang(de) #box_services li #g6 span.titreService {
left:19px;
}
.footHome_col, ul#footSocial {
padding-left: 4%;
padding-bottom:20px;
margin: 0 30px 0 20px;
}
ul#footSocial {
margin: 0 0 0 20px;
}
ul#footSocial li {
float:left;
margin-right:30px;
}
ul#footSocial li:last-child {
margin-right:0;
}
}
@media only screen and (max-width:479px){
/*.footHome_col, ul#footSocial {
padding-left: 4%;
margin: 0 30px 0 20px;
}*/
ul#footSocial li {
margin-right:12px;
}
}
@media only screen and (min-width: 441px) and (max-width: 453px) {
#box_services li {
margin:0 10px 0 20px;
}
}
@media only screen and (max-width: 440px){
#box_services li {
/*padding:14px 10px 0 10px;*/
margin:0 10px;
}
.footHome_col, ul#footSocial {
padding-left: 2%;
}
.footHome_col {
margin: 0 10px 0 20px;
}
}
@media only screen and (max-width: 399px) {
#box_services li {
/*padding:14px 0 0 0;*/
margin:0;
}
.footHome_col, ul#footSocial {
padding-left: 1%;
margin: 0 0 0 10px;
}
#footChooseC2 ul li:nth-child(3) {
margin-right:0;
}
}
@media only screen and (max-width: 360px) {
#box_services li {
width:100px;
}
.footHome_col, ul#footSocial {
/*margin: 0 0 0 4px;*/
margin: 0 0 0 9px;
padding-left: 1%;
}
ul#footSocial li {
margin-right:60px;
}
/*:lang(it) .footHome_col, :lang(it) ul#footSocial {
margin: 0 0 0 7px;
padding-left: 1%;
}*/
}
/* ----- end FOOTER NEW ----- */
/* ----- PAGE MARQUE V1 ----- */ /* --> Anciennes pages marques */
.colonneMarque {
height:140px;
float:left;
width:310px;
padding:10px 10px 20px 0;
}
#divVisuMarque {
float:left;
width:312px;
}
#visuMarque {
float:left;
width:308px;
height:358px;
background-color: #fff;
border: 1px solid #ccc;
margin:0 0 15px 0;
padding:1px 1px 1px 1px;
}
#topMarque {
float:left;
width:681px;
height:359px;
background-color: #fff;
border: 1px solid #ccc;
margin:0 0 15px 10px;
padding:1px 1px 1px 1px;
}
.casqueMarque {
float:left;
width:215px;
margin:0 0 5px 10px;
border-right: 1px dashed #ccc;
}
.casqueMarqueTxt {
text-align:justify;
float:left;
width:210px;
padding-right:5px;
height:185px;
margin:0 0 5px 10px;
border-right: 1px dashed #ccc;
}
.casqueMarqueTxt ul{
padding-right:5px;
padding-left:5px;
margin-left:0px;
}
#casqueMarqueTxt2 {
text-align:justify;
float:left;
width:215px;
height:185px;
margin:0 0 5px 10px;
}
#casqueMarque2 {
float:left;
width:215px;
margin:0 0 5px 10px;
}
#containerMarque {
font-size:12px;
text-align:justify;
float:left;
width:966px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
margin:0 0 10px 0;
padding:10px 20px 10px 20px;
}
#containerMarque h1{
font-size:27px;
color:#92a1ae;
margin:0;
padding:0;
}
#containerMarque h2{
font-size:16px;
color:#92a1ae;
margin:0;
padding:0;
}
#containerMarqueTxt {
float:left;
width:466px;
padding-right:20px;
}
#containerMarqueVideo {
float:right;
width:460px;
}
/* ----- end PAGE MARQUE V1 ----- */
/* ----- HOME ----- */
/* Slideshow V6 RS */
#main-slide, #main-slide-2 {
max-width: 1008px;
margin: auto;
padding: 0;
overflow:hidden;
}
.tp-banner-container, .tp-banner-container-grid {
width:100%;
/*max-height:359px;*/
/*max-height:537px;*/
max-height:400px;
position:relative;
padding:0;
overflow:hidden;
}
.tp-banner-container-grid {
max-height:none;
}
.tp-banner {
width:100%;
position:relative;
}
.tp-banner-fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.tp-banner ul {
list-style:none;
margin:0;
padding:0;
}
.slidergridrow {
position:relative;
clear:both;
margin:auto;
/*max-width:1008px;*/
max-width:500px; /*ope icc*/
}
.slidergridcol {
position:relative;
float:left;
width: 33.333333%;
/*width:33%;*/
padding: 0.5px;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* Captions */
.tp-static-layers { position:absolute; z-index:505; top:0px;left:0px}
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important}
.tp-caption { z-index:1; white-space:nowrap}
.tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp_inner_padding {
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important;
}
.tp-caption.blackbgfull {
text-decoration:none;
width:100%;
height:100%;
background-color:rgba(0, 0, 0/*, 0.247059*/, 1);
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
@media only screen and (min-width:768px){
#tp-1-0406, #tp-2-0406, #tp-3-0406, #tp-4-0406 {
top:256px!important;
}
#tp-1-0406 img, #tp-2-0406 img, #tp-3-0406 img, #tp-4-0406 img,
#tp-1-0606 img, #tp-2-0606 img, #tp-3-0606 img, #tp-4-0606 img {
width: 100%!important;
height: 100%!important;
}
#tp-1-0406 {
left:194px!important;
}
#tp-2-0406 {
left:368px!important;
}
#tp-3-0406 {
left:533px!important;
}
#tp-4-0406 {
left:698px!important;
}
#tp-1-0606 {
top:284px!important;
left:675px!important;
}
#tp-2-0606 {
top:284px!important;
left:829px!important;
}
#tp-3-0606 {
top:325px!important;
left:675px!important;
}
#tp-4-0606 {
top:325px!important;
left:829px!important;
}
}
/* Fullscreen and fullwidth containers */
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthbanner{
width:100%;
position:relative;
}
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img {max-width:none;}
.noFilterClass {
filter:none !important; /*IE8*/
}
/* Bullets */
.tpclear {clear:both;}
.tp-bullets {
z-index:999; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;/*-webkit-transform: translateZ(5px);*/}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;}
.tp-bullets.simplebullets.round .bullet {cursor:pointer; position:relative; background:url(/images/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last {margin-right:3px;}
.tp-bullets.simplebullets.round-old .bullet {cursor:pointer; position:relative; background:url(/images/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px;}
.tp-bullets.simplebullets.round-old .bullet.last {margin-right:0px;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {background-position:bottom left;}
.tp-bullets.simplebullets {
bottom: 6px !important;
}
.tp-bullets.simplebullets .bullet {
cursor: pointer;
position: relative !important;
background: rgba(255, 255, 255, 0.7) !important;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
width: 20px !important;
height: 20px !important;
display: inline-block;
margin:0 5px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
/*float:none !important;*/
}
.tp-bullets.simplebullets .bullet.last {
margin-right: 0px
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
background: rgba(236,0,140,0.7) !important;
width: 20px !important;
height: 20px !important;
}
/* TP Banner Timer */
.tp-bannertimer {width:100%; height:10px; background:url(/images/assets/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom {bottom:0px;height:5px; top:auto;}
/* Basic settings banner */
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
list-style:none;
padding:0 !important;
margin:0 !important;
list-style:none !important;
overflow-x: visible;
overflow-y: visible;
background-image:none
}
.tp-simpleresponsive >ul >li{
list-style:none;
position:absolute;
visibility:hidden
}
/* Caption slidelink */
.caption.slidelink a div,
.tp-caption.slidelink a div {width:3000px; height:1500px; background:url(/images/assets/coloredbg.png) repeat}
.tp-caption.slidelink a span {background:url(/images/assets/coloredbg.png) repeat}
/* Loader forms */
.tp-loader {
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background:url(/images/assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
/*background-color: #ff0000;*/
background-color: #FFFFFF !important;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-transparentimg {
content:"url(/images/assets/transparent.png)"}
.tp-3d {-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
}
/* End Slideshow V6 RS */
/* Home Soldes */
#homeSoldes {
width:1008px;
height:537px;
/*margin-bottom:10px;*/
}
@media only screen and (max-width:767px){
#homeSoldes {
width:100%;
height:auto;
}
}
/* Home bandeau */
#homeICC {
width:1008px;
/*height:359px;*/
height:466px;
position:relative;
}
#homeICC.homeVdays {
height:537px;
}
:lang(fr) #homeICC.homeVdays {
height:504px;
}
#homeICC.homeMdays {
height:524px;
}
#homeICC.homeXmas {
height:370px;
}
#homeICC.homeXmas2 {
height:464px;
}
:lang(fr) #homeICC.homeChrono {
height:432px;
}
#homeICC.homeNews {
height:381px;
}
#homeICC.homeWsales {
height:474px;
}
#homeICC.homeBday16 {
height:450px;
}
#homeICC.homeBestof {
height:461px;
}
#homeICC.home5Days {
height:385px;
}
#homeICC.homeSale16 {
height:548px;
}
#homeICC.homeICC_x2 a {
display:block;
width:50%;
float:left;
}
.homeICC_price {
position:absolute;
font-family: dinBold;
letter-spacing: -0.030em;
}
.homeICC_price > sup {
font-size:45%;
vertical-align:super!important;
font-family:Arial,Helvetica,Verdana,sans-serif;
}
.hpStyle1 {
/*bottom: 62px;
right: 145px;*/
bottom: 17.2%;
/*right: 14.4%;*/
right:9.1%;
font-size: 97px;
}
.hpStyle2, .hpStyle3 {
/*bottom: 40.5%;*/
bottom:17%;
/*right:2.1%;*/
right:11.8%;
font-size: 55px;
}
.hpStyle3 {
/*right:7.2%;*/
right:7%;
}
.hpStyle4 {
right:10.5%;
}
.hpStyle5 {
right:11.7%;
}
.hpWhite {
color: #fff;
}
.hpBlack {
color: #000;
}
@media only screen and (max-width:767px){
#homeICC, #homeICC.homeVdays, :lang(fr) #homeICC.homeVdays, #homeICC.homeMdays, #homeICC.homeXmas, #homeICC.homeXmas2, :lang(fr) #homeICC.homeChrono, #homeICC.homeNews, #homeICC.homeWsales, #homeICC.homeBday16, #homeICC.homeBestof, #homeICC.home5Days, #homeICC.homeSale16 {
width:100%;
height:auto;
}
.hpStyle1 {
font-size: 680%;
}
.hpStyle2 {
font-size: 380%;
}
}
@media only screen and (max-width:640px){
.hpStyle1 {
font-size: 580%;
}
.hpStyle2 {
font-size: 315%;
}
}
@media only screen and (max-width:550px){
.hpStyle1 {
font-size: 510%;
}
.hpStyle2 {
font-size: 275%;
}
}
@media only screen and (max-width:500px){
#homeICC.homeICC_x2 a {
width:100%;
height:auto;
float:none;
}
.hpStyle2 {
font-size: 510%;
}
}
@media only screen and (max-width:480px){
.hpStyle1 {
font-size: 430%;
}
.hpStyle2 {
font-size: 480%;
}
}
@media only screen and (max-width:400px){
.hpStyle1 {
font-size: 360%;
}
.hpStyle2 {
font-size: 400%;
}
}
@media only screen and (max-width:320px){
.hpStyle1 {
font-size: 320%;
}
.hpStyle2 {
font-size: 320%;
}
}
/* Home 1/2 bandeau */
#homeVisu2 {
/*width:1008px;
height: 359px;*/
width:500px;
height:586px;
margin:0;
float:left;
}
@media only screen and (max-width:767px){
#homeVisu2 {
/*width:100%;*/
width:49.6031746%;
height:auto;
}
}
@media only screen and (max-width:500px){
#homeVisu2 {
width:100%;
float:none;
}
}
/* Home Ope */
#homeOpe {
position:relative;
width:1008px;
height: 167px;
margin:0;
overflow: hidden;
background: url(/gfx/pub-home-2015/home-entries-xmas.jpg) 0 0 no-repeat;
}
#homeOpe.ho2 {
background: url(/gfx/pub-home-2015/home-entries-xmas-2.jpg) 0 0 no-repeat;
}
#homeOpe.hoVdays {
height:62px;
background: url(/gfx/pub-home-2015/home-entries-vdays.jpg) 0 0 no-repeat;
}
#homeOpe.hoXmas {
height:74px;
background: url(/gfx/pub-home-2015/home-entries-xmas-3.jpg) 0 0 no-repeat;
}
#homeOpe.hoChrono {
height:79px;
background: url(/gfx/pub-home-2015/home-entries-chrono.jpg) 0 0 no-repeat;
}
#homeOpe.hoNews {
height:85px;
background: url(/gfx/pub-home-2015/home-entries-news.jpg) 0 0 no-repeat;
}
#homeOpe.hoWsales {
height:81px;
background: url(/gfx/pub-home-2016/home-entries-wsales.jpg) 0 0 no-repeat;
}
.d2 #homeOpe.hoWsales {
background: url(/gfx/pub-home-2016/home-entries-wsales-d2.jpg) 0 0 no-repeat;
}
.d3 #homeOpe.hoWsales {
background: url(/gfx/pub-home-2016/home-entries-wsales-d3.jpg) 0 0 no-repeat;
}
#homeOpe.hoBday16 {
height:77px;
background: url(/gfx/pub-home-2016/home-entries-bday-2-16.jpg) 0 0 no-repeat;
}
#homeOpe.hoSpring16 {
height:77px;
background: url(/gfx/pub-home-2016/home-entries-spring-16.jpg) 0 0 no-repeat;
}
#homeOpe.hoBestof {
height:66px;
background: url(/gfx/pub-home-2016/home-entries-bestof.jpg) 0 0 no-repeat;
}
#homeOpe.ho5Days {
height:61px;
background: url(/gfx/pub-home-2016/home-entries-5days.jpg) 0 0 no-repeat;
}
#homeOpe ul {
list-style:none;
margin:0;
padding:0;
}
#homeOpe li {
display:block;
padding: 2px 0 2px 0;
border:none;
}
#homeOpe li:hover {
background:#e5d89d;
}
#homeOpe li a {
display:block;
font-size: 15px;
color:#e5d89d !important;
text-align: left;
text-decoration:none;
text-indent: 0;
text-transform:uppercase;
line-height: 16px;
padding: 0 0 0 8px;
}
#homeOpe li a > span {
font-family: DinRegular;
}
#homeOpe li:hover a {
color:#a10601 !important;
}
#homeOpe a.homeOpeTitle {
display:inline-block;
min-width:140px;
padding: 10px 2px 10px 2px;
color:#a10601;
text-transform:uppercase;
font-family: DinRegular;
font-size: 16px;
text-align: center;
letter-spacing: -0.03em;
}
#homeOpe.ho2 a.homeOpeTitle {
min-width:147px;
padding:0;
color: #c50000;
font-size:12px;
font-family: Arial,Helvetica,Verdana,sans-serif;
letter-spacing: -0.05em;
}
#homeOpe.hoVdays a.homeOpeTitle, #homeOpe.hoXmas a.homeOpeTitle, #homeOpe.hoChrono a.homeOpeTitle, #homeOpe.hoNews a.homeOpeTitle, #homeOpe.hoWsales a.homeOpeTitle, #homeOpe.hoBday16 a.homeOpeTitle, #homeOpe.hoSpring16 a.homeOpeTitle, #homeOpe.hoBestof a.homeOpeTitle, #homeOpe.ho5Days a.homeOpeTitle {
min-width:189px;
display:inline-block;
padding: 12px 0 10px 0;
/*color: #000000;*/
font-size:14px;
font-family: DinBold;
}
#homeOpe.hoNews a.homeOpeTitle, #homeOpe.hoWsales a.homeOpeTitle, #homeOpe.hoBday16 a.homeOpeTitle, #homeOpe.hoSpring16 a.homeOpeTitle, #homeOpe.hoBestof a.homeOpeTitle, #homeOpe.ho5Days a.homeOpeTitle {
min-width:157px;
/*padding: 6px 0 5px 0;*/
padding:13px 0;
/*color: #ffffff;*/
color:#000000;
font-size:15px;
line-height:17px;
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
#homeOpe.hoVdays a.homeOpeTitle:after, #homeOpe.hoXmas a.homeOpeTitle:after, #homeOpe.hoChrono a.homeOpeTitle:after {
content: '';
position:absolute;
margin-top: 2px;
margin-left:9px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #000000;
}
#homeOpe.hoVdays a.homeOpeTitle:hover, #homeOpe.hoXmas a.homeOpeTitle:hover, #homeOpe.hoChrono a.homeOpeTitle:hover, #homeOpe.hoBday16 a.homeOpeTitle:hover, #homeOpe.hoSpring16 a.homeOpeTitle:hover, #homeOpe.hoBestof a.homeOpeTitle:hover, #homeOpe.ho5Days a.homeOpeTitle:hover {
color:#ffffff;
/*background-color:#00786c;*/
background-color:#000000;
/*outline:1px solid #ffffff;*/
}
#homeOpe.hoNews a.homeOpeTitle:hover {
color:#ffffff;
background-color:#1d646a;
}
#homeOpe.hoWsales a.homeOpeTitle:hover {
color:#ffffff;
background-color:#fe0000;
}
#homeOpe.hoVdays a.homeOpeTitle:hover:after, #homeOpe.hoXmas a.homeOpeTitle:hover:after, #homeOpe.hoChrono a.homeOpeTitle:hover:after {
border-color: transparent transparent transparent #ffffff;
}
#homeOpe.ho2 #homeOpe6 a.homeOpeTitle, :lang(it) #homeOpe.ho2 #homeOpe3 a.homeOpeTitle, :lang(it) #homeOpe.ho2 #homeOpe5 a.homeOpeTitle {
font-size:11px;
}
#homeOpe.ho2 a.homeOpeTitle > span {
display:inline-block;
padding: 11px 2px 9px 27px;
text-decoration: underline;
background: transparent url(/gfx/pictos/sprite-helmets.png) no-repeat;
background-size:22px;
}
#homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span, :lang(it) #homeOpe.ho2 #homeOpe3 a.homeOpeTitle > span {
padding: 12px 2px 10px 27px;
}
:lang(it) #homeOpe.ho2 #homeOpe5 a.homeOpeTitle > span {
padding: 12px 2px 10px 23px;
}
:lang(es) #homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span {
padding: 12px 2px 10px 24px;
}
:lang(de) #homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span {
font-size:10px;
padding: 12px 2px 10px 23px;
}
#homeOpe.ho2 #homeOpe1 a.homeOpeTitle > span {
background-position:0 8px;
}
#homeOpe.ho2 #homeOpe2 a.homeOpeTitle > span {
background-position:0 -32px;
}
#homeOpe.ho2 #homeOpe3 a.homeOpeTitle > span {
background-position:0 -72px;
}
#homeOpe.ho2 #homeOpe4 a.homeOpeTitle > span {
background-position:0 -112px;
}
#homeOpe.ho2 #homeOpe5 a.homeOpeTitle > span {
background-position:0 -152px;
}
#homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span {
background-position:0 -192px;
}
#homeOpe.ho2 #homeOpe7 a.homeOpeTitle > span {
background-position:0 -232px;
}
#homeOpe.ho2 #homeOpe8 a.homeOpeTitle > span {
background-position:0 -275px;
}
#homeOpe #homeOpe1, #homeOpe #homeOpe2, #homeOpe #homeOpe3, #homeOpe #homeOpe4, #homeOpe #homeOpe5, #homeOpe #homeOpe6, #homeOpe #homeOpe7, #homeOpe #homeOpe8 {
position:absolute;
top:35px;
}
#homeOpe #homeOpe1 {
left:40px;
}
#homeOpe #homeOpe2 {
left:300px;
}
#homeOpe #homeOpe3 {
left:559px;
}
#homeOpe #homeOpe4 {
left:817px;
}
#homeOpe.ho2 #homeOpe1 {
top:43px;
left:141px;
}
#homeOpe.ho2 #homeOpe2 {
top:43px;
left:333px;
}
#homeOpe.ho2 #homeOpe3 {
top:43px;
left:525px;
}
#homeOpe.ho2 #homeOpe4 {
top:43px;
left:717px;
}
#homeOpe.ho2 #homeOpe5 {
top:106px;
left:141px;
}
#homeOpe.ho2 #homeOpe6 {
top:106px;
left:333px;
}
#homeOpe.ho2 #homeOpe7 {
top:106px;
left:525px;
}
#homeOpe.ho2 #homeOpe8 {
top:106px;
left:717px;
}
#homeOpe.hoVdays #homeOpe1, #homeOpe.hoXmas #homeOpe1, #homeOpe.hoChrono #homeOpe1, #homeOpe.hoNews #homeOpe1 {
top:11px;
left:59px;
}
#homeOpe.hoVdays #homeOpe2, #homeOpe.hoXmas #homeOpe2, #homeOpe.hoChrono #homeOpe2, #homeOpe.hoNews #homeOpe2 {
top:11px;
left:290px;
}
#homeOpe.hoVdays #homeOpe3, #homeOpe.hoXmas #homeOpe3, #homeOpe.hoChrono #homeOpe3, #homeOpe.hoNews #homeOpe3 {
top:11px;
left:521px;
}
#homeOpe.hoVdays #homeOpe4, #homeOpe.hoXmas #homeOpe4, #homeOpe.hoChrono #homeOpe4, #homeOpe.hoNews #homeOpe4 {
top:11px;
left:753px;
}
#homeOpe.hoChrono #homeOpe1, #homeOpe.hoChrono #homeOpe2, #homeOpe.hoChrono #homeOpe3, #homeOpe.hoChrono #homeOpe4 {
top:22px;
}
#homeOpe.hoNews #homeOpe1 {
left:41px;
}
#homeOpe.hoNews #homeOpe2 {
left:289px;
}
#homeOpe.hoNews #homeOpe3 {
left:536px;
}
#homeOpe.hoNews #homeOpe4 {
left:784px;
}
#homeOpe.hoNews #homeOpe1, #homeOpe.hoNews #homeOpe2, #homeOpe.hoNews #homeOpe3, #homeOpe.hoNews #homeOpe4 {
top:8px;
}
#homeOpe.hoWsales #homeOpe1 {
left:46px;
}
#homeOpe.hoWsales #homeOpe2 {
left:294px;
}
#homeOpe.hoWsales #homeOpe3 {
left:541px;
}
#homeOpe.hoWsales #homeOpe4 {
left:789px;
}
#homeOpe.hoWsales #homeOpe1, #homeOpe.hoWsales #homeOpe2, #homeOpe.hoWsales #homeOpe3, #homeOpe.hoWsales #homeOpe4 {
top:13px;
}
#homeOpe.hoBday16 #homeOpe1 {
left:85px;
}
#homeOpe.hoBday16 #homeOpe2 {
left:315px;
}
#homeOpe.hoBday16 #homeOpe3 {
left:543px;
}
#homeOpe.hoBday16 #homeOpe4 {
left:773px;
}
#homeOpe.hoBday16 #homeOpe1, #homeOpe.hoBday16 #homeOpe2, #homeOpe.hoBday16 #homeOpe3, #homeOpe.hoBday16 #homeOpe4 {
top:16px;
}
#homeOpe.hoSpring16 #homeOpe1 {
left:85px;
}
#homeOpe.hoSpring16 #homeOpe2 {
left:315px;
}
#homeOpe.hoSpring16 #homeOpe3 {
left:543px;
}
#homeOpe.hoSpring16 #homeOpe4 {
left:773px;
}
#homeOpe.hoSpring16 #homeOpe1, #homeOpe.hoSpring16 #homeOpe2, #homeOpe.hoSpring16 #homeOpe3, #homeOpe.hoSpring16 #homeOpe4 {
top:16px;
}
#homeOpe.hoBestof #homeOpe1 {
left:85px;
}
#homeOpe.hoBestof #homeOpe2 {
left:315px;
}
#homeOpe.hoBestof #homeOpe3 {
left:544px;
}
#homeOpe.hoBestof #homeOpe4 {
left:774px;
}
#homeOpe.hoBestof #homeOpe1, #homeOpe.hoBestof #homeOpe2, #homeOpe.hoBestof #homeOpe3, #homeOpe.hoBestof #homeOpe4 {
top:6px;
}
#homeOpe.ho5Days #homeOpe1 {
left:40px;
}
#homeOpe.ho5Days #homeOpe2 {
left:298px;
}
#homeOpe.ho5Days #homeOpe3 {
left:556px;
}
#homeOpe.ho5Days #homeOpe4 {
left:814px;
}
#homeOpe.ho5Days #homeOpe1, #homeOpe.ho5Days #homeOpe2, #homeOpe.ho5Days #homeOpe3, #homeOpe.ho5Days #homeOpe4 {
top:10px;
}
@media only screen and (max-width:767px){
#homeOpe, #homeOpe.ho2, #homeOpe.hoVdays, #homeOpe.hoXmas, #homeOpe.hoChrono, #homeOpe.hoNews, #homeOpe.hoWsales, .d2 #homeOpe.hoWsales, .d3 #homeOpe.hoWsales, #homeOpe.hoBday16, #homeOpe.hoSpring16, #homeOpe.hoBestof, #homeOpe.ho5Days {
width:100%;
height:auto;
background:none;
margin-top:10px;
margin-bottom:0;
}
#homeOpe ul {
display:none;
}
#homeOpe #homeOpe1, #homeOpe #homeOpe2, #homeOpe #homeOpe3, #homeOpe #homeOpe4, #homeOpe #homeOpe5, #homeOpe #homeOpe6, #homeOpe #homeOpe7, #homeOpe #homeOpe8, #homeOpe.ho2 #homeOpe1, #homeOpe.ho2 #homeOpe2, #homeOpe.ho2 #homeOpe3, #homeOpe.ho2 #homeOpe4, #homeOpe.ho2 #homeOpe5, #homeOpe.ho2 #homeOpe6, #homeOpe.ho2 #homeOpe7, #homeOpe.ho2 #homeOpe8, #homeOpe.hoVdays #homeOpe1, #homeOpe.hoVdays #homeOpe2, #homeOpe.hoVdays #homeOpe3, #homeOpe.hoVdays #homeOpe4, #homeOpe.hoXmas #homeOpe1, #homeOpe.hoXmas #homeOpe2, #homeOpe.hoXmas #homeOpe3, #homeOpe.hoXmas #homeOpe4, #homeOpe.hoChrono #homeOpe1, #homeOpe.hoChrono #homeOpe2, #homeOpe.hoChrono #homeOpe3, #homeOpe.hoChrono #homeOpe4, #homeOpe.hoNews #homeOpe1, #homeOpe.hoNews #homeOpe2, #homeOpe.hoNews #homeOpe3, #homeOpe.hoNews #homeOpe4, #homeOpe.hoWsales #homeOpe1, #homeOpe.hoWsales #homeOpe2, #homeOpe.hoWsales #homeOpe3, #homeOpe.hoWsales #homeOpe4, #homeOpe.hoBday16 #homeOpe1, #homeOpe.hoBday16 #homeOpe2, #homeOpe.hoBday16 #homeOpe3, #homeOpe.hoBday16 #homeOpe4, #homeOpe.hoSpring16 #homeOpe1, #homeOpe.hoSpring16 #homeOpe2, #homeOpe.hoSpring16 #homeOpe3, #homeOpe.hoSpring16 #homeOpe4, #homeOpe.hoBestof #homeOpe1, #homeOpe.hoBestof #homeOpe2, #homeOpe.hoBestof #homeOpe3, #homeOpe.hoBestof #homeOpe4, #homeOpe.ho5Days #homeOpe1, #homeOpe.ho5Days #homeOpe2, #homeOpe.ho5Days #homeOpe3, #homeOpe.ho5Days #homeOpe4 {
position:inherit;
left:inherit;
top:inherit;
}
#homeOpe div {
width:98%;
margin-left:0.85%;
margin-bottom:1.4%;
border: 1px solid #CCCCCC;
opacity:1;
background: #ff1f66;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84e7f), color-stop(100%,#ff1f66));
background: -webkit-linear-gradient(top, #dc0e1a 51%,#ae0816 100%);
background: -moz-linear-gradient(top, #dc0e1a 51%,#ae0816 100%);
background: -o-linear-gradient(top, #dc0e1a 51%,#ae0816 100%);
background: -ms-linear-gradient(top, #dc0e1a 51%,#ae0816 100%);
background: linear-gradient(to bottom, #dc0e1a 51%,#ae0816 100%);
}
#homeOpe.hoVdays div, #homeOpe.hoXmas div, #homeOpe.hoChrono div, #homeOpe.hoNews div, #homeOpe.hoWsales div, #homeOpe.hoBday16 div, #homeOpe.hoSpring16 div, #homeOpe.hoBestof div, #homeOpe.ho5Days div {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -moz-linear-gradient(top, #ffffff 51%, #e6e6e6 100%);
background: -o-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: linear-gradient(to bottom, #ffffff 51%,#e6e6e6 100%);
}
#homeOpe div:hover {
opacity:0.8;
}
#homeOpe a.homeOpeTitle, #homeOpe.ho2 a.homeOpeTitle, #homeOpe.hoVdays a.homeOpeTitle, #homeOpe.hoXmas a.homeOpeTitle, #homeOpe.hoChrono a.homeOpeTitle, #homeOpe.hoNews a.homeOpeTitle, #homeOpe.hoWsales a.homeOpeTitle, #homeOpe.hoBday16 a.homeOpeTitle, #homeOpe.hoSpring16 a.homeOpeTitle, #homeOpe.hoBestof a.homeOpeTitle, #homeOpe.ho5Days a.homeOpeTitle {
display:block;
min-width:auto;
padding: 14px 20px 14px 14px;
color:#e5d89d;
font-size:16px;
text-decoration:none;
background: transparent url(/gfx/pictos/arrow-nav-gold.png) right center no-repeat;
}
#homeOpe.hoVdays a.homeOpeTitle, #homeOpe.hoXmas a.homeOpeTitle, #homeOpe.hoChrono a.homeOpeTitle, #homeOpe.hoNews a.homeOpeTitle, #homeOpe.hoWsales a.homeOpeTitle, #homeOpe.hoBday16 a.homeOpeTitle, #homeOpe.hoSpring16 a.homeOpeTitle, #homeOpe.hoBestof a.homeOpeTitle, #homeOpe.ho5Days a.homeOpeTitle {
color:#000000;
font-family:DinRegular;
background: transparent url(/gfx/pictos/arrow-nav.png) right center no-repeat;
}
#homeOpe.hoVdays a.homeOpeTitle:after, #homeOpe.hoXmas a.homeOpeTitle:after, #homeOpe.hoChrono a.homeOpeTitle:after, #homeOpe.hoNews a.homeOpeTitle:after, #homeOpe.hoWsales a.homeOpeTitle:after {
display:none;
}
#homeOpe.hoVdays a.homeOpeTitle:hover, #homeOpe.hoXmas a.homeOpeTitle:hover, #homeOpe.hoChrono a.homeOpeTitle:hover, #homeOpe.hoNews a.homeOpeTitle:hover, #homeOpe.hoWsales a.homeOpeTitle:hover, #homeOpe.hoBday16 a.homeOpeTitle:hover, #homeOpe.hoSpring16 a.homeOpeTitle:hover, #homeOpe.hoBestof a.homeOpeTitle:hover, #homeOpe.ho5Days a.homeOpeTitle:hover {
color:inherit;
background-color:inherit;
outline:inherit;
}
#homeOpe.ho2 a.homeOpeTitle > span, #homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span, :lang(it) #homeOpe.ho2 #homeOpe3 a.homeOpeTitle > span, :lang(it) #homeOpe.ho2 #homeOpe5 a.homeOpeTitle > span, :lang(es) #homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span, :lang(de) #homeOpe.ho2 #homeOpe6 a.homeOpeTitle > span, #homeOpe.hoVdays a.homeOpeTitle > span, #homeOpe.hoXmas a.homeOpeTitle > span, #homeOpe.hoChrono a.homeOpeTitle > span, #homeOpe.hoNews a.homeOpeTitle > span, #homeOpe.hoWsales a.homeOpeTitle > span, #homeOpe.hoBday16 a.homeOpeTitle > span, #homeOpe.hoSpring16 a.homeOpeTitle > span, #homeOpe.hoBestof a.homeOpeTitle > span, #homeOpe.ho5Days a.homeOpeTitle > span {
display:inherit;
padding:0;
font-size:16px;
text-decoration:none;
background:none;
}
}
/* Home Ope ICC */
#homeOpeICC {
width:500px;
height: 586px;
float:left;
margin:0 0 0 8px;
}
@media only screen and (max-width:767px){
#homeOpeICC {
width:49.6031746%;
height:auto;
margin:0 0 0 0.7936507%;
}
}
@media only screen and (max-width:500px){
#homeOpeICC {
width:100%;
float:none;
margin:10px 0 0 0;
}
}
/* Home entrees */
#homeVisu, :lang(it) #homeVisu, :lang(en) #homeVisu, :lang(es) #homeVisu, :lang(de) #homeVisu {
width:1008px;
height:241px;
/*height:56px;*/ /*sans entrees*/
overflow: hidden;
position: relative;
/*margin:20px 0 10px 0;*/
margin-top:8px;
background: url(/gfx/pub-home-2015/home-entrees-soldes-hiver-2015-80_fr.jpg) 0 0 no-repeat;
}
:lang(it) #homeVisu {
background: url(/gfx/pub-home-2015/home-entrees-soldes-hiver-2015-80_it.jpg) 0 0 no-repeat;
}
:lang(en) #homeVisu {
background: url(/gfx/pub-home-2015/home-entrees-soldes-hiver-2015-80_en.jpg) 0 0 no-repeat;
}
:lang(es) #homeVisu {
background: url(/gfx/pub-home-2015/home-entrees-soldes-hiver-2015-80_es.jpg) 0 0 no-repeat;
}
:lang(de) #homeVisu {
background: url(/gfx/pub-home-2015/home-entrees-soldes-hiver-2015-80_de.jpg) 0 0 no-repeat;
}
#homeVisu ul {
list-style:none;
margin:0;
padding:0;
}
#homeVisu li {
display:block;
/*padding: 4px 0 4px 10px;*/
padding: 1px 0 1px 0;
border:none;
}
#homeVisu li:hover {
background:#073745;
}
#homeVisu li a {
display:block;
/*font-weight: bold;*/
font-size: 14px;
/*font-size: 17px;*/
color:#073745 !important;
text-align: left;
text-decoration:none;
text-indent: 0;
/*line-height: 19px;*/
line-height: 16px;
padding: 0 0 0 8px;
}
#homeVisu li:hover a {
color:#fff !important;
}
#homeVisu a.homeTitle {
position: absolute;
height:54px;
display: block;
text-indent: -7000px;
}
#homeVisu #homeCasques ul {
position: absolute;
left: 25px;
top: 72px;
width: 111px;
}
:lang(it) #homeVisu #homeCasques ul, :lang(es) #homeVisu #homeCasques ul {
left: 18px;
width:114px;
}
:lang(en) #homeVisu #homeCasques ul {
left: 18px;
}
#homeVisu a#ttCasques {
left:0;
top:18px;
width:128px;
}
:lang(it) #homeVisu a#ttCasques, :lang(es) #homeVisu a#ttCasques {
left:0;
}
#homeVisu #homeAccessoiresCasques ul {
position: absolute;
left: 145px;
top: 72px;
width: 144px;
}
:lang(it) #homeVisu #homeAccessoiresCasques ul, :lang(es) #homeVisu #homeAccessoiresCasques ul {
left: 148px;
width:128px;
}
:lang(en) #homeVisu #homeAccessoiresCasques ul {
left: 152px;
width:134px;
}
#homeVisu a#ttAccCasques {
left:142px;
top:18px;
width:153px;
}
:lang(it) #homeVisu a#ttAccCasques, :lang(es) #homeVisu a#ttAccCasques {
left:147px;
width:130px;
}
:lang(en) #homeVisu a#ttAccCasques {
left:152px;
width:138px;
}
#homeVisu #homeEquipements ul#route1 {
position: absolute;
left: 302px;
top: 72px;
width: 142px;
}
:lang(it) #homeVisu #homeEquipements ul#route1, :lang(es) #homeVisu #homeEquipements ul#route1 {
left: 285px;
width:155px;
}
:lang(en) #homeVisu #homeEquipements ul#route1 {
left: 293px;
}
/*#homeVisu #homeEquipements ul#route2 {
position: absolute;
left: 315px;
top: 485px;
width: 122px;
}*/
#homeVisu a#ttEquipements {
left:299px;
top:18px;
width:140px;
}
:lang(it) #homeVisu a#ttEquipements {
left:284px;
width:162px;
}
#homeVisu #homeEquipementsCross ul {
position: absolute;
left: 447px;
top: 72px;
width: 128px;
}
:lang(it) #homeVisu #homeEquipementsCross ul, :lang(es) #homeVisu #homeEquipementsCross ul {
left: 453px;
width:146px;
}
:lang(en) #homeVisu #homeEquipementsCross ul {
left: 437px;
width:128px;
}
#homeVisu a#ttCross {
left:445px;
top:18px;
width:138px;
}
:lang(it) #homeVisu a#ttCross, :lang(es) #homeVisu a#ttCross {
left:452px;
width:154px;
}
:lang(en) #homeVisu a#ttCross {
left:445px;
width:130px;
}
#homeVisu #homeAccessoires ul {
position: absolute;
left: 596px;
top: 72px;
width: 126px;
}
:lang(it) #homeVisu #homeAccessoires ul, :lang(es) #homeVisu #homeAccessoires ul {
left: 620px;
width:112px;
}
:lang(en) #homeVisu #homeAccessoires ul {
left: 574px;
width:136px;
}
#homeVisu a#ttAccessoires {
left:594px;
top:18px;
width:136px;
}
:lang(it) #homeVisu a#ttAccessoires, :lang(es) #homeVisu a#ttAccessoires {
left:618px;
width:126px;
}
:lang(en) #homeVisu a#ttAccessoires {
left:584px;
width:136px;
}
#homeVisu #homeSportswear ul {
position: absolute;
left: 582px;
top: 74px;
width: 126px;
}
:lang(it) #homeVisu #homeSportswear ul, :lang(es) #homeVisu #homeSportswear ul {
left: 582px;
}
:lang(en) #homeVisu #homeSportswear ul {
left: 582px;
}
#homeVisu a#ttSportswear {
left:759px;
top:18px;
width:105px;
}
:lang(it) #homeVisu a#ttSportswear, :lang(es) #homeVisu a#ttSportswear {
left:772px;
}
:lang(en) #homeVisu a#ttSportswear {
left:744px;
width:125px;
}
/*#homeSportswear li a {
line-height: 15px;
}*/
#homeVisu #homeFlash ul {
position: absolute;
left: 718px;
top: 74px;
width: 116px;
}
:lang(it) #homeVisu #homeFlash ul, :lang(es) #homeVisu #homeFlash ul {
left: 718px;
}
:lang(en) #homeVisu #homeFlash ul {
left: 718px;
}
#homeVisu a#ttFlash {
left:882px;
top:18px;
width:126px;
}
:lang(it) #homeVisu a#ttFlash, :lang(es) #homeVisu a#ttFlash {
left:882px;
}
:lang(en) #homeVisu a#ttFlash {
left:882px;
}
#homeVisu #homePacks ul {
position: absolute;
left: 819px;
top: 74px;
width: 179px;
}
#homeVisu a#ttPacks {
left:817px;
top:18px;
width:190px;
}
#homeVisu a#ttTopSoldes {
right:0;
bottom:0;
width:280px;
height:157px;
}
:lang(it) #homeVisu a#ttTopSoldes, :lang(es) #homeVisu a#ttTopSoldes {
width:275px;
}
#homeVisu #homeSelection1 {
position: absolute;
left: 0;
top: 0;
width: 1008px;
height: 422px;
}
#homeVisu #homeSelection1 a {
display: block;
width: 1008px;
height: 422px;
padding: 0 0;
text-indent: -7000px;
line-height: 0;
}
#homeVisu #homeSelection2 {
position: absolute;
left: -212px;
top: 9px;
width: 212px;
height: 371px;
}
#homeVisu #homeSelection2 a {
display: block;
width: 212x;
height: 371px;
padding: 0 0;
text-indent: -7000px;
line-height: 0;
}
#homeVisu #homeSelection3 {
position: absolute;
left: 0;
bottom: 0;
width: 1008px;
height: 65px;
}
#homeVisu #homeSelection3 a {
display: block;
width: 1008px;
height: 65px;
padding: 0 0;
text-indent: -7000px;
line-height: 0;
}
#homeVisu #homeFbLike {
position:absolute;
top:205px;
left:412px;
width:68px;
height:30px;
}
#homeVisu #homeFbLike iframe {
overflow: hidden;
border: none;
width: 63px;
height: 30px;
float: left;
}
#homeVisu #homeFbCode {
position: absolute;
left: 410px;
top: 238px;
width: 63px;
height: 60px;
}
#homeVisu #homeFbCode a {
display: block;
width: 63px;
height: 60px;
padding: 0 0;
text-indent: -7000px;
line-height: 0;
}
@media only screen and (max-width:767px){
#homeVisu, :lang(it) #homeVisu, :lang(en) #homeVisu, :lang(es) #homeVisu, :lang(de) #homeVisu {
width:100%;
height:auto;
background:none;
margin-top:10px;
margin-bottom:0;
}
#homeVisu ul {
display:none;
}
#homeVisu div {
width:98%;
margin-left:0.85%;
margin-bottom:1.4%;
border: 1px solid #CCCCCC;
opacity:1;
background: #ff1f66;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84e7f), color-stop(100%,#ff1f66));
background: -webkit-linear-gradient(top, #e84e7f 51%,#ff1f66 100%);
background: -moz-linear-gradient(top, #e84e7f 51%, #ff1f66 100%);
background: -o-linear-gradient(top, #e84e7f 51%,#ff1f66 100%);
background: -ms-linear-gradient(top, #e84e7f 51%,#ff1f66 100%);
background: linear-gradient(to bottom, #e84e7f 51%,#ff1f66 100%);
}
#homeVisu div:hover {
opacity:0.8;
}
#homeVisu a.homeTitle {
position: inherit;
height:inherit;
display: block;
text-indent:inherit;
}
#homeVisu a#ttCasques, #homeVisu a#ttAccCasques, #homeVisu a#ttEquipements, #homeVisu a#ttCross, #homeVisu a#ttSportswear, #homeVisu a#ttAccessoires, #homeVisu a#ttFlash, #homeVisu a#ttPacks, #homeVisu a#ttTopSoldes, :lang(it) #homeVisu a#ttCasques, :lang(it) #homeVisu a#ttAccCasques, :lang(it) #homeVisu a#ttEquipements, :lang(it) #homeVisu a#ttCross, :lang(it) #homeVisu a#ttSportswear, :lang(it) #homeVisu a#ttAccessoires, :lang(it) #homeVisu a#ttFlash, :lang(it) #homeVisu a#ttPacks, :lang(it) #homeVisu a#ttTopSoldes, :lang(en) #homeVisu a#ttCasques, :lang(en) #homeVisu a#ttAccCasques, :lang(en) #homeVisu a#ttEquipements, :lang(en) #homeVisu a#ttCross, :lang(en) #homeVisu a#ttSportswear, :lang(en) #homeVisu a#ttAccessoires, :lang(en) #homeVisu a#ttFlash, :lang(en) #homeVisu a#ttPacks, :lang(en) #homeVisu a#ttTopSoldes, :lang(es) #homeVisu a#ttCasques, :lang(es) #homeVisu a#ttAccCasques, :lang(es) #homeVisu a#ttEquipements, :lang(es) #homeVisu a#ttCross, :lang(es) #homeVisu a#ttSportswear, :lang(es) #homeVisu a#ttAccessoires, :lang(es) #homeVisu a#ttFlash, :lang(es) #homeVisu a#ttPacks, :lang(es) #homeVisu a#ttTopSoldes, :lang(de) #homeVisu a#ttCasques, :lang(de) #homeVisu a#ttAccCasques, :lang(de) #homeVisu a#ttEquipements, :lang(de) #homeVisu a#ttCross, :lang(de) #homeVisu a#ttSportswear, :lang(de) #homeVisu a#ttAccessoires, :lang(de) #homeVisu a#ttFlash, :lang(de) #homeVisu a#ttPacks, :lang(de) #homeVisu a#ttTopSoldes {
left:inherit;
top:0;
width:auto;
height:100%;
padding:14px;
font-size:16px;
/*color:#1c1c1c;*/
color:#ffffff;
text-indent:inherit;
text-decoration:none;
background: transparent url(/gfx/pictos/arrow-nav-white.png) no-repeat right center;
}
}
/* Entrées soldes 2016 */
#top_entries {
float:left;
margin: 50px 0 40px 0;
position:relative;
padding:0;
list-style-type:none;
width:100%;
display: table;
table-layout: fixed;
word-spacing: -2em;
font-size: 0;
}
#top_entries li {
display:inline-block;
/*width:327px;
height:248px;
margin:0 12px 0 0;*/
width:32.441%;
height:auto;
margin:0 1.3385% 0 0;
padding:0;
word-spacing: normal;
}
#top_entries li.te3, #top_entries li:last-child {
margin-right:0;
}
#top_entries a {
position:relative;
display:inline-block;
width:100%;
}
#top_entries li img {
width:100%;
max-width:100%;
height:auto;
opacity: 1;
z-index:1000;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
}
#top_entries li:hover img, #top_entries 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;
}
@media only screen and (max-width:767px){
#top_entries {
margin: 30px 0 20px 0;
}
}
@media only screen and (max-width:400px){
#top_entries li {
width: 98%;
margin: 1%;
}
}
/* Vignettes top affaires / bons plans */
#top_sales {
float:left;
width:1008px;
height:auto;
margin:20px 0;
padding: 0;
list-style-type:none;
}
#top_sales.tsv2 {
margin:20px 0 10px 0;
}
#top_sales #ts_deals, #top_sales #ts_products {
position:relative;
margin:10px 0 0 0;
padding:0;
list-style-type:none;
}
#top_sales #ts_deals {
margin-top:0;
}
.soldes #top_sales #ts_deals {
margin-top:10px;
}
.title-box {
position:relative;
margin:34px 0 0 0;
padding:0;
border-top:1px solid #cfcfcf;
}
.title-box > span {
/*position:absolute;
left:50%;*/
display:block;
text-align:center;
margin-top:-35px;
}
.title-box > span > span {
display:inline-block;
padding:14px 20px 10px 20px;
font-family:DinRegular;
font-weight:bold;
font-size: 28px;
color:#000000;
text-transform:uppercase;
background:#ffffff;
}
#top_sales li {
float: left;
margin:0;
padding:0;
}
#top_sales li a {
display:block;
overflow:hidden;
letter-spacing:-0.070em;
opacity: 1;
}
#top_sales li a:hover {
opacity:0.9;
}
#top_sales .tp_vdays li a:hover {
opacity:0.8;
}
#top_sales li .ts-title, #ts_products.tp_sale li .ts-title, #ts_products.tp_vdays li .ts-title {
display:none;
}
#top_sales li .ts-title {
/*position:absolute;
max-width:308px;*/
padding-top:13px;
line-height:25px;
font-family: DinRegular;
text-transform:uppercase;
text-align:center;
font-size:21px;
color:#000000;
}
:lang(en) #top_sales li .ts-title {
padding-top:5px;
line-height:29px;
}
#top_sales li .ts-title.ts-sm {
font-size:25px;
}
#top_sales li .ts-title > span {
font-family: DinBold;
display:block;
font-size:35px;
}
#ts_products li #vtp5 > .ts-title, #ts_products li .vtvf > .ts-title, #ts_deals li .vtvf > .ts-title {
color:#ffffff;
}
:lang(en) #ts_products li #vtp5 > .ts-title, :lang(en) #ts_products li .vtvf > .ts-title, :lang(en) #ts_deals li .vtvf > .ts-title {
padding-top:13px;
line-height:25px;
}
#ts_products li .ts-title {
display:block;
/*top:14px;
right:16px;*/
}
#top_sales li .ts-price {
position:absolute;
font-family: 'DinBold', Arial, Helvetica, sans-serif;
text-align:right;
color:#00b7fb;
font-size:45px;
}
#top_sales li .ts-price > strong {
letter-spacing:-0.040em;
display:block;
}
/*:lang(en) .gbp #top_sales li .ts-price > strong {
letter-spacing:-0.080em;
}*/
#top_sales li #vtp5 .ts-price > strong, #top_sales li .vtvf .ts-price > strong {
/*letter-spacing:normal;
font-size:57px;*/
font-size: 75px;/*New VF*/
letter-spacing: -0.02em;
padding-top: 5px;
}
#top_sales li .ts-price > strong > sup, #top_sales li #vtp5 .ts-price > strong > sup, #top_sales li .vtvf .ts-price > strong > sup {
/*font-size:large;*/
font-size:45%;
vertical-align:super!important;
font-family:Arial, Helvetica, Verdana, sans-serif;
}
#top_sales li #vtp5 .ts-price > strong > sup, #top_sales li .vtvf .ts-price > strong > sup {
font-size:large;
}
/*:lang(en) .gbp #top_sales li .ts-price > strong > sup {
font-size:inherit;
vertical-align:baseline;
font-family: DinRegular!important;
letter-spacing:normal;
line-height: 37px;
}*/
#ts_products li .ts-price {
bottom:85px;
right:16px;
/*max-width:110px;*/
}
#ts_products li #vtp5 .ts-price, #ts_products li .vtvf .ts-price, #ts_deals li .vtvf .ts-price {
/*right:114px;
bottom:83px;*/
right:17px;/*New VF*/
bottom:87px;
text-align:center;
color:#ffffff;
/*display:none;*/
}
:lang(en) #ts_products li #vtp5 .ts-price, :lang(en) #ts_products li .vtvf .ts-price, :lang(en) #ts_deals li .vtvf .ts-price {
/*right:121px;
bottom:75px;*/
right: 20px;/*New VF*/
}
#ts_products li .ts-from {
font-family: DinRegular;
font-size:14px;
color:#000000;
}
#ts_products li #vtp5 .ts-from, #ts_products li .vtvf .ts-from, #ts_deals li .vtvf .ts-from {
color:#ffffff;
text-transform:uppercase;
font-size:11px;
letter-spacing:normal;
font-family:'DinRegular';/*New VF**/
}
#top_sales li .ts-btn {
display:inline-block;
padding:10px 24px 10px 14px;
color:#ffffff;
font-size:14px;
font-family: DinRegular;
font-weight:bold;
text-transform:uppercase;
letter-spacing:normal;
background:#ff0000;
}
#top_sales li:hover .ts-btn {
background:#ff3434;
}
#top_sales li .ts-btn:after {
content: '';
position:absolute;
right:12px;
margin-top: 3px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #ffffff;
}
#ts_deals li .ts-btn {
position:absolute;
/*bottom:16px;
right:18px;*/
bottom:0;
right:109px;
}
#ts_products li .ts-btn {
position:absolute;
bottom:0;
right:109px;
}
:lang(it) #ts_products li .ts-btn, :lang(es) #ts_products li .ts-btn {
right:130px;
}
:lang(en) #ts_products li .ts-btn {
right:111px;
}
:lang(de) #ts_products li .ts-btn {
right:101px;
}
#top_sales li .ts-btn.btn-black {
background:#000000;
}
/*#ts_products li:hover .ts-btn.btn-black {
background:#2d2d2d;
}*/
#ts_products li .ts-btn.btn-xmas {
background:#e49e4b;
}
#ts_products.tp_vdays li a#vtp1 .ts-btn, #ts_products.tp_vdays li a#vtp2 .ts-btn, #ts_products.tp_vdays li a#vtp3 .ts-btn, #ts_products.tp_vdays li a#vtp4a .ts-btn, #ts_products.tp_vdays li a#vtp4b .ts-btn, #ts_products.tp_vdays li a#vtp4c .ts-btn, #ts_products.tp_vdays li a#vtp5 .ts-btn {
display:none;
bottom:115px;
}
#ts_products.tp_vdays li a#vtp4a .ts-btn, #ts_products.tp_vdays li a#vtp4b .ts-btn, #ts_products.tp_vdays li a#vtp4c .ts-btn {
right:58px;
}
#ts_products.tp_vdays li:hover a#vtp1 .ts-btn, #ts_products.tp_vdays li:hover a#vtp2 .ts-btn, #ts_products.tp_vdays li:hover a#vtp3 .ts-btn, #ts_products.tp_vdays li:hover a#vtp4a .ts-btn, #ts_products.tp_vdays li:hover a#vtp4b .ts-btn, #ts_products.tp_vdays li:hover a#vtp4c .ts-btn, #ts_products.tp_vdays li:hover a#vtp5 .ts-btn {
display:block;
}
#ts_deals {
height:260px;
padding-bottom:30px!important;
}
#ts_deals li a {
position:absolute;
width:327px;
height:260px;
padding-bottom:17px;
}
.d1 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0601.jpg) no-repeat;
}
:lang(en) .gbp.d1 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0601_uk.jpg) no-repeat;
}
.d2 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1001.jpg) no-repeat;
}
:lang(en) .gbp.d2 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1001_uk.jpg) no-repeat;
}
.d3 #ts_deals li a, :lang(fr) .d3 #ts_deals li a, :lang(en) .d3 #ts_deals li a, :lang(it) .d3 #ts_deals li a, :lang(es) .d3 #ts_deals li a, :lang(de) .d3 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2301.jpg) no-repeat;
}
:lang(en) .gbp.d3 #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2301c_uk.jpg) no-repeat;
}
#ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1503_fr.jpg) no-repeat;
}
:lang(en) #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1503_en.jpg) no-repeat;
}
:lang(it) #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1503_it.jpg) no-repeat;
}
:lang(es) #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1503_es.jpg) no-repeat;
}
:lang(de) #ts_deals li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1503_de.jpg) no-repeat;
}
#ts_deals.td_050316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0503_fr.jpg) no-repeat;
}
:lang(en) #ts_deals.td_050316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0503_en.jpg) no-repeat;
}
:lang(it) #ts_deals.td_050316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0503_it.jpg) no-repeat;
}
:lang(es) #ts_deals.td_050316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0503_es.jpg) no-repeat;
}
:lang(de) #ts_deals.td_050316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0503_de.jpg) no-repeat;
}
:lang(fr) #ts_deals.td_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2604_fr.jpg) no-repeat;
}
:lang(en) #ts_deals.td_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2503_en.jpg) no-repeat;
}
:lang(it) #ts_deals.td_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2503_it.jpg) no-repeat;
}
:lang(es) #ts_deals.td_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2503_es.jpg) no-repeat;
}
:lang(de) #ts_deals.td_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2503_de.jpg) no-repeat;
}
:lang(fr) #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_fr.jpg) no-repeat;
}
:lang(en) #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_en_uk.jpg) no-repeat;
}
:lang(it) #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_it.jpg) no-repeat;
}
:lang(es) #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_es.jpg) no-repeat;
}
:lang(de) #ts_deals.td_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1305_de.jpg) no-repeat;
}
:lang(fr) #ts_deals.td_180516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-1805_fr.jpg) no-repeat;
}
:lang(fr) #ts_deals.td_270516 li a, :lang(it) #ts_deals.td_270516 li a, :lang(es) #ts_deals.td_270516 li a, :lang(de) #ts_deals.td_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2705.jpg) no-repeat;
}
:lang(en) #ts_deals.td_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2705_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_deals.td_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-2705_en_uk.jpg) no-repeat;
}
:lang(fr) #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_fr.jpg) no-repeat;
}
:lang(en) #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_en_uk.jpg) no-repeat;
}
:lang(it) #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_it.jpg) no-repeat;
}
:lang(es) #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_es.jpg) no-repeat;
}
:lang(de) #ts_deals.td_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-deals-0306_de.jpg) no-repeat;
}
#ts_deals li a#vtd1 {
top:0;
left:0;
background-position:0 0;
}
#ts_deals li a#vtd2 {
top:0;
left:340px;
background-position:-340px 0;
}
#ts_deals li a#vtd3 {
top:0;
left:681px;
background-position:-681px 0;
}
#ts_products {
height:574px;
}
#ts_products.tp_sale {
height:265px;
}
#top_sales #ts_products {
margin-bottom:10px;
}
#top_sales #ts_products.tp_sale {
margin-bottom:0;
}
#ts_products li a, :lang(fr) #ts_products li a, :lang(en) #ts_products li a, :lang(it) #ts_products li a, :lang(es) #ts_products li a, :lang(de) #ts_products li a {
position:absolute;
width:327px;
height:248px;
padding-bottom:17px;
}
#ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1503_int.jpg) no-repeat;
}
:lang(fr) #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1503_fr.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2604_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_250316 li a, :lang(en) .gbp #ts_products.tp_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2503_en.jpg) no-repeat;
}
:lang(it) #ts_products.tp_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2503_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2503_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_250316 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2503_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-1305_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_130516 li a, :lang(en) .gbp #ts_products.tp_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-1305_en.jpg) no-repeat;
}
:lang(it) #ts_products.tp_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-1305_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-1305_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_130516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-1305_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2705_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_270516 li a, :lang(en) .gbp #ts_products.tp_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2705_en.jpg) no-repeat;
}
:lang(it) #ts_products.tp_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2705_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2705_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_270516 li a {
background: transparent url(/gfx/pub-home-2016/top-products-2705_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pub-home-2016/top-products-0306_de.jpg) no-repeat;
}
:lang(en) .gbp #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1503_uk.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_vdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-1410_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_mdays li a {
background: transparent url(/gfx/pub-home-2015/top-products-0912_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_xmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-1212_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_xmas2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-2312_fr.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_pxmas li a {
background: transparent url(/gfx/pub-home-2015/top-products-2612_de.jpg) no-repeat;
}
:lang(fr) #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112c_fr.jpg) no-repeat;
}
:lang(en) #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112_en.jpg) no-repeat;
}
:lang(en) .gbp #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112_en_uk.jpg) no-repeat;
}
:lang(it) #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112_it.jpg) no-repeat;
}
:lang(es) #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112_es.jpg) no-repeat;
}
:lang(de) #ts_products.tp_vd2 li a {
background: transparent url(/gfx/pub-home-2015/top-products-0112_de.jpg) no-repeat;
}
:lang(fr) .d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_fr.jpg) no-repeat;
}
:lang(en) .d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_en.jpg) no-repeat;
}
:lang(en) .gbp.d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_en_uk.jpg) no-repeat;
}
:lang(it) .d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_it.jpg) no-repeat;
}
:lang(es) .d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_es.jpg) no-repeat;
}
:lang(de) .d1 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-0601_de.jpg) no-repeat;
}
:lang(fr) .d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_fr.jpg) no-repeat;
}
:lang(en) .d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_en.jpg) no-repeat;
}
:lang(en) .gbp.d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_en_uk.jpg) no-repeat;
}
:lang(it) .d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_it.jpg) no-repeat;
}
:lang(es) .d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_es.jpg) no-repeat;
}
:lang(de) .d2 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-1001_de.jpg) no-repeat;
}
:lang(fr) .d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301_fr.jpg) no-repeat;
}
:lang(en) .d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301_en.jpg) no-repeat;
}
:lang(en) .gbp.d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301c_en_uk.jpg) no-repeat;
}
:lang(it) .d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301_it.jpg) no-repeat;
}
:lang(es) .d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301_es.jpg) no-repeat;
}
:lang(de) .d3 #ts_products li a {
background: transparent url(/gfx/pub-home-2016/top-products-2301_de.jpg) no-repeat;
}
#ts_products li a#vtp1 {
top:10px;
left:0;
background-position:0 -10px;
}
#ts_products.tp_sale li a#vtp1 {
background-position:0 0;
}
#ts_products li a#vtp2 {
top:10px;
left:340px;
background-position:-340px -10px;
}
#ts_products.tp_sale li a#vtp2 {
background-position:-340px 0;
}
#ts_products li a#vtp3 {
top:10px;
left:681px;
background-position:-681px -10px;
}
#ts_products.tp_sale li a#vtp3 {
background-position:-681px 0;
}
#ts_products li a#vtp4 {
width:669px;
padding-bottom:0;
top:309px;
left:0;
background-position:0 -309px;
}
#ts_products li a#vtp5 {
top:309px;
left:340px;
background-position:-340px -309px;
}
#ts_products li a#vtp6 {
top:309px;
left:681px;
background-position:-681px -309px;
}
/*#ts_products.tp_vdays li a#vtp1 {
top:10px;
left:0;
background-position:0 -10px;
}
#ts_products.tp_vdays li a#vtp2 {
top:10px;
left:340px;
background-position:-340px -10px;
}
#ts_products.tp_vdays li a#vtp3 {
top:10px;
left:681px;
background-position:-681px -10px;
}*/
#ts_products.tp_vdays li a#vtp4a {
top:309px;
left:0;
width:223px;
/*height:211px;
margin-top:37px;*/
padding-bottom:0;
background-position:0 -309px;
}
#ts_products.tp_vdays li a#vtp4b {
top:309px;
left:223px;
width:222px;
/*height:211px;
margin-top:37px;*/
padding-bottom:0;
background-position:-223px -309px;
}
#ts_products.tp_vdays li a#vtp4c {
top:309px;
left:445px;
width:222px;
/*height:211px;
margin-top:37px;*/
padding-bottom:0;
background-position:-445px -309px;
}
#ts_products.tp_vdays li a#vtp5 {
top:309px;
left:681px;
padding-bottom:0;
background-position:-681px -309px;
}
#ts_products.tp_xmas li a#vtp4, #ts_products.tp_mdays li a#vtp4 {
width:669px;
padding-bottom:0;
}
@media only screen and (max-width:767px){
#top_sales {
width:100%;
margin:10px 0 0 0;
}
#top_sales #ts_deals {
margin-top:10px;
}
.title-box {
margin:20px 0 0 0;
}
.title-box > span {
margin-top:-25px;
}
.title-box > span > span {
padding:10px 14px 6px 14px;
font-size:18px;
}
#top_sales li {
float:none;
width:98%;
margin-left:0.85%;
margin-bottom:1.4%;
border: 1px solid #CCCCCC;
opacity:1;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -moz-linear-gradient(top, #ffffff 51%, #e6e6e6 100%);
background: -o-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: linear-gradient(to bottom, #ffffff 51%,#e6e6e6 100%);
}
#top_sales li:hover {
opacity:0.8;
}
#top_sales li .ts-title, #top_sales li .ts-title *, :lang(en) #top_sales li .ts-title, :lang(en) #ts_products li #vtp5 > .ts-title, #ts_products li .vtvf > .ts-title, #top_sales li .ts-title > span, #ts_products li .ts-title, #ts_products li .ts-title *, #ts_products.tp_sale li .ts-title, #ts_products.tp_vdays li .ts-title, #top_sales li .ts-price, #top_sales li .ts-price *, #top_sales li .ts-price > strong, :lang(en) .gbp #top_sales li .ts-price > strong, #top_sales li #vtp5 .ts-title, #ts_products li #vtp5 .ts-price, #ts_products li .vtvf .ts-price, #top_sales li #vtp5 .ts-price > strong, #top_sales li .vtvf .ts-price > strong, :lang(en) #ts_products li #vtp5 .ts-price, :lang(en) #ts_products li .vtvf .ts-price, #ts_products li #vtp5 .ts-from, #ts_products li .vtvf .ts-from, #ts_deals li .vtvf > .ts-title, #ts_deals li .vtvf .ts-price, #ts_deals li .vtvf .ts-price > strong, :lang(en) #ts_deals li .vtvf .ts-price, #ts_deals li .vtvf .ts-from {
position:inherit;
top:inherit;
bottom:inherit;
right:inherit;
max-width:inherit;
line-height:inherit;
display:inline;
font-size: 14px;
color: #1c1c1c;
font-family: Arial,Helvetica,Verdana,sans-serif;
text-align: left;
text-transform: uppercase;
letter-spacing: normal;
}
#top_sales li .ts-price > strong {
display:inline;
}
#top_sales li .ts-price > strong > sup, #top_sales li #vtp5 .ts-price > strong > sup, #top_sales li .vtvf .ts-price > strong > sup, :lang(en) .gbp #top_sales li .ts-price > strong > sup {
font-size:inherit;
vertical-align:inherit!important;
}
#top_sales li .ts-btn {
display:none;
}
#ts_deals {
height:auto;
padding-bottom:10px!important;
}
#ts_products, #ts_products.tp_sale {
height:auto;
}
#ts_deals li a, :lang(en) .gbp #ts_deals li a, #ts_products li a, :lang(fr) #ts_products li a, :lang(en) #ts_products li a, :lang(it) #ts_products li a, :lang(es) #ts_products li a, :lang(de) #ts_products li a,
#ts_products.tp_vdays li a, :lang(fr) #ts_products.tp_vdays li a, :lang(en) #ts_products.tp_vdays li a, :lang(it) #ts_products.tp_vdays li a, :lang(es) #ts_products.tp_vdays li a, :lang(de) #ts_products.tp_vdays li a {
position:relative;
width:auto;
height:100%;
padding:14px 20px 14px 14px;
font-size:14px;
color:#1c1c1c;
text-decoration:none;
/*background: transparent url(/gfx/pictos/arrow-nav.png) no-repeat;*/
}
#ts_deals li a,
:lang(en) #ts_deals li a,
:lang(en) .gbp #ts_deals li a,
:lang(it) #ts_deals li a,
:lang(es) #ts_deals li a,
:lang(de) #ts_deals li a,
.d1 #ts_deals li a,
:lang(en) .gbp.d1 #ts_deals li a,
.d2 #ts_deals li a,
:lang(en) .gbp.d2 #ts_deals li a,
.d3 #ts_deals li a,
:lang(en) .gbp.d3 #ts_deals li a,
:lang(fr) .d3 #ts_deals li a, :lang(en) .d3 #ts_deals li a, :lang(it) .d3 #ts_deals li a, :lang(es) .d3 #ts_deals li a, :lang(de) .d3 #ts_deals li a,
#ts_deals.td_050316 li a, :lang(it) #ts_deals.td_050316 li a, :lang(en) #ts_deals.td_050316 li a, :lang(es) #ts_deals.td_050316 li a, :lang(de) #ts_deals.td_050316 li a, :lang(fr) #ts_deals.td_250316 li a,
:lang(en) #ts_deals.td_250316 li a, :lang(it) #ts_deals.td_250316 li a, :lang(es) #ts_deals.td_250316 li a, :lang(de) #ts_deals.td_250316 li a, :lang(fr) #ts_deals.td_130516 li a,
:lang(en) #ts_deals.td_130516 li a, :lang(en) .gbp #ts_deals.td_130516 li a, :lang(it) #ts_deals.td_130516 li a, :lang(es) #ts_deals.td_130516 li a, :lang(de) #ts_deals.td_130516 li a,
:lang(fr) #ts_deals.td_270516 li a, :lang(en) #ts_deals.td_270516 li a, :lang(en) .gbp #ts_deals.td_270516 li a, :lang(it) #ts_deals.td_270516 li a, :lang(es) #ts_deals.td_270516 li a, :lang(de) #ts_deals.td_270516 li a,
:lang(fr) #ts_deals.td_030616 li a, :lang(en) #ts_deals.td_030616 li a, :lang(en) .gbp #ts_deals.td_030616 li a, :lang(it) #ts_deals.td_030616 li a, :lang(es) #ts_deals.td_030616 li a, :lang(de) #ts_deals.td_030616 li a,
:lang(fr) #ts_deals.td_170516 li a,
#ts_products li a,
:lang(fr) #ts_products li a,
:lang(en) .gbp #ts_products li a,
:lang(fr) .d1 #ts_products li a,
:lang(en) .d1 #ts_products li a,
:lang(en) .gbp.d1 #ts_products li a,
:lang(it) .d1 #ts_products li a,
:lang(es) .d1 #ts_products li a,
:lang(de) .d1 #ts_products li a,
:lang(fr) .d2 #ts_products li a,
:lang(en) .d2 #ts_products li a,
:lang(en) .gbp.d2 #ts_products li a,
:lang(it) .d2 #ts_products li a,
:lang(es) .d2 #ts_products li a,
:lang(de) .d2 #ts_products li a,
:lang(fr) .d3 #ts_products li a,
:lang(en) .d3 #ts_products li a,
:lang(en) .gbp.d3 #ts_products li a,
:lang(it) .d3 #ts_products li a,
:lang(es) .d3 #ts_products li a,
:lang(de) .d3 #ts_products li a,
#ts_products.tp_vdays li a,
:lang(fr) #ts_products.tp_vdays li a,
:lang(en) #ts_products.tp_vdays li a,
:lang(en) .gbp #ts_products.tp_vdays li a,
:lang(it) #ts_products.tp_vdays li a,
:lang(es) #ts_products.tp_vdays li a,
:lang(de) #ts_products.tp_vdays li a,
#ts_products.tp_250316 li a,
:lang(fr) #ts_products.tp_250316 li a, :lang(en) #ts_products.tp_250316 li a, :lang(en) .gbp #ts_products.tp_250316 li a, :lang(it) #ts_products.tp_250316 li a, :lang(es) #ts_products.tp_250316 li a, :lang(de) #ts_products.tp_250316 li a,
:lang(fr) #ts_products.tp_130516 li a, :lang(en) #ts_products.tp_130516 li a, :lang(en) .gbp #ts_products.tp_130516 li a, :lang(it) #ts_products.tp_130516 li a, :lang(es) #ts_products.tp_130516 li a, :lang(de) #ts_products.tp_130516 li a,
:lang(fr) #ts_products.tp_270516 li a, :lang(en) #ts_products.tp_270516 li a, :lang(en) .gbp #ts_products.tp_270516 li a, :lang(it) #ts_products.tp_270516 li a, :lang(es) #ts_products.tp_270516 li a, :lang(de) #ts_products.tp_270516 li a,
:lang(fr) #ts_products.tp_030616 li a, :lang(en) #ts_products.tp_030616 li a, :lang(en) .gbp #ts_products.tp_030616 li a, :lang(it) #ts_products.tp_030616 li a, :lang(es) #ts_products.tp_030616 li a, :lang(de) #ts_products.tp_030616 li a {
background: transparent url(/gfx/pictos/arrow-nav.png) no-repeat;
}
#ts_deals li a#vtd1, #ts_deals li a#vtd2, #ts_deals li a#vtd3,
#ts_products li a#vtp1, #ts_products li a#vtp2, #ts_products li a#vtp3, #ts_products li a#vtp4, #ts_products li a#vtp5, #ts_products li a#vtp6,
#ts_products.tp_sale li a#vtp1, #ts_products.tp_sale li a#vtp2, #ts_products.tp_sale li a#vtp3, #ts_products.tp_sale li a#vtp4, #ts_products.tp_sale li a#vtp5, #ts_products.tp_sale li a#vtp6,
#ts_products.tp_vdays li a#vtp1, #ts_products.tp_vdays li a#vtp2, #ts_products.tp_vdays li a#vtp3, #ts_products.tp_vdays li a#vtp4a, #ts_products.tp_vdays li a#vtp4b, #ts_products.tp_vdays li a#vtp4c, #ts_products.tp_vdays li a#vtp5, #ts_products.tp_xmas li a#vtp4, #ts_products.tp_mdays li a#vtp4 {
width:auto;
height:100%;
top:inherit;
left:inherit;
background-position:right center;
}
#ts_products li a#vtp4, #ts_products.tp_vdays li a#vtp4a, #ts_products.tp_vdays li a#vtp4b, #ts_products.tp_vdays li a#vtp4c, #ts_products.tp_vdays li a#vtp5, #ts_products.tp_xmas li a#vtp4, #ts_products.tp_mdays li a#vtp4 {
padding-bottom:14px;
}
}
/* Vignettes home */
#bloc_vignettes {
position:relative;
float:left;
width:1008px;
/*height:426px;*/ /*6 vignettes*/
/*height:590px;*/ /*9 vignettes OK*/
height:580px; /*7 vignettes OK*/
/*height:779px;*/ /*11 vignettes*/
/*height:789px;*/ /*12 vignettes*/
/*margin: 20px 0 0 0;*/
margin:10px 0 0 0;
padding: 0;
list-style-type:none;
}
#bloc_vignettes li.container-vignette {
float: left;
margin:0;
padding:0;
}
#bloc_vignettes li.container-vignette a, :lang(it) #bloc_vignettes li.container-vignette a, :lang(en) #bloc_vignettes li.container-vignette a, :lang(es) #bloc_vignettes li.container-vignette a {
position:absolute;
display:block;
overflow:hidden;
/*text-indent:-7000px;*/
letter-spacing:-0.070em;
opacity: 1;
/*background: transparent url(/gfx/pub-home-2015/vignettes-home-2703.jpg) no-repeat;*/
}
#bloc_vignettes.bv_2512 li.container-vignette a, :lang(it) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(en) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(es) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(de) #bloc_vignettes.bv_2512 li.container-vignette a {
background: transparent url(/gfx/pub-home-2014/vignettes-home-2512.jpg) no-repeat;
}
:lang(fr) #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-0406_fr.jpg) no-repeat;
}
/*:lang(fr) #bloc_vignettes.bv_2512 li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-2512.jpg) no-repeat;
}*/
:lang(it) #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-0406_it.jpg) no-repeat;
}
:lang(en) #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-0406_en.jpg) no-repeat;
}
/*:lang(en) .gbp #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-1604_en_uk.jpg) no-repeat;
}*/
:lang(es) #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-0406_es.jpg) no-repeat;
}
:lang(de) #bloc_vignettes li.container-vignette a {
background: transparent url(/gfx/pub-home-2015/vignettes-home-0406_de.jpg) no-repeat;
}
#bloc_vignettes li.container-vignette a:hover {
opacity: 0.9;
}
#bloc_vignettes li a.vn {
height:194px;
}
.vn-txtoff {
text-indent:-7000px;
}
#bloc_vignettes li .vn-title {
position:absolute;
top:14px;
right:16px;
max-width:308px;
line-height:25px;
font-family: DinRegular;
text-transform:uppercase;
text-align:right;
}
.vn-title {
font-size:26px;
color:#000000;
}
.vn-title.vn-sm {
font-size:25px;
}
.vn-title > span {
font-family: DinBold;
}
#bloc_vignettes li .vn-flash > .vn-title {
/*top:8px;*/
/*right:110px;*/
}
#bloc_vignettes li .vn-flash.vn-scorpion > .vn-title {
/*max-width:300px;
top:8px;
right:13px;
font-size:23px;
line-height:23px;
text-align:center;*/
}
:lang(en) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title {
max-width:290px;
}
#bloc_vignettes.bv_2512 li .vn-flash > .vn-title {
top:8px;
}
:lang(fr) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title {
right:90px;
}
:lang(it) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title {
right:75px;
}
:lang(en) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title {
right:55px;
}
:lang(es) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title {
right:85px;
}
/*.vn-flash > .vn-title {
color:#ffffff;
}*/
#bloc_vignettes li .vn-price-cross {
/*position:absolute;
display:block;
bottom:52px;
right:40px;*/
font-family: 'DinRegular', Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-align:right;
background: transparent url(/gfx/pictos/cross-price.png) no-repeat center 0;
}
.vn-price-cross {
color:#535353;
}
#bloc_vignettes li .vn-price {
position:absolute;
bottom:52px;
right:16px;
max-width:110px;
font-family: 'DinBold', Arial, Helvetica, sans-serif;
text-align:right;
}
.vn-price {
color:#00b7fb;
font-size:39px;
}
#bloc_vignettes li .vn-flash > .vn-price {
right:124px;
text-align:center;
}
:lang(en) #bloc_vignettes li .vn-flash > .vn-price {
bottom:46px;
}
.vn-flash .vn-price {
color:#ffffff;
}
.vn-price > strong {
letter-spacing:-0.080em;
display:block;
}
.vn-price > strong > sup {
font-size:large;
font-family:Arial, Helvetica, Verdana, sans-serif;
/*font-weight:normal;*/
}
:lang(en) .gbp .vn-price > strong > sup {
font-size:inherit;
vertical-align:baseline;
font-family: DinRegular!important;
letter-spacing:normal;
line-height: 37px;
}
.bv_2512 .vn-flash > .vn-price {
color:#e51004;
font-size:39px;
}
.vn-flash.vn-scorpion > .vn-price {
color:#ffffff;
font-size:50px;
}
#bloc_vignettes li .vn-from {
font-family: DinRegular;
font-size:14px;
}
.vn-from {
color:#000000;
}
.vn-flash .vn-from {
color:#ffffff;
}
.bv_2512 .vn-flash .vn-from {
color:#000000;
}
.vn-flash.vn-scorpion .vn-from {
color:#ffffff; /*VF Scorpion*/
}
#bloc_vignettes li .vn-btn {
position:absolute;
bottom:14px;
right:16px;
display:inline-block;
padding:5px 16px 5px 6px;
color:#ffffff;
font-size:13px;
font-family: DinBold;
text-transform:uppercase;
letter-spacing:normal;
/*text-align:center;*/
background:#e51004;
}
#bloc_vignettes li:hover .vn-btn {
background:#f9382d;
}
#bloc_vignettes li .vn-flash > .vn-btn {
bottom: 9px;
right: 122px;
background:#ffffff;
color:#000000;
}
:lang(it) #bloc_vignettes li .vn-flash > .vn-btn, :lang(es) #bloc_vignettes li .vn-flash > .vn-btn {
right: 139px;
}
:lang(en) #bloc_vignettes li .vn-flash > .vn-btn {
right: 119px;
}
:lang(de) #bloc_vignettes li .vn-flash > .vn-btn {
right: 112px;
}
#bloc_vignettes li:hover .vn-flash > .vn-btn {
background:#ffffff;
}
#bloc_vignettes li .vn-flash.vn-scorpion .vn-btn {
background:#000000;
}
#bloc_vignettes li:hover .vn-flash.vn-scorpion .vn-btn {
background:#3a3a3a;
}
#bloc_vignettes li .vn-btn:after/*, #bloc_vignettes li:hover .vn-btn*/ {
content: '';
position:absolute;
right:7px;
margin-top: 1px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #ffffff;
}
#bloc_vignettes li .vn-flash > .vn-btn:after {
border-color: transparent transparent transparent #000000;
}
#bloc_vignettes li a#vsn1 {
width:329px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:0;
left:0;
background-position:0 0;
}
#bloc_vignettes li a#vsn2 {
width:327px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:0;
left:333px;
background-position:-333px 0; /*7 vignettes*/
/*left:338px;
background-position:-338px 0;*/ /*9 vignettes*/
}
#bloc_vignettes li a#vsn3 {
width:343px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:0;
left:665px;
background-position:-665px 0; /*7 vignettes*/
/*left:675px;
background-position:-675px 0;*/ /*9 vignettes*/
}
#bloc_vignettes li a#vsn4 {
width:329px; /*7 vignettes*/
height:382px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:198px;
left:0;
background-position:0 -198px;
/*width:328px;
height:195px;*/ /*11 vignettes*/
}
#bloc_vignettes li a#vsn4 .vn-price {
bottom:37px; /*7 vignettes*/
right:40%;
}
:lang(en) .gbp #bloc_vignettes li a#vsn4 .vn-price {
right:38%; /*7 vignettes*/
}
#bloc_vignettes li a#vsn4 .vn-btn {
right:40%; /*7 vignettes*/
}
:lang(it) #bloc_vignettes li a#vsn4 .vn-btn {
/*right:41%;*/ /*7 vignettes*/
}
:lang(en) .gbp #bloc_vignettes li a#vsn4 .vn-btn {
right:38%; /*7 vignettes*/
}
:lang(es) #bloc_vignettes li a#vsn4 .vn-btn {
/*right:41%;*/ /*7 vignettes*/
}
#bloc_vignettes li a#vsn5 {
width:327px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:198px;
left:333px;
background-position:-333px -198px; /*7 vignettes*/
/*left:338px;
background-position:-338px -198px;*/ /*9 vignettes*/
}
#bloc_vignettes li a#vsn6 {
width:343px; /*7 vignettes*/
/*width:333px;*/ /*9 vignettes*/
top:198px;
left:665px;
background-position:-665px -198px; /*7 vignettes*/
/*left:675px;
background-position:-675px -198px;*/ /*9 vignettes*/
}
#bloc_vignettes li a#vsn7 {
width:675px;
height:183px;
top:397px;
left:333px;
background-position:-333px -397px; /*7 vignettes*/
/*width:333px;
top:396px;
left:0;
background-position:0 -396px;*/ /*9 vignettes*/
/*width:329px;
height:380px;
top:399px;
left:0;
background-position:0 -399px;*/ /*11 vignettes*/
}
#bloc_vignettes li a#vsn8 {
width:333px;
top:396px;
left:338px;
background-position:-338px -396px; /*9 vignettes*/
/*width:325px;
top:399px;
left:333px;
background-position:-333px -399px;*/ /*11 vignettes*/
}
#bloc_vignettes li a#vsn9 {
width:333px;
top:396px;
left:675px;
background-position:-675px -396px; /*9 vignettes*/
/*width:343px;
top:399px;
left:665px;
background-position:-665px -399px;*/ /*11 vignettes*/
}
#bloc_vignettes li a#vsn10 {
width:325px;
top:596px;
left:333px;
background-position:-333px -596px;
}
#bloc_vignettes li a#vsn11 {
width:343px;
top:596px;
left:665px;
background-position:-665px -596px;
}
/*:lang(it) #bloc_vignettes li a#vsn11 {
width:333px;
top:595px;
left:338px;
background-position:-338px -595px;
}*/
/*:lang(it) #bloc_vignettes li a#vsn12 {
width:333px;
top:595px;
left:675px;
background-position:-675px -595px;
}*/
@media only screen and (max-width:767px){
#bloc_vignettes, :lang(fr) #bloc_vignettes, :lang(it) #bloc_vignettes, :lang(en) #bloc_vignettes, :lang(en) .gbp #bloc_vignettes, :lang(es) #bloc_vignettes, :lang(de) #bloc_vignettes {
width:100%;
height:auto;
background:none;
margin:10px 0 0 0;
}
#bloc_vignettes li.container-vignette, :lang(fr) #bloc_vignettes li.container-vignette, :lang(it) #bloc_vignettes li.container-vignette, :lang(en) #bloc_vignettes li.container-vignette, :lang(es) #bloc_vignettes li.container-vignette, :lang(de) #bloc_vignettes li.container-vignette {
float:none;
width:98%;
margin-left:0.85%;
margin-bottom:1.4%;
border: 1px solid #CCCCCC;
opacity:1;
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -moz-linear-gradient(top, #ffffff 51%, #e6e6e6 100%);
background: -o-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #ffffff 51%,#e6e6e6 100%);
background: linear-gradient(to bottom, #ffffff 51%,#e6e6e6 100%);
}
#bloc_vignettes li.container-vignette:hover {
opacity:0.8;
}
#bloc_vignettes li.container-vignette a, :lang(fr) #bloc_vignettes li.container-vignette a, :lang(it) #bloc_vignettes li.container-vignette a, :lang(en) #bloc_vignettes li.container-vignette a, :lang(en) .gbp #bloc_vignettes li.container-vignette a, :lang(es) #bloc_vignettes li.container-vignette a, :lang(de) #bloc_vignettes li.container-vignette a,
#bloc_vignettes.bv_2512 li.container-vignette a, :lang(fr) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(it) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(en) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(es) #bloc_vignettes.bv_2512 li.container-vignette a, :lang(de) #bloc_vignettes.bv_2512 li.container-vignette a {
position:relative;
height:100%;
padding:14px 20px 14px 14px;
font-size:14px;
color:#1c1c1c;
/*text-indent:inherit;*/
text-decoration:none;
background: transparent url(/gfx/pictos/arrow-nav.png) no-repeat;
}
.vn-txtoff {
text-indent:inherit;
}
#bloc_vignettes li a.vn {
width:auto;
}
#bloc_vignettes li .vn-title, #bloc_vignettes li .vn-title *, #bloc_vignettes li .vn-price, #bloc_vignettes li a#vsn4 .vn-price, :lang(en) .gbp #bloc_vignettes li a#vsn4 .vn-price, #bloc_vignettes li .vn-price *, #bloc_vignettes li .vn-price-cross, #bloc_vignettes li .vn-flash > .vn-price, :lang(en) #bloc_vignettes li .vn-flash > .vn-price {
position:inherit;
top:inherit;
bottom:inherit;
right:inherit;
max-width:inherit;
line-height:inherit;
font-size:14px;
color:#1c1c1c;
font-family: Arial,Helvetica,Verdana,sans-serif;
text-align:left;
text-transform:uppercase;
letter-spacing:normal;
}
#bloc_vignettes li .vn-price-cross {
text-decoration:line-through;
background: none;
}
#bloc_vignettes li .vn-flash > .vn-title, :lang(fr) #bloc_vignettes li .vn-flash > .vn-title, :lang(it) #bloc_vignettes li .vn-flash > .vn-title, :lang(en) #bloc_vignettes li .vn-flash > .vn-title, :lang(es) #bloc_vignettes li .vn-flash > .vn-title, :lang(de) #bloc_vignettes li .vn-flash > .vn-title,
#bloc_vignettes.bv_2512 li .vn-flash > .vn-title, :lang(fr) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title, :lang(it) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title, :lang(en) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title, :lang(es) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title, :lang(de) #bloc_vignettes.bv_2512 li .vn-flash > .vn-title,
#bloc_vignettes li .vn-flash.vn-scorpion > .vn-title, :lang(fr) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title, :lang(it) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title, :lang(en) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title, :lang(es) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title, :lang(de) #bloc_vignettes li .vn-flash.vn-scorpion > .vn-title {
top:inherit;
right:inherit;
}
.vn-price > strong {
display:inline;
}
.vn-price > strong > sup {
font-size:inherit;
}
#bloc_vignettes li .vn-btn {
display:none;
}
#bloc_vignettes li a#vsn1, #bloc_vignettes li a#vsn2, #bloc_vignettes li a#vsn3, #bloc_vignettes li a#vsn4, #bloc_vignettes li a#vsn5, #bloc_vignettes li a#vsn6, #bloc_vignettes li a#vsn7, #bloc_vignettes li a#vsn8, #bloc_vignettes li a#vsn9, #bloc_vignettes li a#vsn10, #bloc_vignettes li a#vsn11, #bloc_vignettes li a#vsn12, :lang(it) #bloc_vignettes li a#vsn1, :lang(it) #bloc_vignettes li a#vsn2, :lang(it) #bloc_vignettes li a#vsn3, :lang(it) #bloc_vignettes li a#vsn4, :lang(it) #bloc_vignettes li a#vsn5, :lang(it) #bloc_vignettes li a#vsn6, :lang(it) #bloc_vignettes li a#vsn7, :lang(it) #bloc_vignettes li a#vsn8, :lang(it) #bloc_vignettes li a#vsn9, :lang(it) #bloc_vignettes li a#vsn10, :lang(it) #bloc_vignettes li a#vsn11, :lang(it) #bloc_vignettes li a#vsn12, :lang(en) #bloc_vignettes li a#vsn1, :lang(en) #bloc_vignettes li a#vsn2, :lang(en) #bloc_vignettes li a#vsn3, :lang(en) #bloc_vignettes li a#vsn4, :lang(en) #bloc_vignettes li a#vsn5, :lang(en) #bloc_vignettes li a#vsn6, :lang(en) #bloc_vignettes li a#vsn7, :lang(en) #bloc_vignettes li a#vsn8, :lang(en) #bloc_vignettes li a#vsn9, :lang(en) #bloc_vignettes li a#vsn10, :lang(en) #bloc_vignettes li a#vsn11, :lang(en) #bloc_vignettes li a#vsn12, :lang(es) #bloc_vignettes li a#vsn1, :lang(es) #bloc_vignettes li a#vsn2, :lang(es) #bloc_vignettes li a#vsn3, :lang(es) #bloc_vignettes li a#vsn4, :lang(es) #bloc_vignettes li a#vsn5, :lang(es) #bloc_vignettes li a#vsn6, :lang(es) #bloc_vignettes li a#vsn7, :lang(es) #bloc_vignettes li a#vsn8, :lang(es) #bloc_vignettes li a#vsn9, :lang(es) #bloc_vignettes li a#vsn10, :lang(es) #bloc_vignettes li a#vsn11, :lang(es) #bloc_vignettes li a#vsn12, :lang(de) #bloc_vignettes li a#vsn1, :lang(de) #bloc_vignettes li a#vsn2, :lang(de) #bloc_vignettes li a#vsn3, :lang(de) #bloc_vignettes li a#vsn4, :lang(de) #bloc_vignettes li a#vsn5, :lang(de) #bloc_vignettes li a#vsn6, :lang(de) #bloc_vignettes li a#vsn7, :lang(de) #bloc_vignettes li a#vsn8, :lang(de) #bloc_vignettes li a#vsn9, :lang(de) #bloc_vignettes li a#vsn10, :lang(de) #bloc_vignettes li a#vsn11, :lang(de) #bloc_vignettes li a#vsn12 {
width:auto;
height:100%;
top:inherit;
left:inherit;
background-position:right center;
}
}
/* Home box pub x2 */
.box_pub_x2 {
position:relative;
float:left;
width:1008px;
height:265px;
margin:15px auto 10px auto;
/*margin:35px auto 10px auto;*/
}
.soldes .box_pub_x2 {
margin-top:35px;
}
.box_pub_x2 a {
position:relative;
display:block;
width:494px;
height:265px;
margin:0;
float:left;
opacity: 1;
}
.box_pub_x2 a:hover {
opacity:0.9;
}
.box_pub_x2 a#bp_2 {
margin:0 0 0 20px;
}
@media only screen and (max-width:767px){
.box_pub_x2 {
width:100%;
height:auto;
}
.soldes .box_pub_x2 {
margin-top:20px;
}
.box_pub_x2 img {
width:100%;
}
.box_pub_x2 a {
width:49.0079365%;
height:auto;
}
.box_pub_x2 a#bp_2 {
margin:0 0 0 1.87%;
}
}
@media only screen and (max-width:500px){
.box_pub_x2 a {
width:100%;
float:none;
}
.box_pub_x2 a#bp_2 {
margin:10px 0 0 0;
}
}
/* Home box mentions */
#box_mentions_home {
float:left;
width:1008px;
padding:5px 0;
/*margin-top:10px;*/
}
@media only screen and (max-width:767px){
#box_mentions_home {
width: auto;
padding:0 5px;
}
}
/* Home box Arai */
#box_arai {
position:relative;
float:left;
width:1008px;
height:180px;
margin:10px auto;
}
#box_arai a {
display:block;
}
@media only screen and (max-width:767px){
#box_arai {
width:100%;
height:auto;
}
}
/* Home box coupons */
#box_coupons {
position:relative;
float:left;
width:1008px;
height:161px;
margin:10px auto;
background: url(/gfx/home-2013/codes-promo-cheques-cadeaux-equipement-moto.png) center top no-repeat;
}
:lang(fr) #box_coupons.box_xmas {
background: url(/gfx/home-2014/codes-promo-cheques-cadeaux-equipement-moto-noel.png) center top no-repeat;
}
:lang(it) #box_coupons {
background: url(/gfx/home-2013/codici-promozionali-abbigliamento-moto.png) center top no-repeat;
}
:lang(en) #box_coupons {
background: url(/gfx/home-2013/promotional-codes-motorcycle-gear.png) center top no-repeat;
}
:lang(de) #box_coupons {
background: url(/gfx/home-2013/promo-codes-geschenk-gutscheine-ausruestung-motorrad.jpg) center top no-repeat;
}
#box_coupons a {
display:block;
position:absolute;
top:4px;
height:146px;
text-indent:-7000px;
}
#box_coupons a#eCoupons {
left:9px;
width:646px;
}
#box_coupons a#chequesCadeaux {
left:679px;
width:320px;
}
#box_coupons_special {
position:relative;
float:left;
width:1008px;
height:146px;
margin:10px auto;
}
#box_coupons_special a {
display:block;
height:141px;
margin-top:5px;
float:left;
opacity:1;
}
#box_coupons_special a:hover {
opacity:0.8;
}
#box_coupons_special a#calAvent {
width:662px;
}
#box_coupons_special a#chequesCadeauxNoel {
width:332px;
margin-left:14px;
}
@media only screen and (max-width:767px){/*Ope noel*/
#box_coupons_special {
width:100%;
height:auto;
}
#box_coupons_special a {
height:auto;
float:none;
}
#box_coupons_special a#calAvent,#box_coupons_special a#chequesCadeauxNoel {
width:100%;
}
#box_coupons_special a#chequesCadeaux {
margin-left:0;
}
}
/* Home box selection de la semaine */
#box_recos1 {
float: left;
width: 728px;
}
#box_recos1 #ContenuSelection {
position: relative;
float: left;
padding: 0;
}
#box_recos1 #ContenuSelection h1 {
margin:0 0 0 10px;
padding:0 0 0 18px;
font-size: 13px;
line-height:17px;
text-transform: uppercase;
color: #1C1C1C;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 0;
}
#box_recos1 #ContenuSelection p#textSelection {
float: left;
margin: 5px 0 8px 0;
background:#f8f8fa;
}
#box_recos1 #ContenuSelection p#textSelection span {
float: left;
display:block;
width: 342px;
height: 158px;
line-height: 12px;
text-align: justify;
overflow: hidden;
margin: 10px 10px 0 10px;
}
:lang(en) #box_recos1 #ContenuSelection p#textSelection span, :lang(es) #box_recos1 #ContenuSelection p#textSelection span {
height: 144px;
}
#box_select .blocCasqueDyn {position:relative;}
.blocCasqueRang {position:absolute;background-color:#fff;min-width:320px;/*width:728px;*/}
#box_recos .blocCasqueDyn2 {position:relative;}
.blocCasqueRang2 {position:absolute;background-color:#fff;width:280px;}
@media only screen and (max-width:767px){
#box_recos1 {
width: 100%;
}
}
/* Home box recommandations d'iCasque */
/*#box_recos2, :lang(it) #box_recos2, :lang(en) #box_recos2, :lang(es) #box_recos2, :lang(de) #box_recos2 {
position: relative;
float: left;
width: 280px;
height: 410px;
background: url(/gfx/home-2012/bg_recos.png) no-repeat left top;
}
:lang(it) #box_recos2 {
background: url(/gfx/home-2012/bg_recos_it.png) no-repeat left top;
}
:lang(en) #box_recos2 {
background: url(/gfx/home-2012/bg_recos_en.png) no-repeat left top;
}
:lang(es) #box_recos2 {
background: url(/gfx/home-2012/bg_recos_es.png) no-repeat left top;
}
:lang(de) #box_recos2 {
background: url(/gfx/home-2012/bg_recos_de.png) no-repeat left top;
}
#box_recos2 h2 {
position: absolute;
top: 11px;
left: 12px;
}
#box_recos2 #recommendToo {
margin-top: 30px;
}
#box_recos2 .SBShome_1Background {
padding:33px 0 0 30px;
}
#box_recos2 .SBShome_1img {
margin: 8px 0 0 0;
padding-bottom: 13px;
background: transparent url(/gfx/prods/ombre-produit.png) no-repeat center bottom;
}
#box_recos2 .SBShome_1recinner {
padding: 0;
}
#box_recos2 .SBShome_1recinner a.SBShome_1Line1 {
line-height: 13px;
}
#box_recos2 .SBShome_1recinner a.SBShome_1Line0:hover, #box_recos2 .SBShome_1recinner a.SBShome_1Line1:hover {
color: #00b5ea;
}
.SBShome_2Background {
display: none;
}
#box_recos2 .SBShome_1Background a.SBShome_1Line0, #box_recos2 .SBShome_2Background a.SBShome_2Line0 {
font-size: 11px;
text-transform: uppercase;
}
@media only screen and (max-width:767px){
#box_recos2, :lang(it) #box_recos2, :lang(en) #box_recos2, :lang(es) #box_recos2, :lang(de) #box_recos2 {
width: 100%;
height:100%;
margin:10px 0 0 0;
background:none;
}
#box_recos2 #recommendToo {
margin-top: 0;
}
#box_recos2 .SBShome_1Background {
display: none;
}
#box_recos2 .SBShome_2Background {
display: block;
width:100%;
margin:0!important;
}
#box_recos2 table.SBShome_2Items td {
padding: 0 20px;
}
.SBShome_2Background a.SBShome_2Line2 {
line-height: 30px;
}
}
@media only screen and (max-width: 660px) {
#box_recos2 table.SBShome_2Items td {
padding: 0 10px 0 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 639px) {
#box_recos2 table.SBShome_2Items td {
padding: 0 4px 0 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 599px) {
#box_recos2 table.SBShome_2Items td {
padding: 0 4px 0 12px;
}
}
@media only screen and (min-width: 531px) and (max-width: 575px) {
#box_recos2 table.SBShome_2Items td {
padding: 0 0 0 12px;
}
}
@media only screen and (max-width: 543px) {
#box_recos2 .SBShome_1Background {
display: block;
margin:0!important;
padding:0 0 0 30px;
}
#box_recos2 .SBShome_2Background {
display: none;
}
#box_recos2 table.SBShome_1Items td {
padding: 0 70px 0 30px;
}
#box_recos2 .SBShome_1recframe {
text-align: left;
}
.SBShome_1Background a.SBShome_1Line2 {
line-height: 30px;
}
}
@media only screen and (max-width:500px){
#box_recos2 table.SBShome_1Items td {
padding: 0 60px 0 30px;
}
}
@media only screen and (max-width:470px){
#box_recos2 table.SBShome_1Items td {
padding: 0 56px 0 30px;
}
}
@media only screen and (max-width:456px){
#box_recos2 table.SBShome_1Items td {
padding: 0 40px 0 20px;
}
}
@media only screen and (max-width: 440px){
#box_recos2 table.SBShome_1Items td {
padding: 0 30px 0 20px;
}
}
@media only screen and (max-width: 399px) {
#box_recos2 table.SBShome_1Items td {
padding: 0 15px 0 5px;
}
}*/
#box_recos2 {
width: 100%;
float:left;
}
#box_recos2 h2 {
margin:0 0 0 10px;
padding:0 0 0 18px;
font-size: 13px;
line-height:17px;
text-transform: uppercase;
color: #1C1C1C;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 0;
}
#box_recos2 #recommendToo {
margin-top: 15px;
}
#box_recos2 .SBShome_3Background {
margin-top:15px!important;
}
#box_recos2 .SBShome_3Background a.SBShome_3Line0,
#box_recos2 .SBShome_6Background a.SBShome_6Line0 {
text-decoration:none;
color: #77787b;
font-family: Arial;
font-weight: bold;
font-size:14px;
text-transform:uppercase
}
#box_recos2 .SBShome_3Background a.SBShome_3Line1,
#box_recos2 .SBShome_6Background a.SBShome_6Line1 {
text-decoration: none;
color: #77787b;
font-family: Arial;
font-weight: normal;
font-size: 14px;
line-height:22px;
max-width: 135px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
#box_recos2 .SBShome_3Background a.SBShome_3Line2,
#box_recos2 .SBShome_6Background a.SBShome_6Line2 {
text-decoration: none;
/*color: #e71e27;*/
color: #c41919;
font-family: Arial;
font-weight: bold;
font-size: 15px;
}
#box_recos2 .SBShome_3recinner a.SBShome_3Line0:hover, #box_recos2 .SBShome_3recinner a.SBShome_3Line1:hover,
#box_recos2 .SBShome_6recinner a.SBShome_6Line0:hover, #box_recos2 .SBShome_6recinner a.SBShome_6Line1:hover {
color: #07c4f4;
}
#box_recos2 .SBShome_6Background {
display: none;
}
@media only screen and (max-width:767px){
#box_recos2 .SBShome_3Background {
display: block;
width:100%;
}
#box_recos2 .SBShome_3recframe {
width:25%;
}
#box_recos2 .SBShome_3img img,
#box_recos2 .SBShome_6img img {
height: auto;
display: inline;
}
}
@media only screen and (max-width:639px){
#box_recos2 {
width: 100%;
height:100%;
}
#box_recos2 .SBShome_3Background {
display: none;
}
#box_recos2 .SBShome_6Background {
display: block;
width:100%;
margin-top:15px!important;
}
#box_recos2 .SBShome_6recframe {
width:50%;
}
#box_recos2 .SBShome_6recinner {
margin-bottom:10px;
}
}
/* Home bloc marques */
#box_marques {
float: left;
width: 1008px;
/*margin-top:15px;*/
margin-top:20px;
}
.soldes #box_marques {
margin-top:50px;
}
#box_marques h2 {
width: 100%;
margin: 25px 0 15px 0;
text-align: center;
}
#box_marques .contentMarques {
width: 1008px;
margin: 0;
}
#marquesPanneau {position:relative;width:100%;overflow:hidden;height:180px;}
.marquesLeftCol {/*position:absolute;left:0;top:0*/}
ul.marquesLeftCol {
padding: 0;
margin: 0;
list-style-type: none;
float: left;
overflow:hidden
}
ul.marquesLeftCol li {
margin: 20px 6px 0 0;
padding: 2px 0 2px 6px;
text-align: center;
width: 100px;
height: 66px;
float: left;
cursor: pointer;
}
ul.marquesLeftCol li a {
color:#1c1c1c;
font: 10px/9px Arial,Helvetica,Verdana,sans-serif;
display:block;
width:100px;
height:48px;
background:transparent url("/gfx/logo-marque/spr/all.png") no-repeat;
overflow:hidden;
text-indent:-9999px;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition: all 0.3s ease;
}
ul.marquesLeftCol li span {
display: block;
width:100px;
padding:6px 0 2px 0;
}
ul.marquesLeftCol li:hover a {
filter: none;
-webkit-filter: grayscale(0%);
}
ul.marquesLeftCol li:hover span {
color:#c00;
}
/* ----- end HOME ----- */
/* ----- PAGES ----- */
/*Page I love iCasque*/
#containeriLove {
position:relative;
float: left;
margin: 0 0 25px 0;
padding-top:214px;
background: transparent url(/gfx/ilove/iloveICC.png) no-repeat center top;
}
#enteteiLove {
position:absolute;
top:151px;
left:483px;
}
#enteteiLove h1 {
font-size:12px;
margin:0;
}
#enteteiLove p {
font-size:11px;
margin:0;
padding:0;
}
#blocAvis {
position: relative;
float: left;
width: 556px;
margin: 0 36px 0 200px;
padding: 0 0 0 0;
background: transparent url(/gfx/ilove/feuilleHaut.png) no-repeat 0 0;
}
ul#avis {
/*position:absolute;
top:55px;
left:0;*/
list-style-type:none;
/*margin:-227px 0 0 0;*/
margin:44px 0 0 0;
padding:0 0 50px 0;
min-height:430px;
z-index:1;
background: transparent url(/gfx/ilove/feuilleBas.png) no-repeat left bottom;
}
ul#avis li {
margin:0 0 0 3px;
padding:15px 0 5px 0;
width:512px;
background: transparent url(/gfx/ilove/bg_feuille.png) repeat-y left top;
}
ul#avis li:last-child, ul#avis li:nth-last-child(2) {
background: none;
}
ul#avis li:nth-last-child(2) {
width:513px;
}
ul#avis li span.auteurAvis {
display:block;
width:424px;
margin:0 0 0 42px;
padding-left:15px;
font-weight:bold;
background: transparent url(/gfx/pictos/arrow-grey2.png) no-repeat left top;
}
ul#avis li p.txtAvis {
width:424px;
padding-bottom:20px;
margin:5px 0 0 52px;
background: transparent url(/gfx/pictos/filet-dashed.png) repeat-x left bottom;
}
ul#avis li:last-child p.txtAvis {
background: none;
}
/*Page Univers*/
#enteteUnivers {
position:relative;
width:100%;
margin:10px 0;
padding-top:131px;
background: transparent url(/gfx/univers/entete-univers.jpg) no-repeat 0 0;
}
:lang(it) #enteteUnivers {
background: transparent url(/gfx/univers/head-univers_it.jpg) no-repeat 0 0;
}
:lang(en) #enteteUnivers {
background: transparent url(/gfx/univers/head-univers_en.jpg) no-repeat 0 0;
}
:lang(es) #enteteUnivers {
background: transparent url(/gfx/univers/head-univers_es.jpg) no-repeat 0 0;
}
:lang(de) #enteteUnivers {
background: transparent url(/gfx/univers/head-univers_de.jpg) no-repeat 0 0;
}
#enteteUnivers p {
position:absolute;
top:30px;
left:430px;
width:530px;
}
:lang(de) #enteteUnivers p {
top:25px;
left:530px;
width:460px;
}
hr.sepUnivers {
visibility: visible;
border: 0;
height: 8px;
width: 100%;
margin: 0;
background: transparent url(/gfx/habillage/filet.png) no-repeat center top;
}
#mosaicUnivers {
list-style-type:none;
height:750px;
margin:33px 0 0 0;
padding:0 0 20px 0;
}
#mosaicUnivers li {
float:left;
margin:0;
padding:0;
}
#mosaicUnivers li a {
position:relative;
display:block;
text-indent:-7000px;
background-image: url(/gfx/univers/mosaic-univers2.jpg);
background-repeat:no-repeat;
}
#mosaicUnivers li a#mu1 {
width:342px;
height:373px;
background-position:0 0;
}
#mosaicUnivers li a#mu2 {
width:322px;
height:373px;
background-position:-342px 0;
}
#mosaicUnivers li a#mu3 {
width:344px;
height:373px;
background-position:-664px 0;
}
#mosaicUnivers li a#mu4 {
width:342px;
height:377px;
background-position:0 -373px;
}
#mosaicUnivers li a#mu5 {
width:322px;
height:377px;
background-position:-342px -373px;
}
#mosaicUnivers li a#mu6 {
width:344px;
height:377px;
background-position:-664px -373px;
}
#mosaicUnivers li a#mu1:hover {
width:342px;
height:373px;
background-position:0 -750px;
}
#mosaicUnivers li a#mu2:hover {
width:322px;
height:373px;
background-position:-342px -750px;
}
#mosaicUnivers li a#mu3:hover {
width:344px;
height:373px;
background-position:-664px -750px;
}
#mosaicUnivers li a#mu4:hover {
width:342px;
height:377px;
background-position:0 -1123px;
}
#mosaicUnivers li a#mu5:hover {
width:322px;
height:377px;
background-position:-342px -1123px;
}
#mosaicUnivers li a#mu6:hover {
width:344px;
height:377px;
background-position:-664px -1123px;
}
#mosaicUnivers li .txt_univers {
display: none;
position: absolute;
text-indent: 0;
line-height: 17px;
}
#mosaicUnivers li:hover .txt_univers {
display:block;
}
#tu1 {
width: 230px;
top: 120px;
left: 87px;
}
#tu2 {
width: 203px;
top: 107px;
left: 10px;
}
#tu3 {
width: 220px;
top: 105px;
left: 33px;
}
#tu4 {
width: 230px;
top: 40px;
left: 87px;
}
#tu5 {
width: 250px;
top: 98px;
left: 40px;
}
#tu6 {
width: 218px;
top: 65px;
left: 23px;
}
@media only screen and (max-width:767px){
#enteteUnivers, :lang(it) #enteteUnivers, :lang(en) #enteteUnivers, :lang(es) #enteteUnivers, :lang(de) #enteteUnivers {
padding-top:80px;
background-position: -17px 0;
background-size: 650px;
}
#enteteUnivers p, :lang(de) #enteteUnivers p {
position:inherit;
top:inherit;
left:inherit;
width:auto;
padding:10px 10px 0 10px;
}
#mosaicUnivers {
max-width:640px;
height:inherit;
margin:20px auto 0 auto;
}
#mosaicUnivers li a {
background-size:936px;
}
#mosaicUnivers li a#mu1 {
width:318px;
height:346px;
background-position:0 0;
}
#mosaicUnivers li a#mu2 {
width:300px;
height:346px;
background-position:-318px 0;
}
#mosaicUnivers li a#mu3 {
width:318px;
height:350px;
background-position:-618px 0;
}
#mosaicUnivers li a#mu4 {
width:318px;
height:350px;
background-position:0 -346px;
}
#mosaicUnivers li a#mu5 {
width:300px;
height:350px;
background-position:-318px -346px;
}
#mosaicUnivers li a#mu6 {
width:318px;
height:350px;
background-position:-618px -346px;
}
#mosaicUnivers li a#mu1:hover, #mosaicUnivers li a#mu2:hover, #mosaicUnivers li a#mu3:hover, #mosaicUnivers li a#mu4:hover, #mosaicUnivers li a#mu5:hover, #mosaicUnivers li a#mu6:hover {
display:none;
}
#mosaicUnivers li:hover .txt_univers {
display:none;
}
}
@media only screen and (max-width:639px){
#mosaicUnivers {
max-width:inherit;
}
#mosaicUnivers li {
float:none;
}
#mosaicUnivers li a {
margin: 0 auto;
}
}
/*Page merci*/
#containerThanks {
float:left;
width:100%;
min-height:357px;
background: transparent url(/gfx/habillage/bkg-merci.jpg) no-repeat left top;
}
#containerThanks #contentThanks {
width:500px;
margin:70px 0 0 360px;
padding-bottom:10px;
min-height: 250px;
}
.titleThanks {
text-transform:uppercase;
font-size:72px;
font-family:Arial Black, Arial, Helvetica, sans-serif;
color:#04ccfc;
}
#contentThanks input[type="text"] {
border: none;
width:110px;
height:22px;
margin: 0 30px 0 0;
padding:0 7px;
font-size:11px;
background: transparent url(/gfx/quadpanel/champForm.png) no-repeat left top;
}
#contentThanks select {
margin: 0 20px 0 0;
font-size:12px;
}
#contentThanks li {
margin-bottom: 10px;
}
#containerThanks hr {
visibility:visible;
border:0;
height:10px;
width:100%;
margin:10px 0;
background: transparent url(/gfx/habillage/liseret.png) no-repeat center bottom;
}
@media only screen and (max-width:767px){
#containerThanks {
min-height:inherit;
background: none;
}
#containerThanks #contentThanks {
width:auto;
margin:0;
padding:10px;
min-height:inherit;
}
.titleThanks {
font-size:52px;
}
}
/* ----- end PAGES ----- */
/* ----- SECTIONS ----- */
/* Fil */
/*#breadcrumb {
color: #C9C0C1;
font-size: 11px;
font-weight: bold;
margin: 0 0 7px 0;
padding-left: 12px;
}
#breadcrumb a {
color:#C9C0C1;
}
.breadChild{
margin-left:5px;
height:10px;
width:200px;
display: inline;
}
@media only screen and (max-width:767px){
#breadcrumb {
display:none;
}
}*/
/* Titres */
.reff {
display: inline;
font-size: 0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}
h1.reff {
display: inline;
font-size: 0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}
h1.titreBox, h2.titreBox {
font-size:14px;
color:#1c1c1c;
height:20px;
line-height:20px;
margin:0;
padding:0 0 0 20px;
font-weight:normal;
text-transform:uppercase;
background: transparent url(/gfx/pictos/arrow-orange.png) no-repeat 0 0;
}
h2.reff {
letter-spacing: -5px;
position: absolute;
top: -5000px;
font-size: 0px;
}
/*h2 {
padding: 0 0 10px 0;
margin: 10px 0 10px 0;
font-size: 21px;
font-weight: bold;
color: #92a1ae;
clear: both;
}*/
h2.separation {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: transparent url(/gfx/pictos/separation.gif) repeat-x bottom;
font-size: 21px;
font-weight: bold;
color: #92a1ae;
clear: both;
}
h2.marques {
padding: 0 0 10px 0;
margin: 10px 0 10px 0;
background: transparent url(/gfx/pictos/separation.gif) repeat-x bottom;
font-size: 27px;
font-weight: normal;
color: #92a1ae;
clear: both;
}
h2.entry-inner {
font-size: 27px;
font-weight: normal;
color: #92a1ae;
clear: both;
}
h2.titreSection, h2.titreMarques, h3.titreFoot, h3.titreFoot2 {
margin:0;
padding:0;
}
h2.titreSection a, h3.titreFoot, h3.titreFoot2 {
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color:#1c1c1c;
padding: 5px 0 5px 25px;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 5px 3px;
}
h2.titreMarques a {
/*font-size: 13px;*/
font-size:16px;
font-weight: normal;
text-transform: uppercase;
color:#1c1c1c;
}
h2.titreMarques a > span {
font-weight: bold;
}
h2.titreBox2 {
font-size:12px;
color:#000;
font-weight:normal;
}
h3.reff {
display: inline;
font-size: 0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}
h3.titreFoot, h3.titreFoot2 {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color:#1c1c1c;
}
h3.titreFoot2 {
background: transparent url(/gfx/pictos/arrow-green.png) no-repeat 5px 3px;
}
span.titreFoot3 {
display:block;
float:left;
font-size: 13px;
font-weight: normal;
color:#1c1c1c;
padding: 5px 0 5px 25px;
}
.titreFootSection {
display: block;
padding: 0;
font-size: 13px;
}
span.titreAvisSection {
font-size: 11px;
color: #54A8DD;
}
span.titreFootBox {
text-transform:uppercase;
}
.titreBlue {
text-transform:uppercase;
font-size:11px;
color:#54a8dd;
}
.titreBoxColLeft3 {
width: 217px;
height: 24px;
border-bottom: 1px solid #ebeced;
background: transparent url(/gfx/titre-section/fond-titreBox3.png) no-repeat 0 0;
}
.titreBoxColLeft3 h2 {
height: 24px;
line-height: 24px;
margin: 0 0 0 13px;
padding: 0;
}
span.titleArrowBlue {
display: block;
padding: 3px 0 3px 18px;
font-size:12px;
font-weight:bold;
color:#54A8DD;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 0;
}
strong.titleBlackBlue {
/*display: block;*/
width: 186px;
padding-right: 18px;
line-height:14px;
font-size:12px;
background: transparent url(/gfx/pictos/arrow-grey2.png) no-repeat right 1px;
}
.titreBoxColRight, .titreBoxColRight2 {
width: 182px;
height: 34px;
border-bottom: 1px solid #eeeeef;
background: transparent url(/gfx/habillage/fond-titreBox.png) no-repeat 0 0;
}
.titreBoxColRight2 {
height: 49px;
background: transparent url(/gfx/habillage/fond-titreBox2.png) no-repeat 0 0;
}
span.titreCol, span.titreCol2, span.titreCol3 {
position:absolute;
left: 12px;
top:10px;
display: block;
height:34px;
margin: 0;
padding: 0 0 0 18px;
font-size: 12px;
color: #1C1C1C;
text-transform:uppercase;
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 0;
}
span.titreCol2 {
text-transform:none;
}
span.titreCol3 {
top:14px;
height:49px;
}
span.titleAccount {
display:block;
font-size:16px;
font-weight:bold;
padding-left:18px;
}
strong.title {
display: block;
color: #666;
margin: 2px;
padding: 0;
font-size: 14px;
font-weight: normal;
font-family: Georgia, Arial, Verdana;
clear: both;
}
strong.title.fat {
font-size: 16px;
line-height: 26px;
}
.titlePage {
text-transform: uppercase;
text-align: center;
font-size: 28px;
font-weight: normal;
}
h1.titlePage {
margin:18px 0;
}
@media only screen and (max-width: 767px) {
h2.marques {
font-size:22px;
margin: 10px;
}
}
/* Box new */
.box_section {
float:left;
width:100%;
margin-bottom:30px;
color:#010101;
}
.titleSection {
display:block;
position:relative;
margin:0;
padding:3px 0 8px 0;
/*font-family: 'ProximaNovaL';*/
color:#010101;
font-size:23px;
font-weight:lighter;
letter-spacing:-0.02em;
text-transform:uppercase;
background: transparent url(/gfx/habillage/bkg-title-section.png) repeat-x 0 bottom;
}
.titleSectionBold {
/*font-family: 'ProximaNovaB';*/
font-family:Arial Black;
}
.titleSection:after {
content: '';
position:absolute;
/*top:50%;*/
bottom:17px;
margin:-6px 0 0 15px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #000000 transparent transparent transparent;
}
.titleSectionSub {
position: absolute;
left: 0;
bottom: -20px;
font-size: 12px;
}
.box_section p {
margin: 25px 0 0 0;
padding: 0;
line-height:16px;
font-size: 12px;
text-align: justify;
letter-spacing: -0.05em;
}
@-moz-document url-prefix()
{
.box_section p {
line-height:17px;
}
}
a.lnkSection {
position:relative;
margin-top:10px;
padding-right:20px;
font-size:12px;
color:#4d4d4f;
text-transform:uppercase;
text-decoration:underline;
}
a.lnkSection:after {
content: '';
position:absolute;
/*top:50%;*/
bottom:17px;
margin:-5px 0 0 5px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent #000000;
}
@media only screen and (max-width: 767px) {
.box_section {
width:auto;
margin-bottom:20px;
}
.box_bloc {
padding: 0 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
}
@media only screen and (max-width: 480px) {
.titleSection {
font-size:21px;
}
.titleSectionSub {
font-size: 11px;
}
.titlePage {
font-size: 24px;
}
}
@media only screen and (max-width: 410px) {
.titleSectionSub {
font-size: 10px;
}
}
@media only screen and (max-width: 399px) {
.titleSection {
font-size:18px;
}
.box_section p {
margin-top: 15px;
}
a.lnkSection {
font-size:11px;
}
}
@media only screen and (max-width: 346px) {
.titleSectionSub {
bottom: -33px;
}
}
/* Blocs */
.smallSub {
padding: 0 5px 5px 5px;
font-size: 9px;
color: #333;
font-weight: bold;
}
.featured_price {
width: 123px;
border: 1px solid #E7E7E7;
margin-top: 5px;
padding: 4px 2px;
}
span.normal {
display: block;
line-height: 46px;
}
.messageStackError {
font-size: 12px;
/*color: #00cccc;*/
color: #a94442;
font-weight: bold;
}
.messageStackError > img {
display:none;
}
#tooltip {
position: absolute;
border: 1px solid #666;
padding: 4px 10px;
color: #333;
display: none;
}
div.outerBox {
border: 1px solid #e6e6e6;
padding: 4px;
margin: 0 auto 10px auto;
background: #eee;
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* ie */
}
div.mt5 {
width: 1008px;
}
div.innerBox {
border: 1px solid #e6e6e6;
background: #fff;
position: relative;
}
.listBox {
border: 1px solid #EEEEEF;
padding: 0;
margin: 0 auto 10px auto;
background: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.title_listBox {
position:relative;
width:100%;
/*line-height: 34px;
height: 34px;
background: url(/gfx/login/fond-table.png) repeat-x;*/
padding:8px 0;
background: #eaeaea center top no-repeat;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background-image: linear-gradient(top, #ffffff 0%, #eaeaea 100%);
}
.title_listBox span {
/*display: block;*/
display:inline-block;
margin-left: 19px;
/*padding-left: 18px;*/
padding:1px 0 1px 18px;
font-size:14px;
color:#2A2A2A;
/*background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 8px;*/
background: transparent url(/gfx/pictos/arrow-reco.png) no-repeat 0 1px;
}
.title_listBox span.lb {
margin-left: 15px;
/*padding-left: 16px;*/
font-size:12px;
}
div.inner_listBox {
background: #fff;
position: relative;
padding:10px;
}
div.inner_listBox textarea {
width:100%;
min-height: 150px;
border:none;
padding:0;
margin:0;
font-size:12px;
}
div.inner_listBox textarea:focus {
outline: 0;
}
.inner_listBox.has-error:after, .inner_listBox.has-success:after {
display:none;
}
/*.msgBox {padding:15px 10px 15px 70px;margin:20px;color:#000;font: bold 11px/20px verdana, sans-serif;}*/
/*.msgBox {padding:0 10px 10px 10px;color:#000;font-size:12px;}
.blocAccount .msgBox {padding:0 0 10px 0;}*/
.msgInfo {background:#FFF url('../gfx/messages/icon_check.gif') no-repeat 10px 10px;border:5px solid #CCFF00;}
.msgError {background:#FFF url('../gfx/messages/icon_yeild.gif') no-repeat 10px 10px;border:5px solid #F3DA63;}
.msgError a {text-decoration:underline}
.msgError a:hover {color:blue}
.zebraTable {width:100%; border-collapse: collapse;border:1px solid #CCC; padding:0; margin-bottom:1em}
.zebraTable th {background-color:#A2CA00;color:#FFF;margin:0; border-bottom:1px solid #CCC;padding:2px 5px}
.zebraTable td {margin:0; padding:2px 5px; border-bottom:1px solid #CCC; line-height:1.5em}
.zebraOdd {background:#EEE}
.zebraOver {background:#E1E9EA}
pre { border:2px dotted orange; /*position: absolute;*/text-align:left;background-color: #eee !important; opacity: 0.8; font-size: 11px !important; color: #000 !important; /*height:14px;*/ max-height: 800px; overflow:auto; }
pre:hover { opacity: 1; height: auto;}
/*.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; width:200px;background:#FFF;color:#333;border:1px solid #CCC;padding:1em;}*/
/* Colonnes */
#colRightServices, #colRightRecap {
float:left;
width:198px;
margin-left:18px;
padding:0;
}
#colRightServices {
display:none;
}
#serviceClient {
float:left;
width:198px;
height:230px;
margin: 0 0 0 0;
text-align:center;
background: transparent url(/gfx/login/bkg-sc.jpg) no-repeat center top;
}
#serviceClient .txtAide {
min-height:44px;
padding: 0 25px;
margin:54px 0 0 0;
font-size:19px;
font-weight:bold;
}
#serviceClient .telHoraires {
padding: 0 10px;
margin: 23px 0 0 0;
}
#garanties {
float:right;
margin-top:23px;
}
#colSocial {
position:relative;
float:right;
margin-top:0;
border-top: none;
}
.boxColRight2 {
position: relative;
width:182px;
margin-right: 5px;
border: 1px solid #eeeeef;
}
#garanties ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#garanties li {
position: relative;
width: 182px;
height: 45px;
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #eaebeb;
cursor:pointer;
}
#garanties li:hover {
background:#f8f8f8;
}
#garanties li span {
display:block;
height: 35px;
margin: 0;
padding: 10px 2px 0 73px;
font-weight: bold;
background: url(/gfx/common/sprite-garanties-col.png) no-repeat;
}
:lang(it) #garanties li span, :lang(en) #garanties li span, :lang(es) #garanties li span, :lang(de) #garanties li span {
background: url(/gfx/common/sprite-garanties-col_int.png) no-repeat;
}
#garanties li span#ga1 {
background-position: 4px 0;
}
#garanties li span#ga2 {
background-position: 4px -45px;
}
#garanties li span#ga3 {
background-position: 4px -90px;
}
#garanties li span#ga4 {
background-position: 4px -135px;
}
:lang(de) #garanties li span#ga4 {
font-size:11px;
}
#garanties li span#ga5 {
background-position: 4px -180px;
}
#garanties li span#ga6 {
background-position: 4px -225px;
}
#garanties li:nth-last-child(2) {
cursor:auto;
}
#garanties li:last-child {
border-bottom: none;
cursor:auto;
}
#colSocial p {
width:156px;
padding: 8px 0 76px 0;
margin:0 0 0 12px;
}
#colSocial a.colSocial-fb {
display: block;
position: absolute;
bottom: 0;
left: 18px;
width: 72px;
height: 66px;
text-indent: -7000px;
background: url(/images/icons/logos-fbtw.png) no-repeat 0 0;
}
#colSocial a.colSocial-twitter {
display: block;
position: absolute;
bottom: 0;
left: 90px;
width: 69px;
height: 66px;
text-indent: -7000px;
background: url(/images/icons/logos-fbtw.png) no-repeat -72px 0px;
}
#colLeftAll {
float:left;
width:196px;
margin:0;
}
/* ----- end SECTIONS ----- */
/* ----- POPUPS ----- */
/* Popup global */
/*.popShadow {
-webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
}
.popBox {
margin:0 10px;
}*/
.popTitle {
font-family:'DinRegular', Arial, Helvetica, sans-serif;
font-size:16px;
}
.popClose {
position:absolute;
display:block;
right:0;
top:0;
text-indent:-7000px;
}
/*.close {
position: absolute;
display: block;
width: 14px;
height: 15px;
padding: 0;
margin: 0;
text-indent: -7000px;
cursor: pointer;
overflow: hidden;
background: url(/gfx/ui/ui-icon-cross-small.png) no-repeat 0 0;
}*/
/* Popin cookies */
#cookieInfo {
position:relative;
padding:5px 10px;
background:#bababa;
color:#ffffff;
text-align:center;
}
/*#cookieInfo h1 {
position:relative;
margin:0;
padding:0;
font-size:15px;
font-weight:normal;
text-transform:uppercase;
}*/
#cookieInfo .close {
top:9px;
right:10px;
}
#cookieInfo p {
display:inline-block;
margin:0;
padding:0 25px 0 0;
font-size:11px;
}
#cookieInfo a {
color:#ffffff;
text-decoration:underline;
}
#cookieInfoOk {
width:50px;
padding:3px 10px;
margin-left:10px;
font-size:12px;
color: #ffffff;
font-weight:bold;
text-transform:uppercase;
border:1px solid #fff;
background:transparent;
}
#cookieInfoOk:hover {
color: #6D6E70;
background:#ffffff;
}
@media only screen and (max-width: 767px) {
#cookieInfo p {
padding-bottom:0px;
}
}
@media only screen and (max-width: 320px) {
#cookieInfo {
right:0;
box-sizing:border-box;
}
}
/* Popup newz */
#btn_newsletter {
cursor:pointer;
}
#pop_newsletter, :lang(it) #pop_newsletter, :lang(en) #pop_newsletter, :lang(es) #pop_newsletter, :lang(de) #pop_newsletter {
display:none;
position: absolute;
width:196px;
height: 172px;
padding: 154px 0 0 50px;
background: transparent url(/gfx/login/pop_newsletter.png) no-repeat;
cursor:move;
z-index:1002;
}
:lang(it) #pop_newsletter {
background: transparent url(/gfx/login/pop_newsletter_it.png) no-repeat;
}
:lang(en) #pop_newsletter {
background: transparent url(/gfx/login/pop_newsletter_en.png) no-repeat;
}
:lang(es) #pop_newsletter {
background: transparent url(/gfx/login/pop_newsletter_es.png) no-repeat;
}
:lang(de) #pop_newsletter {
background: transparent url(/gfx/login/pop_newsletter_de.png) no-repeat;
}
#pop_newsletter input {
border: none;
padding: 0 4px;
width:142px;
height:24px;
margin: 0 0 14px 0;
font-size:11px;
background: transparent;
}
#pop_newsletter a {
display:block;
text-indent:-9000px;
overflow:hidden;
width:150px;
height:30px;
cursor:pointer;
}
#pop_newsletter span {
text-align:center;
display:block;
margin: 15px 20px 0 -25px;
font-size: 12px;
color: #00cccc;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#pop_newsletter {
left:0!important;
margin:0 10px;
}
}
/* Popup garanties */
#popServices1, #popServices2, #popServices3, #popGaranties1, #popGaranties2, #popGaranties3, #popGaranties4, #popGaranties5, #popGaranties6, #popGaranties7, #popGaranties8, #popMentions, #popGroupDiscounts {
width:350px !important;
line-height:normal;
background:#fff !important;
}
@media only screen and (max-width: 614px) {
#popServices1, #popServices2, #popServices3, #popGaranties1, #popGaranties2, #popGaranties3, #popGaranties4, #popGaranties5, #popGaranties6, #popGaranties7, #popGaranties8, #popMentions, #popGroupDiscounts {
width:auto !important;
}
}
/* Popup Facebook */
#fbPopup {
width:328px;
height: 459px;
background: transparent url(/gfx/login/pop_facebook4.png) no-repeat;
}
.closePop {
position:absolute;
display:block;
top:11px;
right:15px;
width:24px;
height:21px;
text-indent:-7000px;
background: transparent url(/gfx/boutons/closePop.png) no-repeat;
}
#fbJaime {
position:absolute;
top:234px;
left:24px;
width:286px;
height:210px;
overflow:hidden;
margin-top:-3px;
margin-left:-3px;
}
#fbJaime iframe {
overflow: hidden;
border: none;
width: 292px;
height: 100%;
float: left;
margin-top:-3px;
margin-left:-3px;
}
/* Popup home soldes */
.ui-widget-content.popHome {
border: none;
background: none;
}
#homePopup .popClose {
width:54px;
height:38px;
/*right:7.1%;*/ /*ope agv*/
/*top:6.2%;*/ /*ope agv*/
right:0; /*Magic Days*/
top:0; /*Magic Days*/
}
/* Popup livraison avant noel */
#liv, #liv2 {
position: relative;
width:630px !important;
background:#fff;
overflow-y:auto!important;
padding: 12px 0 0 20px;
}
#liv p, #liv2 p {
padding: 10px 40px 10px 0;
margin: 0;
text-align: justify;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
}
#liv ul, #liv2 ul {
margin-left: 5px;
}
#liv li, #liv2 li {
list-style-type: decimal;
margin: 0 7px 7px 0;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
}
@media only screen and (max-width: 767px){
#liv, #liv2 {
width:auto!important;
}
}
/*Popup ope agv/diesel*/
#ui-dialog-title-wnd-ope-speciale {
width: 95%;
font-size:15px!important;
font-weight:bold!important;
color:#000!important;
}
#wnd-ope-speciale {
width:750px!important;
font-size:12px;
}
@media only screen and (max-width: 767px){
#wnd-ope-speciale {
width:auto!important;
}
}
@media only screen and (max-width: 614px){
#ui-dialog-title-wnd-ope-speciale {
width: 85%;
}
}
/*Popup ope*/
#popConditions, #popXmasGame {
width:720px !important;
line-height:normal;
font-size:13px;
background:#fff !important;
}
#popXmasGame {
width:700px !important;
}
#popConditions ul, #popXmasGame ul {
list-style-type:none;
margin:0;
padding:0;
}
#popConditions li, #popXmasGame li {
margin:2px 0;
}
#popConditions li > img, #popXmasGame li > img {
display:inline-block;
}
#popXmasGame p {
margin:10px 0;
}
@media only screen and (max-width: 767px) {
#popConditions, #popXmasGame {
width:auto !important;
max-width:720px;
}
}
@media only screen and (max-width: 614px) {
#popConditions, #popXmasGame {
width:auto !important;
}
}
/* ----- end POPUPS ----- */
/***** MOBILE/TABLETS/DESKTOP BR *****/
/* Reset */
@media only screen and (max-width:767px){
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
/*font-size:100%;*/
vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
/*line-height: 1;*/
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table, tr, td, th {
vertical-align:middle;
}
img, object, embed, canvas, video, audio, picture {
max-width: 100%;
height: auto;
_width: 100%;
}
}
/* end Reset */
/* DESKTOP BR */
@media only screen and (min-width: 950px) and (max-width: 1007px) {
/*.noMobile, .tablet {display:auto!important}
.mobile, .noTablet {display:none!important}*/
}
/* end DESKTOP BR */
/* TABLETS */
@media only screen and (min-width:768px){
.mobile, .tablet {display:none!important}
.noMobile, .noTablet {display:auto!important}
.short {display:none!important}
.long {display:auto!important}
.mobile-hr {display:none!important}
/*.sub-nav {display:none!important}*/
}
@media only screen and (min-width: 768px) and (max-width: 949px) {
.tablet {display:auto!important}
}
/* end TABLETS */
/* MOBILES */
@media (max-device-width:768px) and (orientation:landscape) {
html {-webkit-text-size-adjust:100%}
}
@media only screen and (max-width:767px){
.noMobile, .tablet {display:none!important}
.mobile, .noTablet {display:auto!important}
.short {display:auto!important}
.long {display:none!important}
.titleMob {
display: block;
padding: 10px 10px 20px 10px;
font-size: 17px;
font-weight: bold;
}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
.mobile-hr {display:auto!important}
}
@media only screen and (min-width: 640px) {
.noMobile-mr {display:auto!important}
}
@media only screen and (max-width: 639px) {
.mobile-hr {display:none!important}
.noMobile-mr {display:none!important}
}
@media only screen and (max-width: 614px) {
.noMobile-614 {display:none!important}
}
@media only screen and (min-width: 615px) {
.noMobile-614 {display:auto!important}
}
@media only screen and (min-width: 480px) {
.mobile-br {display:none!important}
.noMobile-br {display:auto!important}
.mobile-mr {display:auto!important}
}
@media only screen and (max-width:479px){
.mobile-br {display:auto!important}
.noMobile-br {display:none!important}
.mobile-mr {display:none!important}
}
@media only screen and (max-width: 399px) {
.titleMob {
font-size: 16px;
}
}
/* MOBILES */