/*---------------*\
$RESET
\*---------------*/
*{margin:0;padding:0}
#center {width: 100% !important;}
#center_part_2_full {float: none !important;width: 100% !important;}
#contenuhome {margin: 0 !important;}
#bottomfooter {margin-top: 0 !important;}
#ftr {margin-top: 0 !important;}
b{font-weight: bold;}

/*---------------*\
SPORT CONNECTE
\*---------------*/
#sport-connecte *,
#sport-connecte *::before,
#sport-connecte *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}
#sport-connecte h1,
#sport-connecte h2,
#sport-connecte h3,
#sport-connecte h4,
#sport-connecte h5,
#sport-connecte h6 {background: none;border: 0 none;display: block;float: none;font-family: 'Open Sans', sans-serif;margin: 0;padding: 0;}
#sport-connecte strong {font-weight: 700;}
#sport-connecte em {font-style: italic;}
#sport-connecte img {height: auto;max-width: 100%;vertical-align: bottom;}
#sport-connecte ul {list-style: none;margin: 0;padding: 0;}
#sport-connecte .text-left {text-align: left;}
#sport-connecte .text-center {text-align: center;}
#sport-connecte .text-right {text-align: right;}
#sport-connecte,
#sport-connecte .btn,
#sport-connecte .btn:focus,
#sport-connecte .btn:hover,
#sport-connecte .title {font-family: 'Open Sans', sans-serif;}
@media only screen and (max-width: 767px){#sport-connecte .hidden-phone {display: none !important;}}
@media only screen and (min-width: 768px){#sport-connecte .visible-phone {display: none !important;}}

/* BUTTONS */
#sport-connecte .btn,
#sport-connecte .btn:focus,
#sport-connecte .btn:hover {border: 1px solid;display: inline-block;font-size: 14px;font-weight: 400;height: 38px;line-height: 32px;padding: 2px 8px;text-align: center;text-decoration: none;border-radius: 3px;-webkit-transition: all ease .3s;transition: all ease .3s;}

/* TITRES */
#sport-connecte .section-title {color: #3e3e3e;font-weight: 400;text-align: center;text-transform: uppercase;}
@media only screen and (max-width: 767px){#sport-connecte .section-title {font-size: 16px;line-height: 18px;margin: 30px 0 10px;}}
@media only screen and (min-width: 768px){#sport-connecte .section-title {font-size: 22px;line-height: 25px;margin: 30px 0;}}

/* STRUCTURE */
#sport-connecte .clearfix::before,
#sport-connecte .clearfix::after {display: table;content: " ";}
#sport-connecte .clearfix::after {clear: both;}
#sport-connecte .container {margin: 0 auto;max-width: 1000px;padding: 0px;position: relative;}

/* header */
#sport-connecte #header-hub {background: #f2ebe7;padding: 0;}
#sport-connecte #header-hub .container {padding: 0;max-width: 1094px;}

#sport-connecte #header-hub p {color: #fff;line-height: 1;position: absolute;}
#sport-connecte #header-hub .btn,
#sport-connecte #header-hub .btn:focus,
#sport-connecte #header-hub .btn:hover {bottom: 10px;color: #fff;left: 50%;position: absolute;}
body > div > #header-hub > div > a{width:100%;height:100%;display:block;position:absolute;top:0;left:0}
#sport-connecte #header-hub img {height: auto;display: block;}
@media only screen and (max-width: 329px){
    #sport-connecte #header-hub .btn,
    #sport-connecte #header-hub .btn:focus,
    #sport-connecte #header-hub .btn:hover {margin-left: -80px !important;width: 160px !important;}
}
@media only screen and (max-width: 767px){
    #sport-connecte #header-hub img {width: 100%;}
    #sport-connecte #header-hub p {font-size: 15px;text-align: center;font-family: 'Open Sans',Arial,sans-serif;left: 0;right: 0;top: 10px;}
    #sport-connecte #header-hub .btn,
    #sport-connecte #header-hub .btn:focus,
    #sport-connecte #header-hub .btn:hover {background-color: #fee596;bottom: 10px;margin-left: -95px;width: 190px;color: #6e6d6a;border-color: transparent;}
    #sport-connecte #header-hub .btn:hover {background-color: #fee596;border-color: #fee596;}
}
@media only screen and (min-width: 768px){
#sport-connecte #header-hub img {
    width:1094px;
    max-width:1094px;
    margin: 0 auto;
}
.container .product a,
.container .product a *{
    position:relative;
    z-index:1;
}
.container .product a:hover span.G5{
    opacity:1;
    transition:.2s all;
}
.container .product a span.G5{
    position:absolute;
    opacity:0;
    transition:.4s all;
    width:100%;
    bottom: 0;
    left: 0;
    background:#fff;
    height:158px;
    z-index:2;
}
.container .product a span.G5 .btn{
    position:absolute;
    width:128px;
    color:#00607f !important;
    border-color:#00607f !important;
    background:#fff !important;
    z-index:3;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
            transform:translate(-50%,-50%);
    background:#fff;
    height:38px;
}
#sport-connecte #header-hub .btn,
#sport-connecte #header-hub .btn:focus,
#sport-connecte #header-hub .btn:hover {
background-color: #fee596;
border-color: #fee596;
margin-left: -105px;
width: 190px;
color: #676767;
}
}

/* PRODUCTS */
#sport-connecte .section-products {}
#sport-connecte .section-products .product.indispo:after {content: "";background: rgba(255,255,255,0.8);display: block;width: 100%;height: 100%;z-index: 99;position: absolute;top: 0px;left: 0px;}
#sport-connecte .section-products .product.indispo .indispoTxt {display: block;position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size: 16px;z-index: 100;}
#sport-connecte .section-products .product a,
#sport-connecte .section-products .product a:focus,
#sport-connecte .section-products .product a:hover {
color: #000;
display: block;
text-decoration: none;
}
#sport-connecte .section-products .product .odr {
display: block;
font-size: 12px;
min-height: 15px;
text-align: center;
text-transform: uppercase;
}
#sport-connecte .section-products .product .visuel {
display: block;
height: 180px;
margin: auto;
position: relative;
}
#sport-connecte .section-products .product img {
left: 50%;
max-height: 100%;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#sport-connecte .section-products .product .rating.r10,
#sport-connecte .section-products .product .rating.r15,
#sport-connecte .section-products .product .rating.r20,
#sport-connecte .section-products .product .rating.r25,
#sport-connecte .section-products .product .rating.r30,
#sport-connecte .section-products .product .rating.r35,
#sport-connecte .section-products .product .rating.r40,
#sport-connecte .section-products .product .rating.r45,
#sport-connecte .section-products .product .rating.r50 {
background-image: url('../images/rating.png');
display: block;
height: 11px;
position: absolute;
top: 208px;
width: 72px;
}
#sport-connecte .section-products .product .rating.r10 {background-position:0 -11px;}
#sport-connecte .section-products .product .rating.r15 {background-position:0 -22px;}
#sport-connecte .section-products .product .rating.r20 {background-position:0 -33px;}
#sport-connecte .section-products .product .rating.r25 {background-position:0 -44px;}
#sport-connecte .section-products .product .rating.r30 {background-position:0 -55px;}
#sport-connecte .section-products .product .rating.r35 {background-position:0 -66px;}
#sport-connecte .section-products .product .rating.r40 {background-position:0 -77px;}
#sport-connecte .section-products .product .rating.r45 {background-position:0 -88px;}
#sport-connecte .section-products .product .rating.r50 {background-position:0 -99px;}
#sport-connecte .section-products .product .brand {
color: #3b3b3b;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 19px;
padding-right: 72px;
}
#sport-connecte .section-products .product .desc {
color: #3b3b3b;
display: block;
font-size: 14px;
line-height: 17px;
min-height: 51px;
margin-bottom: 5px;
}
#sport-connecte .section-products .product ul {
list-style: none;
min-height: 45px;
padding: 0 0 0 1px;
}
#sport-connecte .section-products .product li {
font-size: 12px;
line-height: 15px;
}
#sport-connecte .section-products .product li:before {
content: "\2022";
display: inline-block;
margin-right: 3px;
vertical-align: middle;
}
#sport-connecte .section-products .product .oldprice {
display: block;
font-size: 14px;
line-height: 17px;
margin-top: -34px;
text-align: right;
text-decoration: line-through;
min-height: 17px;
}
#sport-connecte .section-products .product .oldprice sup {
font-size: 10px;
vertical-align: top;
}
#sport-connecte .section-products .product .price {
display: block;
font-size: 24px;
font-weight: 700;
line-height: 1;
text-align: right;
}
#sport-connecte .section-products .product .price sup {
font-size: 14px;
vertical-align: top;
}
#sport-connecte .section-products .product .btn {
background-color: #fff;
border-color: #abeefe;
color: #abeefe;
display: block;
margin: auto;
width: 128px;
}
#sport-connecte .section-products .product a:hover .btn {
background-color: #abeefe;
color: #fff;
}
#sport-connecte .section-products .owl-nav .disabled{opacity: 0.4;cursor: default !important;}
#sport-connecte .section-products .owl-nav div, #sport-connecte .section-banners .owl-nav div {
background-image: url('../images/sprite-arrow.png');
font-size: 0;
height: 24px;
position: absolute;
top:43%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 13px;
}
#sport-connecte .section-products .owl-nav .owl-prev, #sport-connecte .section-banners .owl-nav .owl-prev {background-position: 100% 50%;}
#sport-connecte .section-products .owl-nav .owl-next, #sport-connecte .section-banners .owl-nav .owl-next {background-position: 0 50%;}
#sport-connecte .section-products .owl-dots {
font-size: 0;
text-align: center;
}
#sport-connecte .section-products .owl-dots .owl-dot {
background-color: #dadada;
display: inline-block;
border-radius: 50%;
}
#sport-connecte .section-products .owl-dots .owl-dot.active {background-color: #00607f;}
@media only screen and (max-width: 767px){
#sport-connecte .section-products .product a,
#sport-connecte .section-products .product a:focus,
#sport-connecte .section-products .product a:hover {padding: 10px 25px;}
#sport-connecte .section-products .product .desc {max-width: 70%;}
#sport-connecte .section-products .product .rating.r10,
#sport-connecte .section-products .product .rating.r15,
#sport-connecte .section-products .product .rating.r20,
#sport-connecte .section-products .product .rating.r25,
#sport-connecte .section-products .product .rating.r30,
#sport-connecte .section-products .product .rating.r35,
#sport-connecte .section-products .product .rating.r40,
#sport-connecte .section-products .product .rating.r45,
#sport-connecte .section-products .product .rating.r50 {right: 25px;}
#sport-connecte .section-products .product ul {margin: 0 0 20px;}
#sport-connecte .section-products .product .btn {display: none;}
#sport-connecte .section-products .owl-nav .owl-prev {left: 5px;}
#sport-connecte .section-products .owl-nav .owl-next {right: 5px;}
#sport-connecte .section-products .owl-dots .owl-dot {
height: 10px;
margin: 15px 6px;
width: 10px;
}
}
@media only screen and (min-width: 768px){
#sport-connecte .section-products .product a,
#sport-connecte .section-products .product a:focus,
#sport-connecte .section-products .product a:hover {padding: 10px;}
#sport-connecte .section-products .product .desc {max-width: 75%;}
#sport-connecte .section-products .product .rating.r10,
#sport-connecte .section-products .product .rating.r15,
#sport-connecte .section-products .product .rating.r20,
#sport-connecte .section-products .product .rating.r25,
#sport-connecte .section-products .product .rating.r30,
#sport-connecte .section-products .product .rating.r35,
#sport-connecte .section-products .product .rating.r40,
#sport-connecte .section-products .product .rating.r45,
#sport-connecte .section-products .product .rating.r50 {right: 10px;}
#sport-connecte .section-products .product ul {margin: 0 0 20px;min-height: 64px;}
#sport-connecte .section-products .owl-nav .owl-prev, #sport-connecte .section-banners .owl-nav .owl-prev {left: -18px;}
#sport-connecte .section-products .owl-nav .owl-next, #sport-connecte .section-banners .owl-nav .owl-next {right: -18px;}
#sport-connecte .section-products .owl-dots .owl-dot {
height: 10px;
margin: 12px 6px;
width: 10px;
}
}

/* SELECTION */
#sport-connecte .section-selection article {
float: left;
overflow: hidden;
text-align: center;
position: relative;
margin: 0 .4% 7px;
width: 24.2%;
}
#sport-connecte .section-selection article a,
#sport-connecte .section-selection article a:focus,
#sport-connecte .section-selection article a:hover {
color: #fff;
display: block;
text-decoration: none;
}
#sport-connecte .section-selection article a p {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 100%;
    max-height: 50px;
    height: 50px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    display: table;
}
#sport-connecte .section-selection article a p span {
    text-transform: uppercase;
    color:#FFF;
    font: 400 17px/17px 'Open Sans',Arial,sans-serif;
    display: table-cell;
    vertical-align: middle;
}
#sport-connecte .section-selection .btn,
#sport-connecte .section-selection .btn:focus,
#sport-connecte .section-selection .btn:hover {
background-color: #fee596;
border-color: #fee596;
color: #676767;
margin-top: 23px;
width: 200px;
}
@media only screen and (max-width: 767px){
#sport-connecte .section-selection article {
margin: 0 .4% 7px;
width: 100%;
}
#sport-connecte .section-selection article .title {
font-size: 13px;
left: 6%;
top: 30%;
}
#sport-connecte .section-selection article .title:after {
max-width: 90px;
width: 100%;
}
#sport-connecte .section-selection .blocked{
display: block;
font-size: 0px;
padding: 0px;
border: 0px;
}
}

/* BANNERS */
@media only screen and (max-width: 767px){
    #sport-connecte .section-selection article{
        margin: 0 2% 2%;
        width: 96%;
        height: 150px;
        overflow:hidden;
    }
    #sport-connecte .section-selection article a{
        max-height: 150px;
    }
    #sport-connecte .section-selection article:nth-child(1){background:#7cc3df}
    #sport-connecte .section-selection article:nth-child(2){background:#5197b1}
    #sport-connecte .section-selection article:nth-child(3){background:#316a7e}
    #sport-connecte .section-selection article:nth-child(4){background:#204f61}
    #sport-connecte .section-banners {
        margin-bottom: 35px;
        padding: 0 15px;
    }
    #sport-connecte .section-banners .owl-nav {}
    #sport-connecte .section-banners .owl-nav div {
        background-image: url('../images/sprite-arrow.png');
        font-size: 0;
        height: 24px;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        width: 13px;
    }
    #sport-connecte .section-banners .owl-nav .owl-prev {
        background-position: 100% 50%;
        left: -18px;
    }
    #sport-connecte .section-banners .owl-nav .owl-next {
        background-position: 0 50%;
        right: -18px;
    }
}
    /*

    */
@media only screen and (min-width: 768px){
#sport-connecte .section-banners {
margin:0;
}
#sport-connecte .section-banners a,
#sport-connecte .section-banners a:focus,
#sport-connecte .section-banners a:hover {}
#sport-connecte .section-banners .owl-dots {font-size: 0;}
#sport-connecte .section-banners .owl-dots .owl-dot {
background-color: #dadada;
display: inline-block;
height: 10px;
margin: 12px 6px;
width: 10px;
border-radius: 50%;
}
#sport-connecte .section-banners .owl-dots .owl-dot.active {background-color: #00607f;}
}

/* ARTICLES */
#sport-connecte .section-articles article {background-color: #231f20;}
#sport-connecte .section-articles article a,
#sport-connecte .section-articles article a:focus,
#sport-connecte .section-articles article a:hover {
color: #fff;
display: block;
position: relative;
text-decoration: none;
}
#sport-connecte .section-articles article .title {
border: 0 none;
display: block;
}
#sport-connecte .section-articles article .desc {display: block;}
#sport-connecte .section-articles article .btn {
background-color: #231f20;
border-color: #fff;
color: #fff;
left: 50%;
position: absolute;
}
#sport-connecte .section-articles article a:hover .btn {
background-color: #fff;
color: #231f20;
}
@media only screen and (max-width: 767px){
#sport-connecte .section-articles {padding-bottom: 22px;}
#sport-connecte .section-articles article {margin-bottom: 6px;}
#sport-connecte .section-articles article a,
#sport-connecte .section-articles article a:focus,
#sport-connecte .section-articles article a:hover {
display: table;
width: 100%;
}
#sport-connecte .section-articles article img {
display: table-cell;
vertical-align: middle;
}
#sport-connecte .section-articles article .title {
display: table-cell;
font-size: 15px;
line-height: 18px;
padding: 0 10px;
vertical-align: middle;
width: 63%;
}
#sport-connecte .section-articles article .desc,
#sport-connecte .section-articles article .btn {display: none;}
}
@media only screen and (min-width: 768px){
    #sport-connecte .section-articles {padding-bottom: 0;}
    #sport-connecte .section-articles article {
    float: left;
    margin: 0 .5%;
    text-align: center;
    width: 32.666%;
    }
    #sport-connecte .section-articles article:nth-child(1) {margin-left: 0;}
    #sport-connecte .section-articles article:nth-child(3) {margin-right: 0;}
    #sport-connecte .section-articles article img {width: 100%;}
    #sport-connecte .section-articles article .title {
    border: 0 none;
    display: block;
    font-size: 21px;
    line-height: 24px;
    padding: 20px 10px 16px;
    min-height: 90px;
    }
    #sport-connecte .section-articles article .desc {
    display: block;
    font-size: 14px;
    line-height: 19px;
    padding: 0 10px;
    min-height: 90px;
    }
    #sport-connecte .section-articles article .btn {
    bottom: 20px;
    font-size: 14px;
    height: 38px;
    line-height: 32px;
    margin-left: -52px;
    width: 129px;
    }
}

/* SHARE */
#sport-connecte .section-share {
font-size: 0;
padding-bottom: 15px;
text-align: center;
}
#sport-connecte .section-share a,
#sport-connecte .section-share a:focus,
#sport-connecte .section-share a:hover {
display: inline-block;
margin: 0 5px;
text-decoration: none;
}
.fff4{background:#00607f !important;color:#fff !important;padding:2px 70px !important;margin-bottom:40px !important}
.grey{background:#f7f7f7;padding:20px 0 40px 0;margin:20px 0}
.grey h2{margin:0 auto 20px auto !important}

.date{z-index:5}
.livraison{padding-bottom:20px;display:block}