/************************************************************************************************************/ /* body accueil style */ /************************************************************************************************************/ /*/////////////////////////////////////////////////*/ /* section id=wrapper_body */ /*/////////////////////////////////////////////////*/ @media only screen and (min-width: 980px){ #wrapper_body{background-color:white;max-width:980px;margin:auto;overflow:hidden;} } /*/////////////////////////////////////////////////*/ /* section id=slider-friday */ /*/////////////////////////////////////////////////*/ img{border-style:none;vertical-align:middle;} #slider-friday{display:none;} /*/////////////////////////////////////////////////*/ /* section id=ligne_slider */ /*/////////////////////////////////////////////////*/ ul,li{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;} @media screen and (min-width: 980px){ #main-general br{display:block;} #ligne_slider{margin:auto;width:979px;} #ligne_slider #liens_marques{display:none;border-top:5px solid #FFE534;height:256px;background:#f2f2f2;float:left;margin-right:19px;width:310px;} } @media screen and (max-width: 979px) and (max-width: 979px){ #main-general #ligne_slider{display:none;} } @media screen and (max-width: 979px) and (max-width: 979px){ #main-general #ligne_slider{display:block;width:100%;} #main-general #ligne_slider img{width:98%;margin:auto;display:block;} #liens_marques > ul{display:none;} #liens_marques{display:none;} } .new-seo-h2{font-size:14px;line-height:3em;margin:0;font-weight:bold;} @media (max-width: 479px){ .owl-carousel{display:none!important;} } @media only screen and (min-width: 980px){ #ligne_slider{max-width:970px;} } section#ligne_slider{clear:left;} #main-general #ligne_slider img{margin:0;border:none;} .owl-dots{text-align: center;} /*/////////////////////////////////////////////////*/ /* section id=push */ /*/////////////////////////////////////////////////*/ p{margin:0 0 0 0;padding:0 0 0 0;} @media screen and (min-width: 980px){ #push{margin:18px auto;margin-bottom:35px;width:980px;} #push #garanties_shogun{width:310px;height:560px;float:left;margin-right:19px;position:absolute;} #push .univers_Moto:before{content:"MOTOS";font-size:19px;font-weight:600;position:absolute;left:60px;top:6px;} #push .univers_Moto:hover{background-color:#343434;color:#FFE434;} #push .univers_Moto{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Moto:after{content:" ";background-image:url(/images/univers/univers-moto.jpg);height:110px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push .univers_Motocrossetenduro:before{content:"MX & ENDURO";font-size:19px;font-weight:600;position:absolute;top:6px;left:27px;} #push .univers_Motocrossetenduro:hover{background-color:#343434;color:#FFE434;} #push .univers_Motocrossetenduro{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Motocrossetenduro:after{content:" ";background-image:url(/images/univers/univers-motocross.jpg);height:120px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push .univers_Scooter:before{content:"SCOOTER";font-size:19px;font-weight:600;position:absolute;left:47px;top:6px;} #push .univers_Scooter:hover{background-color:#343434;color:#FFE434;} #push .univers_Scooter{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Scooter:after{content:" ";background-image:url(/images/univers/univers-scooter.jpg);height:120px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push .univers_Quad:before{content:"QUAD";font-size:19px;font-weight:600;position:absolute;left:68px;top:6px;} #push .univers_Quad:hover{background-color:#343434;color:#FFE434;} #push .univers_Quad{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Quad:after{content:" ";background-image:url(/images/univers/univers-quad.jpg);height:120px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push .univers_Accessoire:before{content:"ACCESSOIRES";font-size:19px;font-weight:600;position:absolute;left:26px;top:7px;} #push .univers_Accessoire:hover{background-color:#343434;color:#FFE434;} #push .univers_Accessoire{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Accessoire:after{content:" ";background-image:url(/images/univers/univers-accessoires.jpg);height:120px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push .univers_Equipement:before{content:"EQUIPEMENTS";font-size:19px;font-weight:600;position:absolute;left:24px;top:6px;} #push .univers_Equipement:hover{background-color:#343434;color:#FFE434;} #push .univers_Equipement{background-color:#FFE434;height:35px;width:185px;margin-top:-26px;position:relative;left:-6px;color:#343434;border:1px solid #C6C6C6;border-bottom:0;} #push .univers_Equipement:after{content:" ";background-image:url(/images/univers/univers-equipements.jpg);height:120px;width:175px;display:block;margin-top:36px;margin-left:6px;} #push #univers-ctt #univers2 > p{display:none;} #push #univers-ctt #univers2 > ul{margin-bottom:20px;height:620px;overflow:hidden;} #push #univers-ctt #univers2 > ul > li:nth-child(1){margin-left:344px;} #push #univers-ctt #univers2 > ul > li:nth-child(4){margin-left:344px;} #push #univers-ctt ul li{height:245px;display:inline-block;float:left;vertical-align:top;border:1px solid #C6C6C6;position:relative;width:175px;padding:5px;margin:29px 0px 22px 18px;} #push #univers-ctt ul li dl{margin-top:134px;} #push #univers-ctt ul li dl dt{position:absolute;margin:0;float:left;bottom:3px;font-size:13px;background:#f2f2f2;width:185px;height:30px;margin-bottom:-3px;margin-left:-5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} #push #univers-ctt ul li dl dt a:hover{color:#96CD13;} #push #univers-ctt ul li dl dt a{margin:auto;} #push #univers-ctt ul li dl dd{margin:0;float:left;width:80px;margin-left:0px;line-height:14px;height:14px;} #push #univers-ctt ul li dl dd a:hover{color:#96CD13;} #push #univers-ctt ul li dl dd a{color:#777777;font-weight:100;font-size:12px;} #push #univers-ctt ul li dl dd img{display:none;} #push #univers-ctt .other-univers{font-size:14px;font-weight:bold;margin-left:345px;font-family:"HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;} } @media screen and (max-width: 979px) and (max-width: 979px){ #main-general #push #garanties_shogun{display:none;} .spx.row.piece-border.borderT .custum,.list-souscatg-child-univers{display:none;} } @media screen and (max-width: 979px) and (max-width: 979px){ #univers2 .h2-title{display:none;} #univers2 p{display:none;} #univers2 > ul > li{margin:3px;margin-left:7px;-webkit-flex:31% 1;} #univers2 > ul{-webkit-flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:flex;height:auto;overflow:hidden;display:-webkit-flex;} .univers_Moto:before{content:"MOTOS";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Moto{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Moto:after{content:" ";background-image:url(/images/univers/univers-moto.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} .univers_Motocrossetenduro:before{content:"MX & ENDURO";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Motocrossetenduro{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Motocrossetenduro:after{content:" ";background-image:url(/images/univers/univers-motocross.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} .univers_Scooter:before{content:"SCOOTER";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Scooter{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Scooter:after{content:" ";background-image:url(/images/univers/univers-scooter.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} .univers_Quad:before{content:"QUAD";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Quad{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Quad:after{content:" ";background-image:url(/images/univers/univers-quad.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} .univers_Accessoire:before{content:"ACCESSOIRES";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Accessoire{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Accessoire:after{content:" ";background-image:url(/images/univers/univers-accessoires.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} .univers_Equipement:before{content:"EQUIPEMENTS";text-align:center;font-size:19px;font-weight:600;width:100%;display:block;background-color:#FFE434;position:absolute;left:0;} .univers_Equipement{color:#343434;border-bottom:0;height:150px;max-width:182px;margin:auto;} .univers_Equipement:after{content:" ";background-image:url(/images/univers/univers-equipements.jpg);width:100%;background-size:100%;background-repeat:no-repeat;background-position:center center;height:129px;display:block;margin:auto;position:relative;top:23px;} #univers2 > ul > li dl{margin:0;} #univers2 > ul > li:nth-child(1) > dl > dd:nth-child(10) > img{display:none;} #univers2 > ul > li:nth-child(2) > dl > dd:nth-child(9) > img{display:none;} #univers2 > ul > li:nth-child(3) > dl > dd:nth-child(10) > img{display:none;} #univers2 > ul > li:nth-child(4) > dl > dd:nth-child(10) > img{display:none;} #univers2 > ul > li:nth-child(5) > dl > dd:nth-child(10) > img{display:none;} #univers2 > ul > li:nth-child(6) > dl > dd:nth-child(10) > img{display:none;} #univers2 > ul > li{float:left;width:30%;margin-bottom:8px;border:1px solid #C6C6C6;position:relative;} #univers2 dl{position:relative;height:230px;} #univers2 dl dt{position:absolute;bottom:0;width:100%;} #univers2 dd{margin:0;margin-bottom:9px;margin-top:9px;font-size:14px;width:100%;text-align:center;} #univers2 dd img{display:none;} #univers2 > ul > li > dl > dt > a{font-weight:bold;font-size:0.8em;height:24px;} #univers2 > ul > li > dl > dt{background:#f2f2f2;text-align:center;} #main-general #push #garanties_shogun{width:100%;display:-webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;display:flex;min-height:200px;height:auto;} #main-general #push #garanties_shogun #sidebar-one{padding-top:0;} #univers2 > .other-univers > a{display:block;margin:5px auto;width:103px;} #univers2 .h2-title{text-align:center;font-weight:bold;width:100%;left:0px;font-size:11px;display:block;} #univers-ctt{margin:auto;} #univers2{margin:auto;} #push{flex-wrap:wrap-reverse;display:flex;display:-webkit-flex;-webkit-flex-direction:row;-webkit-flex-wrap:wrap-reverse;min-height:200px;height:auto;} } @media screen and (max-width: 979px) and (max-width: 979px){ .back{content:"";width:100%;display:block;} } #garanties_shogun #sidebar-one{padding-top:52px;} #garanties_shogun #sidebar-one li{clear:left;min-height:250px;} #garanties_shogun #sidebar-one .new-seo-h2.title-sidebar{border-top:4px solid #ffe434;font-size:14px;line-height:3em;margin:0;} @media only screen and (max-width: 979px){ #garanties_shogun #sidebar-one{margin:auto;} } @media only screen and (min-width: 980px){ #push #garanties_shogun{transform:translateX(2%);-webkit-transform:translateX(2%);} } /*/////////////////////////////////////////////////*/ /* section class=section-alaune-2 */ /*/////////////////////////////////////////////////*/ .ribbon{position:absolute;width:88px;height:84px;z-index:1;display:block;} .nouveau{background:url(/images/picto_shogun/picto_divers/nouveau.png) no-repeat top left transparent;} .promo{background:url(/images/picto_shogun/picto_divers/promo.png) no-repeat top left transparent;} .promo_etoile{background:none;} @media only screen and (max-width: 979px){ .list-alaune-2 li:nth-child(2){display:none;} } .section-alaune-2 ul.list-alaune-2 li .photos-ref >img{height:26px;width:auto;} .section-alaune-2 .list-alaune-2{max-width:980px;margin:auto;} .section-alaune-2 .list-alaune-2 li{float:left;min-width:125px;padding:0 10px 18px;} .section-alaune-2 .list-alaune-2 .bloc-infos-ref h3{font-size:11px;margin:5px 0;height:50px;} .section-alaune-2 .list-alaune-2 .bloc-infos-ref .prix_reel{font-size:13px;margin:0;} .section-alaune-2 .list-alaune-2 .reduction{color:#e03d3d;font-size:15px;font-weight:bold;line-height:2em;text-align:left;} .section-alaune-2 .list-alaune-2 .price-left{float:left;} .section-alaune-2 .list-alaune-2 .view-product-btn{background:#96cc14 url(/images/sprite-2.png) no-repeat scroll 11px 0;height:35px;width:50px;margin:10px 0;display:block;float:right;} .section-alaune-2 .promo{background:transparent url(/images/picto_shogun/picto_divers/promo.png) no-repeat scroll left top / 50% auto;} .list-alaune-2 li .photos-ref{height:174px;} #image-fixe .photos-ref img{max-width:250px;height:auto;width:100%;} .titre-new-produit{max-width:130px;text-align:justify;} .sprite-2{background:rgba(0, 0, 0, 0) url(/images/sprite-2.png) repeat scroll 0 -160px;} .sprite-2.nouveau{background-position:7px -344px;} @media only screen and (min-width: 980px){ section.section-alaune-2{display:inline-block;} } /*highlights Header*/ button, input, select, textarea{ outline: none; } /* same for all screens*/ /*#main-header #top-nav #top-nav-content #top-nav-link li#my-cart span.prix-panier{position:absolute;top:20px;right:0;display:none;} #main-header #top-nav #top-nav-content #top-nav-link li#my-cart span{vertical-align:text-bottom;font-size:17px;margin-right:5px;color:#FFE434;position:relative;top:6px;} */ /*td#suppr_vec a img{ width: 100%; padding-top: 5px; }*/ @media screen and (min-width: 980px) { /* #main-header #top-nav #top-nav-content #top-nav-link li#my-cart a::after{ background: url(/images/header/icon-panier-desk.png) center center no-repeat; content: ""; display: block; height: 38px; width: 44px; background-size: 100%; margin: 0 auto; background-size: contain; } */ /* #top-nav-link #header-cnx .cnxion:before { background: url(/images/header/icon-connexion-desk.png) center center no-repeat !important; width: 38px; height: 44px; display: block; margin: 0 auto; content: ""; background-size: contain; }*/ /* #main-header #top-nav #top-nav-content #top-nav-link{ font-size: 13px; display: flex; flex-flow: row nowrap; justify-content: flex-end; width: 100%; padding-right: 40px; padding-top: 12px; } */ /* #produit_rechercher_name{ border-radius: 7px !important; }*/ /* .logo-desk{display: block;} .logo-mobile{display: none;}*/ /* #main-header #main-header-content #search-engine{position:absolute;top:30px;left:346px;}*/ /* #main-header #top-nav #top-nav-content #top-nav-link li#my-cart a:before{ content: 'Panier'; position: absolute; right: 0; top: 40px; font-weight: 500; color: white; text-align: center; width: 100%;} */ } @media screen and (max-width: 979px) { /* #main-header #top-nav #top-nav-content #top-nav-link li#my-cart a::after{ background: url(/images/header/icon-panier.png) center center no-repeat; content: ""; display: block; height: 38px; width: 40px; background-size: 100%; margin: 0 auto; }*/ /* #top-nav-link #header-cnx .cnxion:before { background-image: url(/images/header/icon-connexion.png) ; width: 38px; height: 40px; display: block; background-repeat: no-repeat; margin: 0 auto; content: ""; background-size: contain; }*/ /* .logo-desk{display: none;} .logo-mobile{display: block;}*/ /* header#main-header { display: flex; flex-flow: row nowrap; position: relative; height: 123px; align-items: center; width: 100%; min-width: 100%; }*/ /* #top-nav{ position: absolute; height: 40px; top: 10px; left: 0; z-index: 2; right: 0; border-bottom: 1px solid white; }*/ /* #main-header #main-header-content{ position: relative; width: 100%; } #top-nav-link{ height: 98px; display: flex; flex-flow: row nowrap; width: 100%; } #header-cnx{ width: 85% !important; height: 35px; } #header-cnx a.all-menu{ width: 40px !important; margin-left: 20px; }*/ /* #header-cnx a.cnxion{ width: 32px !important; float: right; }*/ /* #main-header #main-header-content .header-left{ left: 0; right: 0; width: 100%; position: absolute; top: -70px; z-index: 1; width: 175px; margin: 0 auto; }*/ /* #input_autocomplete{ width:100%; position: absolute; padding: 0 10px; margin-top: 10px; }*/ /*#main-header #main-header-content #search-engine{ left: 0 !important; position: absolute; right: 0 !important; width: 100%; top: -25px; }*/ /* #input_autocomplete #produit_rechercher_name{ width: 100%; height: 40px; border-radius: 18px !important; }*/ /* #main-header #main-header-content #logo a { width: 175px; height: 50px; display: block; margin: 0 auto; color: transparent; } #main-header #main-header-content #logo a img{ width: 85%; }*/ /* #main-header #top-nav #top-nav-content #top-nav-link li#my-cart{ order: 3; } #main-header #top-nav #top-nav-content #top-nav-link li#my-cart a:before,*/ /* #main-header #top-nav #top-nav-content #top-nav-link li a span{ display: none; } #main-header #top-nav #top-nav-content #top-nav-link li a{ height: 40px; width: 40px; margin-top: -6px; margin-left: 10px; }*/ /* #main-header #top-nav #top-nav-content #top-nav-link li#my-cart a{ background: none; }*/ a.all-menu{ position: relative; } #top-nav-link #header-cnx .all-menu::before{ top: 5px !important; } #top-nav-contact{ display: none; } #top-nav-link #header-cnx .all-menu::before { background: url(/images/header/icon-menu.png) no-repeat !important; content: "" !important; display: block !important; height: 32px !important; background-size: contain !important; left: 4px !important; position: absolute !important; top: 7px !important; width: 38px !important; } } @media screen and (min-width: 980px){ #main #section_pieces_bloc_droite .recherche_menu_categorie_piece_accessoire #rec_cat_piece { background-position: 8px; background-size: 28px; background-repeat: no-repeat; background-color: #95CD12; padding: 0; border-radius: 0; border: none; } #header-vehicule-info #change_vec,#header-vehicule-info #lien_vec{ display:none; } /* #header-vehicule-info #suppr_vec a:before{ position: absolute; content: ''; width: 22px; height: 22px; background: #ffe534 url(/images/header/suppr1.png) no-repeat; background-size: contain; left: 10px; }*/ #main #section_pieces_bloc_droite .recherche_menu_categorie_piece_accessoire .ac_input{ height: 43px!important; width: 211px; } } .vig-reduction, .vig-new { background: #F23B00; color: #fff; line-height: 20px; font-weight: bold; padding: 0 2px; margin-left: 13px; position: absolute; font-size: 18px; } .vig-new { background: #3080F5; }