/* Google Fonts: charge en non bloquant dans le (display=swap) */ :root{ --main-color:#294f9a; --second-color:#e0081e; } /* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ /* DEBUT - MODIF PNEUDIFFUSION */ :root{ --main-color: #d60617; --second-color: #294f9a; } *{ position: relative; box-sizing:border-box; } tr.entete_login td, .login tr { margin: 0; display: flex; width: 100%; } .login .infoBoxContents input { background-color: #e6e6e6; border:none; height: 30px; } .button_white, .login .infoBoxContents input.button_white { background-color: #fff; color: var(--second-color); text-decoration: none; padding: 10px 20px; margin-top: 10px; display: flex; justify-content: center; width: 230px; align-items: center; transition: all 0.5s ease; height: auto; } .button_white:hover { background-color: var(--second-color); color: #fff; } a.button_white.green { background-color: #94db92; } a.button_white.green:hover, a.button_white.red:hover { background-color: #222; color: #fff; } a.button_white.red { background-color: #db9292; } .button_white.blue, .login .infoBoxContents input.blue { background-color: var(--second-color); color: #fff; border: none; font-size: 16px; font-weight: 300; display: inline-flex; gap: 5px; min-height: 40px; } .eye_button a.button_white { width: auto; padding: 10px; } .eye_button { /* position: absolute; */ right: 0; /* opacity: 0.5; */ z-index: 1; display: flex; justify-content: flex-end; } tr.entete_login {} .contact_contain { padding-top: 35px; padding-left: 20px; padding-right: 20px; } .mbt20 { margin-bottom: 20px; } .contact_contain tr { display: flex; width: 100%!important; max-width: 1170px; } tr {} .contact_contain td { width: 100%; } .owl-slider-home .owl-controls { display: none; } .owl-slider-home .item { display: flex; justify-content: center; align-items: center; align-content: center; } .owl-slider-home .item > img { width: 100%; height: auto; } .owl-slider-home .item .txt-contain { position: absolute; width: 100%; max-width: 1170px; background-color: #ffffff7d; display: flex; /* min-height: 50%; */ padding: 40px; align-items: center; flex-wrap: wrap; gap: 16px 40px; justify-content: center; } .owl-slider-home .item.hifly .txt-contain { background-color: #00000063; } .owl-slider-home .item.hifly .txt-contain p, .owl-slider-home .item.hifly .txt-contain h3 { color: #fff; } .owl-slider-home .item .txt-contain a { position: absolute; bottom: -18px; background-color: var(--main-color); padding: 10px 20px; border-radius: 36px; color: #fff; transition: all 0.5s ease; font-family: 'Poppins', sans-serif; } .owl-slider-home .item .txt-contain a:hover { transform: scale(1.15); } .owl-slider-home .item .txt-contain > img:first-child, .owl-slider-home .item .txt-contain.x3 > img:first-child { width: 275px; height: auto; } .owl-slider-home .item .txt-contain > h3 { width: calc(100% - 315px); font-size: 40px; line-height: 40px; margin: 0; padding: 20px 0; } .owl-slider-home .item .txt-contain > p { font-size: 20px; margin: 0; padding-bottom: 20px; } .owl-slider-home .item .txt-contain.x3 > h3 { width: calc(100% - 455px); } .owl-slider-home .item .txt-contain.x3 > img { width: 100px; height: auto; } .owl-slider-home .item .txt-contain .logo {} HTML { /* background-image:url(https://francepneu.fr/images/degrade.gif); */ /* background: #000000; */ /* background-color:#666666; background-attachment:fixed; */ background: transparent; } BODY { margin: 0px; color:#000000; /* background-image:url(https://francepneu.fr/images/FP-fond-noel2020.jpg); background-position: center top; background-repeat: no-repeat; background-size:cover;*/ /* background: #000000; */ /* background-color:#666666; background-attachment:fixed; */ /* background-image:url(https://www.francepneu.fr/images/interface/fond-body-bis.png); */ background-position: center top; background-repeat: no-repeat; font-family: 'Poppins', sans-serif; background-image: none; background: transparent!important; } .groupoption{ background-color: #294f9a; color:#fff; font-size:0; display:block; width: 100%; margin:auto; border-radius:3px; padding: 0; box-sizing:border-box; } .campingcar #tab { display: flex; } .campingcar #tab > div { width: 25%; display: flex; width: 19.5%; height: 85px; /* background: #027fc1; */ color: #fff; font-size: 16px; padding: 0; text-transform: uppercase; margin-right: 1%; justify-content: center; align-items: flex-start; align-content: flex-start; } .campingcar #tab > div a { background: #d61617; color: #ffffff; font-size: 14.5px; display: block; /* font-size: 1px; */ text-transform: uppercase; text-decoration: none; width: 100%; height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .campingcar #tab > div.active-tab { background-color: #294f9a; display: flex; align-items: center; padding: 10px; } .campingcar #tab > div.double { width: 40%; } .campingcar #tab > div.double span { width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; } .campingcar #tab > div.double span:first-child { border-right: 1px solid #ffffff24; } #formspe input[type="submit"]{ display:block; background-image:url(/images/interface/search-form.png); background-repeat:no-repeat; background-position:7px center; margin:auto; margin-top:20px; background-color:#bf0101; border:0px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; padding:10px 15px; padding-left:40px; border-radius:3px; cursor:pointer; } #formspe .option select{ max-width:190px; font-size:11px; } #formspe{ display:block; margin-top:20px!important; padding: 0 20px; } .campingcar form#formspe { width: 100%; } #formspe .option{ padding: 40px 24px; display:inline-block; width: 21%; font-size:16px; /* background-image:url(https://francepneu.fr/images/arrow.png); */ /* background-repeat:no-repeat; */ /* background-size:auto 100%; */ /* background-position:right top; */ /* padding-left:0px; */ box-sizing:border-box; /* background-color: #294f9a; */ position: relative; filter: drop-shadow(0 12px 20px rgba(0,0,0,.25)); } #formspe .option label, #formspe .option select { position: relative; z-index: 3; /* clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); */ } #formspe .option:after { content: ''; position: absolute; display: flex; left: 0; top: 0; background-color: #294f9a; width: calc(100% + 80px); height: 100%; z-index: 1; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); /* box-shadow: 0 0 10px #000; */ /* filter: drop-shadow(0 0px 32px #000); */ /* border-radius: 3px; */ margin-left: -80px; } #formspe .option:nth-of-type(1)::after { width: 100%; margin: 0; } #formspe .option:nth-child(1){ /* padding-left:0; */ /* position: relative; */ z-index: 6; width: 22%; } #formspe .option:nth-child(2) { z-index: 4; } #formspe .option:nth-child(3) { z-index: 3; } #formspe .option:nth-child(4) { z-index: 2; } #formspe .option:nth-child(5) { z-index: 1; } #formspe .option:nth-child(5)::after { clip-path: none; } #formspe .option:nth-child(1) select{ width:150px; } #formspe .option:nth-child(2) select{ width:150px; } #formspe .option:nth-child(3) select{ width:150px; } #formspe .option label{ display:block; text-transform:uppercase; font-size:14px; margin-bottom:15px; } #formspe .option:nth-child(5){ background-image:none; width: 15%; } TD { font-family: 'Poppins', sans-serif; font-size: 10px; color: #000000; } .info_liv{ background-image:url(./images/slide_noel.jpg); padding:50px 20px; background-position:center bottom; background-size:cover; position:relative; } .info_liv:after{ content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:100%; background-color:#000; opacity:0.4; z-index:1; } .info_liv h4, .info_liv p{ z-index:2; position:relative; color:#fff; } .info_covid p{ font-size:15px; } .info_covid{ border:1px solid #3858ab; background-color:#efefef } .top_form{ width:950px; margin:auto; font-size:0; box-sizing: border-box; width: 100%; /* max-width: 1020px; */ margin: auto; font-size: 0; margin-top: 10px; font-family: 'Poppins', sans-serif; display: flex; } .block_input { padding-left:5px; padding-right:5px; } .block_input:first-child{ padding-left:0px; } .block_input{ display: flex; width: 19.5%; height: 85px; /* background: #027fc1; */ color:#fff; font-size:16px; padding: 0; text-transform: uppercase; margin-right: 1%; justify-content: center; align-items: flex-start; align-content: flex-start; } .block_input:last-child{ padding-right:0px; } .block_input{ box-sizing:border-box; display:inline-block; width:25%; } .block_input a { width: 100%; height: calc(100% - 10px); display: flex; flex-direction: column; background-color: #d61617; padding: 10px; line-height: 19px; } .block_input a h3 { margin: 0; color: #fff; } .block_input a p { margin: 0; font-size: 12px; color: #fff; } .block_input [type="radio"]:not(:checked), .block_input [type="radio"]:checked { position: absolute; left: -9999px; } .block_input label span{ position:relative; z-index:3; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:bold; } .block_input [type="radio"]:not(:checked) + label, .block_input [type="radio"]:checked + label { position: relative; cursor: pointer; text-align:center; display:block; font-size:16px; vertical-align: top; /* -webkit-border-top-left-radius: 10px; */ /* -webkit-border-top-right-radius: 10px; */ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; /* border-top-left-radius: 10px; */ /* border-top-right-radius: 10px; */ /* overflow:hidden; */ padding:10px 0px; margin: 0; width: 100%; height: 100%; /* background: #E0E0E0; */ color: #027fc1; font-size: 14.5px; display: block; /* font-size: 1px; */ text-transform: uppercase; text-decoration: none; width: 100%; height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; text-align: center; } .block_input [type="radio"]:not(:checked) + label:before, .block_input [type="radio"]:checked + label:before { content: ''; position: absolute; top: 0; left: 0; right:0; bottom:0; margin-left: 0px; /* dim. de la case */ background: #6d707b; /* angles arrondis */ height: 100%; } .block_input [type="radio"]:not(:checked) + label:after, .block_input [type="radio"]:checked + label:after { content: ''; position: absolute; top: 0; left: 0; right:0; bottom: -9px; font-size: 11px; background: #3958ab; transition: all .2s; /* height: 108%; */ } .block_input [type="radio"]:not(:checked) + label:after { opacity: 0; /* coche invisible */ } .block_input [type="radio"]:checked + label:after, .block_input:hover [type="radio"] + label:after { opacity: 1; /* coche opaque */ } .block_input:hover [type="radio"] + label:after { background-color: #6d707b; /* bottom: -9px; */ } .connexion{ font-size:13px!important; } .connexion{ background-color:#cd0001; padding:10px; color:#fff; } .connexion a{ color:#fff; } .connexion br{ display:none; } .connexion font{ color:#fff; font-size:16px; margin-bottom:10px; display:block!important; } .atout{ vertical-align:top; background-repeat:no-repeat; position:relative; display:inline-block; width:270px; max-width:80%; height:187px; color:#fff; margin-bottom:20px; box-sizing:border-box; padding:25px; padding-top:15px; margin-right:40px; margin-left:20px; border:1px solid #fff; border-radius:5px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; margin-bottom:40px; margin-top:20px; background-color:#fff; height:200px!important; } .atout:hover{ background-color:#bf0101; } .atout:hover h3{ color:#fff; } .atout:hover p{ color:#fff; } .sec{ width:290px; padding-right:20px; padding:20px; height:auto; margin-right:20px; } .atout{ border:1px solid #bf0101!important; } .atout:after{ content: ""; background-repeat:no-repeat; opacity: 1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .atout:hover:after{ opacity:0; } .atout h3{ color:#bf0101; font-family: 'Roboto', sans-serif; font-size:20px; margin-top:5px; margin-bottom:12px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .atout p{ color:#222; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:light; padding-right:30px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .atout .fa img{ max-width:40px; } .atout .fa{ position:absolute; right:-40px; top:45px; background-color:#fff; color:#bf0101; border-radius:40px; font-size:40px; padding:20px; border:1px solid #bf0101; min-width:36px; text-align:center; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /* A.menu { color: #ffffff; text-decoration: none; } A.menu2 { color: #33cc33; text-decoration: none; } A.menu3 { color: #ff0000; text-decoration: none; } A.menu:hover,A.menu2:hover,A.menu3:hover { color: #33cc33; text-decoration: underline; } */ TR.productListing-on { /* background: #ccffff; */ } TH { font-family: 'Poppins', sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center; } TD.ligneLien { height: 20px; font-family: 'Poppins', sans-serif; font-size: 10px; background: #000000; color: #ffffff; font-weight: bold; text-align: left; } TD.ligneLienRouge { height: 20px; font-family: 'Poppins', sans-serif; font-size: 10px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: left; } TD.columnLeft { background: #cccccc; } TD.columnLeftOmbre { background: #cccccc; /* background-image:url(images/logoPS_ombre.gif); */ background-image:url(images/logo_pneustore_gris.gif); background-position:top; background-repeat:repeat; } TD.columnRight { background: #cccccc; } TD.columnRightOmbre { background: #cccccc; /* background-image:url(images/logoPS_ombre.gif); */ background-image:url(images/logo_ps_droite.gif); background-position:top; background-repeat:repeat; } TD.top { font-family: 'Poppins', sans-serif; font-size: 14px; color: #0099ff; font-weight: bold; text-align: center; } TD.mainPage { font-family: 'Poppins', sans-serif; font-size: 10px; background: #ffffff; color: #000000; font-weight : bold; } TABLE.borderTable, TD.borderTable { border: 1px solid #000000; } TD.slogan { font-family: 'Poppins', sans-serif; font-size: 12px; color: #33cc33; font-weight : bold; text-align : center; } TD.columnLeftPaiement { font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000; font-weight: bold; } TD.pageHeading2, DIV.pageHeading2 { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: bold; text-align: left; color: var(--second-color); /* DEFAUT #9a9a9a; */ } TD.pageHeading2 p, .contact_contain p { margin: 0; } TD.searchFormHeading,span.searchFormHeading { font-size: 14px; font-weight: bold; text-align: center; color: #0000ff; } span.searchFormHeading{ color:#6075b8!important; text-align:center!important; display:block; margin-top:20px; } TD.guide, TR.guide { background: #cccccc; } .fondBlanc { background: #ffffff; } .fondGris { background: #cccccc; } .important { color: #ff0000; background: #cccccc; } .partenaire { color: #0033ff; } .independant { color: #33cc33; } .acceptCGV { color: #ff0000; } /* FIN - MODIF PNEUDIFFUSION */ .boxText { font-family: 'Poppins', sans-serif; font-size: 10px; } .errorBox { font-family : 'Poppins', sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : 'Poppins', sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : 'Poppins', sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; } /* DEFAUT BODY { background: #000000; color: #ffffff; margin: 0px; } */ A { color: #0033ff; text-decoration: underline; } A:hover { color: #AABBDD; text-decoration: underline; } FORM { display: inline; } .recherche_bloc { background-color:#3958ab; margin-top:0px; width: 100%; /* -webkit-border-bottom-right-radius: 3px; */ /* -webkit-border-bottom-left-radius: 3px; */ -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; /* border-bottom-right-radius: 3px; */ /* border-bottom-left-radius: 3px; */ padding: 20px 20px; padding-bottom:25px; display: flex; flex-wrap: wrap; gap: 40px; align-items: stretch; position: relative; justify-content: center; position: relative; padding-bottom: 45px; } .recherche_bloc input[type="submit"]{ display:inline-block; background-image:url(/images/interface/search-form.png); background-repeat:no-repeat; background-position:7px center; margin:auto; background-color:#bf0101; border:0px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; padding:10px 15px; padding-left:40px; border-radius:3px; cursor:pointer; } .recherche_bloc th{ color:#fff; text-transform:uppercase; } .recherche_bloc .searchFormHeading,span.searchFormHeading{ font-size:18px; padding:0px; text-transform:uppercase; padding-bottom:15px; } .recherche_bloc tr:nth-child(2){ padding-top:10px; } .recherche_bloc td{ color:#fff; font-size:13px; } .recherche_bloc tr:last-child td{ padding-top:10px; } .recherche_bloc td img { padding-left:10px; vertical-align:middle; width:35px; } TR.header { background: #ffffff; } TR.headerNavigation { background: #bbc3d3; } TD.headerNavigation { font-family: 'Poppins', sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, 'Poppins', sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, 'Poppins', sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #bbc3d3; } TD.footer { font-family: 'Poppins', sans-serif; font-size: 10px; /* background: #bbc3d3; */ color: #cccccc; font-weight: bold; } .infoBox { background: #b6b7cb; } .infoBoxContents { background: #f8f8f9; font-family: 'Poppins', sans-serif; font-size: 10px; } .infoBoxContents a { color: #000; transition: all 0.5s ease; } .infoBoxContents a:hover { color: var(--second-color); } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: 'Poppins', sans-serif; font-size: 10px; } TD.infoBoxHeading { font-family: 'Poppins', sans-serif; font-size: 10px; font-weight: bold; background: #bbc3d3; color: #ffffff; } TD.infoBox, SPAN.infoBox { font-family: 'Poppins', sans-serif; font-size: 10px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { /* background: #d8d8d8; */ } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #ededed; } .productListing-odd > td:first-child img, .productListing-even > td:first-child img, .productListing-on > td:first-child img{ width:40px; height:auto; } .productListing-odd td:last-child div > img, .productListing-even td:last-child div > img, .productListing-on td:last-child div > img{ width:45px; display:inline-block; padding:5px; } .productListing-odd td:last-child div > a img, .productListing-even td:last-child div > a img, .productListing-on td:last-child div > a img{ width:50px!important; height:auto; } .productListing-odd td:last-child div, .productListing-even td:last-child div, .productListing-on td:last-child div{ /* width:110px; */ } .add_btn{ width:150px; } .add_btn a{ vertical-align:middle!important; padding-top:0px!important; } .add_btn select{ display:inline-block; vertical-align:middle; margin-right:10px; font-size:14px; padding:5px 7px; padding-right:0px; } .productListing-odd td:last-child div > a, .productListing-even td:last-child div > a, .productListing-on td:last-child div > a { display:inline-block; vertical-align:top; padding-top:20px; } TABLE.productListing {max-width: 1170px;margin: auto;/* padding-top: 65px; */width: 100%;} td.productListing-heading { font-family: 'Poppins', sans-serif; font-size: 10px; background: #000000; color: #FFFFFF; font-weight: bold; } TD.productListing-data { font-family: 'Poppins', sans-serif; font-size: 10px; } TD.productListing-data-reifen { font-family: 'Poppins', sans-serif; font-size: 10px; color:#e400ff; } TD.productListing-data-vdb { font-family: 'Poppins', sans-serif; font-size: 10px; color:#00CCFF; } TD.productListing-data-cooper { font-family: 'Poppins', sans-serif; font-size: 10px; color:#33CC00; } TD.productListing-data-eurotyre { font-family: 'Poppins', sans-serif; font-size: 10px; color:#846353; } TD.productListing-data-intersprint { font-family: 'Poppins', sans-serif; font-size: 10.5px; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; } tr td:nth-child(2){ position:relative; } tr.productListing-odd:nth-child(1) td:nth-child(2):before, tr.productListing-on:nth-child(1) td:nth-child(2):before{ display:none; } tr.productListing-odd > td:nth-child(2):before, tr.productListing-even > td:nth-child(2):before, tr.productListing-on > td:nth-child(2):before{ content:''; position:absolute; top:0; left:0; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #000 transparent transparent transparent; } .productListing-data-intersprint:before{ border-color: #0000ff transparent transparent transparent!important; } TD.productListing-data-reifen:before { border-color: #e400ff transparent transparent transparent!important; } TD.productListing-data-vdb:before { border-color: #00CCFF transparent transparent transparent!important; } TD.productListing-data-cooper:before { border-color: #33CC00 transparent transparent transparent!important; } TD.productListing-data-eurotyre:before { border-color: #846353 transparent transparent transparent!important; } TD.productListing-data-intersprint:before { border-color: #0000ff transparent transparent transparent!important; } TD.productListing-data-kumho:before { border-color: #FF9933 transparent transparent transparent!important; } td.productListing-heading { font-family: 'Poppins', sans-serif; font-size: 14px; background: #C6C6C6; color: #000000; font-weight: 500; line-height: 14px; border: 3px solid #fff; min-height: 55px; /* display: flex; */ padding: 10px; box-sizing: border-box; /* box-shadow: 0 0 6px #ffffff inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; */ justify-content: center; align-items: center; text-align: center; } tr.productListing-heading { font-family: 'Poppins', sans-serif; font-size: 11px; background: #FFFFFF; color: #000000; padding:8px 2px; font-weight: bold; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; } TD.productListing-data, .productListing-odd > td, .productListing-even > td, .productListing-on > td { font-family: 'Poppins', sans-serif; font-size: 14px; /* color: #000000; */ background-color: #ECECEC; border: 3px solid #fff; height: 90px!important; box-sizing: border-box; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; /* box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; */ padding: 10px; } .productListing-odd .productListing-heading, .productListing-on .productListing-heading { background: #C6C6C6; } td.productListing-heading:last-child { width: 42px; display: flex; background-color: #fff; font-size: 0; } td.productListing-data:last-child { /* background-color:transparent; */ margin: 0; padding: 0; } .tab_labelling { border: 3px solid #ececec; display: flex; } .tab_labelling tr td { width: 33.3%; box-sizing: border-box; text-align: center; } .tab_labelling tbody, .tab_labelling tr { width: 100%; display: flex; flex-wrap: wrap; } .tab_labelling td { border: 2px solid #fff; } .tab_labelling img { width: 100%; padding: 4px; /* box-sizing: border-box; */ max-width: 40px; height: auto; } .productListing-heading { font-family: 'Poppins', sans-serif; font-size: 14px; background: #C6C6C6; color: #000000; font-weight: 500; line-height: 14px; border: 3px solid #fff; min-height: 55px; /* display: flex; */ padding: 10px; box-sizing: border-box; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; /* box-shadow: 0 0 6px #ffffff inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; */ justify-content: center; align-items: center; text-align: center; } #cadre_jantes .productListing-heading:first-child { background-color: transparent; } .roues_secours .productListing-heading:first-child { background-color: transparent; } .productListing-heading a { border: 0; display: flex; } a.productListing-heading {} td.productListing-heading:last-child { width: 42px; display: flex; background-color: #fff; font-size: 0; } td.productListing-data:last-child { background-color:transparent; margin: 0; padding: 0; } .img_jante_liste{ padding:5px 0px; padding-left:10px; display:inline-block; width:79px; } .img_jante_liste img{ max-width:100%!important; height:auto!important; mix-blend-mode: darken; } TD.productListing-data { font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000; background-color: #ECECEC; border: 3px solid #fff; height: 90px!important; box-sizing: border-box; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; /* box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; */ padding: 0px; } .flex_promo { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; } TD.productListing-data:nth-child(3) { /*padding: 5px 0;*/ } TD.productListing-data > a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .pagination{ padding:20px 0; max-width: 1170px; width: 100%; } .pagination tr { display: flex; flex-direction: column; } .pagination tr td { text-align: left; } .pagination tr td.pagination_number b, .pagination tr td.pagination_number a { background-color: var(--second-color); color: #fff; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; text-decoration: none; } .pagination tr td.pagination_number b { background-color: #d9d9d9; color: #000; } .pagination tr td.pagination_number a u { text-decoration: none; } .pagination tr td.pagination_number a:last-child { width: auto; border-radius: 0; padding: 0 5px; text-decoration: none; } TD.smallText, SPAN.smallText, P.smallText { font-family: 'Poppins', sans-serif; font-size: 12px; } td.smallText.pagination_number { display: flex; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: bold; text-align: center; color: #ff0000; /* DEFAUT #9a9a9a; */ display: flex; flex-direction: column; align-items: center; } DIV.pageHeading h3 { font-size: 18px; } DIV.pageHeading p { font-weight: 300; font-size: 12px; } DIV.pageHeading { color: #000; } DIV.pageHeading span { color: #3957ab; font-size: 24px; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: 'Poppins', sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: 'Poppins', sans-serif; font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: 'Poppins', sans-serif; font-size: 10px; } TD.accountCategory { font-family: 'Poppins', sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: 'Poppins', sans-serif; font-size: 12px; } TD.tableHeading { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: 'Poppins', sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: 'Poppins', sans-serif; font-size: 11px; } TEXTAREA { width: 100%; font-family: 'Poppins', sans-serif; font-size: 11px; } SPAN.greetUser { font-family: 'Poppins', sans-serif; font-size: 12px; color: #f0a480; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, 'Poppins', sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, 'Poppins', sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: 'Poppins', sans-serif; color: #ff0000; } SPAN.errorText { font-family: 'Poppins', sans-serif; color: #ff0000; } SPAN.txt_bleu { font-family: 'Poppins', sans-serif; color: #0000FF; } SPAN.txt_vert { font-family: 'Poppins', sans-serif; color: #009900; } .contain-txt{ width:100%; } .contain-txt-2 { max-width: 1170px; width: 100%; margin: auto; font-size: 12px; } .contain-txt-2 p { font-size: 12px; } .contain-txt .pageHeading { position: relative; height: 300px; padding: 100px 0 29px 0; background-image: url(./images/heading_pro.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 3px solid var(--main-color); align-content: center; z-index: 10; } .contain-txt .pageHeading { color: #fff; text-align: center; font-size: 36px; line-height: 38px; /* margin-bottom: 75px; */ padding: 75px 29px; } .pageHeading h1 { font-size:30px; } .adress_contain .moduleRow, .adress_contain .moduleRowOver {/* padding: 0; */} .adress_contain { margin-bottom: 20px; } .adress_contain > tbody > tr { display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px; } .adress_contain tr:last-child td { width: 100%; /* padding: 4px; */ } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: 'Poppins', sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: 'Poppins', sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: 'Poppins', sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: 'Poppins', sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: 'Poppins', sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: 'Poppins', sans-serif; font-size: 10px; color: #ff0000; } /* Styles pour la page Checkout_shipping.php */ .RedText { color: #ff0000; } div#InfosPrix { width: 100%; max-width: 1170px; text-align: center; } /* Fin - Styles pour la page Checkout_shipping.php */ /* Feuille de style RMA Pneus - auteur : Mathieu Mangin */ .titre {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;font-weight: bold;} .texte {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;} .signature {font-family: Arial, Helvetica, sans-serif;font-size: 9px;color: #FFFFFF;} .titre_blanc {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;font-weight: bold;} .form {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;} .style_cadre_rma {width: 100%;background-color: #ffffff;position:relative;/* left: 0; *//* margin-left: 0; */top:0px; /* Anciennes dimensions avant agrandissement zone d'affichage en mars 2010 width:750px ; position:relative; left:50% ; margin-left:-375px ; top:0px; */} .style_contenu_rma {/* width:1000px; */background-color:#FFFFFF;} .header { max-width: 1170px; width: 100%; margin: auto; } .contain-header { width: 100%; display: flex; flex-wrap: wrap; } .contain-header .logo { width: 360px; } .contain-header .logo img { width: 100%; height: auto; } .contain-header #background-menu { width: calc(100% - 360px); display: flex; flex-direction: column; align-items: flex-end; padding-left: 30px; } .contain-header #background-menu .top_menu { display: flex; justify-content: space-between; height: 50%; /* gap: 16px; */ align-items: center; width: 100%; padding-left: 10px; } .contain-header #background-menu .top_menu .slogan p { color: var(--main-color); font-size: 14px; } .contain-header #background-menu .top_menu a { color: var(--second-color); } .contain-header #background-menu ul { padding: 0; display: flex; justify-content: space-between; /* gap: 28px; */ width: calc(100% - 20px); background-color: var(--main-color); margin: 0; padding: 0 15px; position: relative; height: 50%; align-items: center; } .contain-header #background-menu ul:before { content: ''; clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%); background-color: var(--main-color); left: -19px; position: absolute; width: 20px; height: 100%; } .contain-header #background-menu li { list-style: none; color: #fff; } .contain-header #background-menu li.promotion { background-color: #fff; padding: 5px 20px; border-radius: 19px; color: #fff; } .contain-header #background-menu li.promotion a { color: var(--main-color); } .contain-header #background-menu li a { color: #fff; } .panier_page #contenu > table >tbody > tr>td{ padding-left:2.5%!important; padding-right:2.5%!important; box-sizing:border-box; } .list_panier .productListing > tbody > tr:first-child td{ padding:10px; font-size:12px; background-color:#ededed; border:1px solid #ededed; box-shadow: none; } .list_panier TR.productListing-even{ background:#fff; } .list_panier TR.productListing-on { background:#fff; } .list_panier .productListing > tbody > tr >td:first-child img{ width:20px; height:auto; } .list_panier .productListing > tbody > tr > td{ padding:5px; box-shadow: none; /* border:1px solid #ededed!important; */ } .block_nav{ width:25%; display:inline-block; vertical-align:top; position:relative; } .block_nav:first-child{ z-index:1004; } .block_nav:nth-child(2){ z-index:1003; } .block_nav:nth-child(3){ z-index:1002; } .block_nav:nth-child(4){ z-index:1001; } .nav_panier{ padding:20px 0px; text-align:center; font-size:0px; } .title_nav,.title_nav a{ font-size:12px; text-decoration:none; color:#b9b8b8!important; } .block_nav.active .title_nav,.block_nav.active .title_nav a{ color:#7f7f7f!important; } .block_nav .bubble img{ display:none; } .block_nav .bubble{ width:28px; position:relative; box-sizing:border-box; z-index:10; margin:auto; } .round{ display:block; border:2px solid #ccc; border-radius:50%; width:28px; box-sizing:border-box; z-index:100; position:relative; height:28px; background-color:#fff; } .block_nav .bubble img{ background-color:#fff; position:relative;z-index:10; } .block_nav:first-child .bubble:before{ display:none!important; } .block_nav .bubble:before{ width: 230px; content:''; background-color:#ccc; height:2px; top:50%; right: 39px; z-index:1; margin-top:-1px; display:block; position:absolute; } .block_nav.active .bubble:before{ background-color:#5f74bd; } .panier_page form[name="checkout_payment"]{ /* padding:0 2.5%; */ display:block; } .block_nav.active .bubble{ border:0px; } .block_nav.active .bubble img{ display:block; margin:auto; } .title_nav{ margin-bottom:20px; } .list_panier .productListing > tbody > tr > td select{ padding:5px 5px; } .list_panier .productListing > tbody > tr > td:last-child{ font-size:14px!important; } .list_panier .productListing > tbody > tr > td table a{ color:#222; font-size:12px; } .list_panier .productListing > tbody > tr > td table td{ box-shadow:none; } .panier_page #contenu > table .infoBox{ width:100%; } .info_final{ background-color:#fff; } #panier + table > tbody > tr > .main{ padding-right:125px; box-sizing: border-box; } .page_panier .productListing { margin:auto!important; display:block; border-spacing : 0; border-collapse : collapse; width:750px; } .panier_page .productListing {width:100%;display:table;} .page_panier .productListing .productListing-heading{ padding:10px; font-size:12px; border-right:1px solid #fff; } .page_panier .productListing>tbody > tr > .productListing-data{ border-right:1px solid #fff; padding:5px; font-size:12px; vertical-align:middle; } .page_panier .productListing .productListing-data{ font-size:12px; } .page_panier .productListing .productListing-data select{ font-size:12px; padding:2px; } .page_panier .productListing tr td:nth-child(1){ width:15%; } .page_panier .productListing tr td:nth-child(2){ width:60%; } .page_panier .productListing tr td:nth-child(3){ width:15%; } .page_panier .productListing tr td:nth-child(4){ border-right:0px; width:15%; } .panier_page #contenu > table >tbody > tr>td{ padding-left:2.5%!important; padding-right:2.5%!important; box-sizing:border-box; } .list_produit_final{ border:0px; } .center_tab .list_produit_final td:first-child { width: 50px!important; } .center_tab .list_produit_final td { width: calc(100% - 150px) !important; } .center_tab .list_produit_final td:last-child { width: 100px !important; } .center_tab td.main .list_produit_final td{ font-size:12px; border:0px; } .list_produit_final tr:first-child{ background-color:#ededed; } .list_produit_final tr:first-child td{ font-size:11px; padding:15px 15px; } .list_produit_final tr td{ border-bottom:1px solid #f1eeee; padding-top:10px; padding-bottom:10px; } .list_produit_final tr:first-child td:first-child{ font-size:14px; } .list_produit_final tr:first-child td:first-child .orderEdit{ color:var(--second-color); } .qty_final{ color:#5f74bd; padding:0px 15px!important; } .list_produit_final td{ padding:6px; vertical-align:middle; } .recap{ text-align:left!important; font-size:14px!important; font-weight:normal; } .recap td{ font-size:13px!important; } .panier_page .infoBoxContents > td{ padding:10px; } .recap tr td{ text-align:left; padding:10px; } .recap tr:last-child td{ font-weight:bold; font-size:14px!important; } .final_produit{ background-color:#fff; padding:0px!important; } .panier_page .catacteristique_prod{ display:block; color:#484848; font-weight:normal; } .final_adresse{ /* background:#fff; */ /* border:1px solid #ccc; */ } .final_produit{ /* border:1px solid #ccc; */ } .final_adresse td, .final_facturation td{ font-size:12px!important; font-weight:normal; line-height:20px; } .title_block{ margin:0px; margin-bottom:5px; font-size:14px; margin-top:30px; font-weight:bold; } .final_adresse tr:first-child .title_block, .final_facturation tr:first-child .title_block{ margin-top:0px; } .title_block .orderEdit{ color: #5f74bd; } .title_box{ font-size:15px!important; } .subtotal{ font-size:14px!important; } .style_footer_rma {width: 100%;/* background-image:url(images/interface/fond-footer.gif); */background-repeat: no-repeat;background-color: #000000;display: flex;justify-content: center;align-items: stretch;align-content: center;padding: 40px 0;} #footer > div { width: 33.3%; max-width: 370px; padding: 20px; border-right: 1px solid #303030; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } #footer > div ul { list-style: none; padding: 0; margin: 0; } #footer > div h4, #footer > div li, #footer > div p, #footer > div a { color: #fff; margin: 0; } #footer > div h4, #footer > div p { padding-bottom: 20px; } #footer > div input { background-color: transparent; border: none; border-bottom: 1px solid #fff; font-size: 16px; } #footer > div button { border: none; background-color: var(--main-color); padding: 10px; border-radius: 10px; color: #fff; font-size: 14px; } #footer > div a, #footer > div img { width: 100%; height: auto; } .image_top { border-bottom : 1px solid #000000; width:1000px ; margin-bottom:0px; height:129px; } .panier {/* position:absolute; *//* top: 0px; *//* right: 0px; *//* width:120px; *//* height:47px; *//* visibility:visible; */} .menu_mra { background-image:url(https://francepneu.fr/images/interface/n1_n2_degrade.jpg); width:1000px ; height:65px; visibility:visible; } #menu_01 a { display: block; color:#FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px; text-transform: uppercase; background-image:url(images/interface/n1_on.jpg); background-position: right top; background-repeat: no-repeat; padding-right:15px; padding-top: 8px; height:34px; } .bt_accueil {position:absolute;top:130px;left:15px; } .bt_recherche {position:absolute;top:130px;left:105px;} .bt_compte {/* position:absolute; *//* top:130px; *//* left:300px; */} .bt_paiement {position:absolute;top:130px;left:420px;} .bt_contact {position:absolute;top:130px;left:615px;} .bt_produits {position:absolute;top:130px;left:700px;} .bt_quit {position:absolute;top:130px;left:750px;} #menu_02 a { display: block; color:#4e4e4e; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; text-transform: uppercase; background-image:url(images/interface/n2_on.jpg); background-position: right top; background-repeat: no-repeat; padding-right:15px; padding-top: 5px; height:23px; } .bt_cgv { position:absolute;top:166px;left:15px;} .bt_tek { position:absolute;top:166px;left:185px;} .bt_fav { position:absolute;top:166px;left:330px;} .bt_recommander { position:absolute;top:166px;left:500px;} .bloc { float : left; width:13px; } .bloc_recherche { padding-left:4px; background-image:url(images/interface/menu/fond_bloc_recherche.jpg); background-position: bottom left; background-repeat: no-repeat; padding-bottom: 5px; } .bloc_recherche td {color: #FFFFFF!important;} .bloc_promo_journaliere a {color: #FFFFFF!important;} .bloc_jante a {color: #FFFFFF!important;} .bloc_promo_journaliere { padding-left:80px; background-image:url(images/interface/menu/fond_bloc_promo_journaliere.jpg); background-position: bottom; background-repeat: no-repeat; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; height:71px; margin-right: 5px; width:242px; } .bloc_jante { padding-left:80px; background-image:url(images/interface/menu/fond_bloc_jante.jpg); background-position: bottom; background-repeat: no-repeat; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; height:71px; width:242px; } .filet_fondu { background-image:url(images/interface/n1_n2.jpg); width:600px ; height:7px; } .ss_menu_mra { width:1000px ; height:19px; } .texte_recommandation { border: 1px solid #999999; width:300px; } a {text-decoration: none;color: var(--second-color);} a:hover {text-decoration: none;color: #660066} /* Valeurs d'origine a {text-decoration: none; color: #33CC99} a:hover {text-decoration: none;color: #0099FF} */ /* Styles pour la page Checkout_shipping.php */ .jante_camping{ /* margin-left:50px; */ } .garantie_picto img{ max-width:60px; height:auto; } .garantie_picto{ display:inline-block; vertical-align:middle; margin-left:10px; } .GreenText { color: #009933; font-weight: bold; } /* Fin - Styles pour la page Checkout_shipping.php */ #liste_marque{ margin:0px; padding:0px; } #liste_marque li{ display:inline-block; liste-style:none; height:30px; padding:0 5px; } #liste_marque li img{ filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #liste_marque li img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-filter: grayscale(0); } .form-top select{ padding:5px 7px; font-size:13px; } .num2 .titre_pneu_promo{ width: 40%!important; vertical-align: middle; } .num2 .pneu_promo4{ } #titre_bandeau_promo td{ text-align:center; } #titre_bandeau_promo, #bandeau_promo_pneu { background-color: #ededed; padding: 20px; } #bandeau_promo_pneu .titre_pneu_promo{ width: 60%; vertical-align: middle; } #bandeau_promo_pneu .titre_pneu_promo img{ vertical-align: middle; } #bandeau_promo_pneu table{ border-collapse:collapse; } #bandeau_promo_pneu .pneu_promo4{ width: 20%; text-align: center; background-color: #fff; vertical-align: middle; border: 2px solid #3958ab; border-collapse: collapse; } #bandeau_promo_pneu .m30{ width: 3%; } #bandeau_promo_pneu .pneu_promo4 .nom_pneu_promo{ text-align: center; color: #3958ab; font-size:13px; font-weight:bold; } #bandeau_promo_pneu .pneu_promo4 .img_logo{ width: 100%; text-align: center; } #bandeau_promo_pneu .pneu_promo4 .prix_pneu_promo{ text-align: center; font-size: 10px; font-weight: bold; font-style: italic; } #bandeau_promo_pneu .pneu_promo4 .prix_pneu_promo .prix_promo{ color: #bf0101; font-size: 15px; font-style: normal; font-weight: bold; } #bandeau_promo_pneu .pneu_promo4 .btn_pneu_promo{ background-color: #bf0101; text-align: center; vertical-align: bottom; } #bandeau_promo_pneu .pneu_promo4 .btn_pneu_promo a{ display: block; } #bandeau_promo_pneu .pneu_promo4 .btn_pneu_promo img{ height:36px; width: auto; } .marque_promo_logo a{ display:block; } .marque_promo_logo a img{ display:block; margin:auto; } .contain-pp tbody{ width:100%; max-width:1170px; margin:auto; padding: 70px 0; } .contain-pp { width: 100%; display: flex; background-color: #1a1a1a; justify-content: center; } .contain-pp tr, .contain-pp td { width: 100%; display: flex; flex-wrap: wrap; } .contain-pp #title h3, #title h3 { font-size: 24px; font-weight: 300; margin: 0; color: #fff; } #title:before { content: ''; display: flex; width: 20px; height: 20px; background-color: #d60617; } #title { width: 100%; display: flex; align-items: center; padding-bottom: 30px; gap: 10px; } .recherche { width: 100%; background-color: var(--second-color); padding: 40px 40px 60px; margin-bottom: 56px; } .recherche form { display: flex; flex-wrap: wrap; gap: 40px; align-items: stretch; position: relative; justify-content: center; } .recherche form > div, .recherche_complet form .recherche_bloc > div { width: 220px; display: flex; flex-wrap: wrap; gap: 12px; align-content: flex-start; } .col-recherche {} .recherche_complet form .recherche_bloc > div.recherche_button { position: absolute; bottom: -19px; width: auto; } .recherche_complet { padding-bottom: 50px; width: 100%; max-width: 1170px; } .recherche_complet form .recherche_bloc > div.recherche_button button { padding: 13px 50px; } .recherche_complet .col-recherche div { width: 100%; display: flex; flex-wrap: wrap; } .marques h4 { padding-bottom: 24px; } .recherche_complet .col-recherche .container100 div , .recherche_complet .col-recherche .container50 div { width: calc(33.3% - 14px); } .recherche_complet .col-recherche div.it { display: flex; gap: 0 20px; } .recherche_complet .col-recherche div.it .container1 { width: calc(100% - 295px); gap: 20px; } .recherche_complet .col-recherche div .container100, .recherche_complet .col-recherche .it div.container100 { gap: 20px; width: 100%; } .recherche_complet .col-recherche .it div { width: calc(33.3% - 14px); } .recherche_complet .col-recherche .it .express div { width: 100%; } .recherche_complet .col-recherche div.express span { display: flex; } .recherche_complet .col-recherche div.express { display: flex; flex-wrap: wrap; width: 275px; align-items: flex-end; gap: 0; align-content: flex-end; } .recherche_complet .col-recherche div.express span { display: flex; gap: 10px; font-size: 15px; color: #fff; align-items: center; line-height: 16px; } .recherche_complet .col-recherche div.express p { margin: 0; color: #fff; line-height: 12px; } .recherche_complet .col-recherche div input.express {} .recherche_complet .col-recherche div.container2 { display: flex; justify-content: flex-start; padding-top: 20px; } .button_1 { /* position: absolute; */ /* bottom: -18px; */ background-color: var(--main-color); padding: 10px 20px; border-radius: 36px; color: #fff; transition: all 0.5s ease; font-family: 'Poppins', sans-serif; font-size: 14px; display: flex; justify-content: flex-start; align-content: center; align-items: center; gap: 6px; width: auto; border: 0; cursor: pointer; line-height: 16px; } .button_1:hover { background-color: #fff; color: var(--main-color); } .button_1.blue { background-color: var(--second-color); } .recherche_complet .col-recherche .dimension .container1 { display: flex; flex-wrap: wrap; gap: 20px; } .recherche_complet .col-recherche .dimension .container1 div { width: calc(33.3% - 14px); } .recherche_complet form .recherche_bloc > div.contain-filtre { width: calc(100% - 260px); } .recherche_complet form .recherche_bloc.promo > div.contain-filtre { width: calc(100% - 521px); } .recherche_complet form .recherche_bloc > div .dimension { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 0 20px; } .recherche_complet form .recherche_bloc > div .dimension .container1 { width: calc(100% - 295px); } .recherche_complet form .recherche_bloc.promo > div .dimension .container1, .recherche_complet .col-recherche div.it .container1 { width: 100%; } .recherche_complet form .recherche_bloc > div .dimension .container2 { width: 275px; } .recherche_complet form .recherche_bloc > div .dimension .container50{ width: calc(50% - 20px); display:flex; } .recherche_complet h4 { width: 100%; font-size: 16px; color: #fff; margin: 0; } .recherche form > div > div { width: 100%; } .recherche form > div.recherche_button { width: auto; /* height: 100%; */ display: flex; align-items: flex-end; align-content: flex-end; position: absolute; bottom: -94px; } .recherche > div, { width: calc(33.3% - 20px); display: flex; padding-right: 20px; flex-direction: column; } div.recherche span.title_field, div.recherche_complet span.title_field { font-weight: 500; text-align: left !important; color: #fff; font-size: 16px; } .recherche div select, .recherche_complet div select{ font-size: 15px; padding: 10px; min-width: 100%; height: 40px; border: none; } .recherche_button button, { background-color: var(--main-color); /* width: 80px; */ /* height: 80px; */ /* margin-left: 30px; */ /* margin-right: 15px; */ display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; color:#fff; border:0; cursor: pointer; background-color: var(--main-color); padding: 15px 30px; border-radius: 36px; gap: 12px; font-size: 18px; } .recherche_button button:hover { background-color: #4d4d4d; color:#fff; } .recherche > div select { font-size: 15px; padding: 10px; min-width: 100%; height: 40px; border: none; } .contain-pp #title h3 span.bold, #title h3 span.bold { font-weight: 600; } .pro_ligne{ background-color: #c0c0c0; /* padding: 20px; */ display: flex; } .camping_ligne { background-color: var(--second-color); /* padding: 20px; */ display: flex; } .new_client { width: 100%; display: flex; max-width: 1170px; margin: auto; padding: 96px 20px; gap: 10px; justify-content: center; align-content: center; align-items: center; border-bottom: 1px solid #727272; } .new_client a { font-size: 18px; } .new_client h3 { font-size: 20px; font-weight: 500; /* color: #fff; */ } .new_client h3 .bold { font-weight: 800; } .camping_ligne td { width: 100%; display: flex; align-items: center; justify-content: center; align-content: center; } .camping_car { width: 100%; /* max-width: 1170px; */ display: flex; justify-content: flex-end; align-items: center; align-content: center; height: 400px; } .camping_car a { background-color: #fff; color: var(--main-color); margin-top: 27px; transition: all 0.5s ease; } .camping_car a:hover { transform: scale(1.10); } .camping_car .contain-txt { width: 42%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; align-content: flex-end; padding: 35px 50px; } .camping_car .contain-txt h3 { font-size: 26px; text-align: right; color: #fff; font-weight: 300; line-height: 32px; } .camping_car .contain-txt p { text-align: right; color: #fff; font-size: 16px; margin: 0; } .camping_car .contain-txt h3 .bold { font-weight: 600; } .camping_car .contain-img { width: 33.3%; display: flex; align-content: center; justify-content: center; align-items: center; overflow: hidden; height: 100%; } .camping_car .contain-img img { object-fit: cover; width: 100%; height: 100%; } tr.pro_ligne td { width: 100%; } .pro_ligne .bandeau_pro { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; } .pro_ligne .bandeau_pro div { width: 33.3%; /* background-color: #fff; */ /* max-width: 400px; */ display: flex; justify-content: center; align-content: center; align-items: center; } .pro_ligne .bandeau_pro div a { font-size: 22px; /* text-align: center; */ color: #fff; font-weight: 600; width: 100%; height: 100%; display: flex; align-content: center; justify-content: center; align-items: center; transition: all 0.5s ease; } .pro_ligne .bandeau_pro div:hover a {font-size: 24px;} .pro_ligne .bandeau_pro div.promo_jour { /* max-width: 490px; */ /* padding-left: 50px; */ background-image: url('./images/interface/promo_pneus.jpg'); height: 320px; background-size: cover; } .pro_ligne .bandeau_pro div.jante_bandeau { background-image: url(./images/interface/jante_acier.jpg); height: 320px; background-size: cover; } .pro_ligne .bandeau_pro .title_bandeau { background-color: var(--main-color); padding: 20px; margin-top: -10px; margin-bottom: -10px; display: flex; justify-content: flex-end; position: relative; max-width: none; position: relative; z-index: 3; } .pro_ligne .bandeau_pro .title_bandeau:after { content: ''; display: flex; position: absolute; background-color: var(--main-color); width: 40px; height: 100%; clip-path: polygon(0 0, 0% 100%, 100% 0); top: 0; right: -39px; } .pro_ligne .bandeau_pro .title_bandeau h3 { font-size: 23px; color: #fff; /* max-width: 50%; */ /* min-width: 474px; */ font-weight: 300; display: flex; flex-direction: column; align-items: flex-end; } .pro_ligne .bandeau_pro .title_bandeau h3 .bold { font-weight: 800; text-align: right; } .contain_marques{ height: 400px; padding: 70px 0; /* background-image: url(./images/img_gamme.jpg); */ background-size: cover; background-position: center bottom; background-repeat: no-repeat; /* display: flex!important; */ flex-direction: column; align-items: center; justify-content: flex-start; position: relative; background-color: #fff; } .contain_marques .manufacturers_box{ max-width:1170px; margin: auto; width: 100%; } .contain_marques .manufacturers_box marquee { height: 100%; } .contain_marques .manufacturers_box marquee img { height: 100%; } .contain_marques .manufacturers_box table { width: 100%; height: 70px; } .contain_marques .marques { /* height: 150px; */ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .contain_marques .marques a { height: 100px; width: 100px; /* display: flex; */ flex-wrap: wrap; justify-content: center; align-items: center; } .contain_marques .marques a img { max-height: 60px; max-width: 180px; width: auto; margin: 0 20px; } marquee.marques {} .contain_marques h3{ color: #000; text-decoration: none; font-weight: 300; font-size: 25px!important; /* width: 295px; */ text-align: center; padding: 0 10px; box-sizing: border-box; margin: 0; margin-bottom: 80px; } .les_plus_pictos{ width:100%; /* background-color:var(--second-color); */ display:flex; padding:60px 20px; display:flex; max-width: 1170px; margin: auto; } .contain-pictos { width: 100%; display: flex; align-items: center; justify-content: center; align-content: center; } .contain-pictos .picto { width: 33.3%; display: flex; gap: 20px; } .contain-pictos .picto p { color: #fff; font-weight: 500; font-size: 18px; } .contain-pictos .picto p .bold { font-weight: 800; } .contain-pictos .picto .img-picto { width: 90px; height: 90px; background-color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; align-content: center; } .contain-pictos .picto .img-picto img { width: auto; } .picto_ligne { background-color: #1a1a1a; } .entete{ background-image: url(./images/heading_pro.jpg); height: 700px; display: flex; justify-content: center; align-items: center; align-content: center; background-size: cover; } .entete h2 { font-size: 30px; color: #fff; font-weight: 500; text-align: center; } .entete.lite { height: 200px; } .entete.lite h2 { font-size: 30px; color: #fff; font-weight: 500; text-align: center; } .entete.campingcar { background-image: url(./images/heading_camping_car.jpg); } table.contain-100.entete .form-top { width: 100%; max-width: 1170px; display: flex; margin: auto; } .contain-100{ width:100%; display: flex; flex-wrap: wrap; } .contain-100 > tbody > tr > td table { width: 100%; } .contain-100.contain-infobox tr { display: flex; flex-direction: row; flex-wrap: wrap; } .contain-100.contain-infobox tr td { display: flex; flex-direction: row; width: calc(100% - 200px); } .contain-100.contain-infobox tr td .inputRequirement { height: 100%; display: flex; align-items: flex-start; align-content: flex-start; /* line-height: 38px; */ } table.contain-100.limit1170 { max-width: 1170px; margin: auto; } .contain-atout { display: flex; justify-content: center; align-content: center; align-items: center; } .contain-atout tbody { width: 100%; max-width: 1170px; display: flex; } .contain-atout tbody tr,.contain-atout tbody td { width: 100%; } .contain-100.contain-atout tbody td { display: flex; flex-direction: row; justify-content: space-between; } .contain-100 > tbody, .contain-100 > tbody > tr, .contain-100 > tbody > tr > td { width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-direction: column; border-spacing: unset!important; margin: 0; } .info_paie td { text-align: left!important; display: flex; align-items: flex-start!important; } .info_paie tbody { gap: 20px; } .delivery_color { background-color: #e4e4e4; padding: 40px 20px; } .delivery_color h4 { font-size: 15px; text-align: center; border: none; } .delivery_color table { max-width: 1170px; margin: auto; } table.login { padding: 64px 0; /* margin: auto; */ max-width: 1170px; width: 100%; } table.login a { color: #000; text-decoration: underline; } table.login td { font-size: 12px; } table.login td.main { display: flex; align-items: center; } table.login > tbody > tr > td { margin: 0 10px; display: flex; } table.login > tbody > tr { display: flex; } .infoBox { background: #f8f8f9; padding: 20px; } .login .infoBox { padding: 0; min-height: 290px; } .login .infoBox .infoBoxContents { padding: 20px; display: flex; box-sizing: border-box; } .login .infoBox .infoBoxContents > td > table > tbody > tr { padding-bottom: 10px; } .entete_login p { width: 100%; background-color: var(--second-color); padding: 12px; /* display: flex; */ margin: 0; color: #fff; font-size: 18px; margin: 0!important; } .button_account{ position: relative; z-index: 3; /* background-color: var(--second-color); */ /* padding: 10px; */ color: #fff; box-sizing: border-box; bottom: 0; display: flex; justify-content: flex-start; width: 242px; max-width: 1170px; } .button_account:after { content: ''; clip-path: polygon(40% 0, 100% 0%, 100% 100%, 0% 100%); background-color: var(--second-color); right: -19px; position: absolute; width: 20px; height: 100%; top: 0; transform: rotate(180deg); } .button_account a { color: #fff; /* z-index: 3; */ background-color: var(--second-color); padding: 10px; color: #fff; box-sizing: border-box; display: flex; align-items: center; gap: 14px; } .content_center{ max-width:1170px; margin:auto; min-height: 235px; padding: 0 20px; } .account_tab { padding: 50px 0; width: 100%; } .title_tab { display: flex; padding: 30px 0 10px; font-size: 20px; justify-content: space-between; } .center_tab tr.title_tab .inputRequirement { font-size: 14px!important; } .center_tab .title_tab td { font-size: 20px!important; width: 50%!important; } .infoBoxContents .picto{ /* display:flex; */ justify-content: center; align-items: center; flex-direction: column; text-align: left; } .center_tab td.main.picto { font-size: 14px!important; } .center_tab td{ font-size: 12px!important; /* padding-left: 10px; */ } .center_tab td.main.title_info { width: 200px; text-align: left; display: flex; justify-content: flex-start; } .center_tab td.main { width: 20%; } .center_tab td.main.check-panier { width: 50%; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; } .center_tab td.main.check-panier-left { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 50%; } .center_tab td.main.check-panier-left a { width: 250px; display: flex; justify-content: space-between; } .validation_cdv { display: flex; justify-content: flex-start; gap: 10px; flex-direction: row-reverse; align-content: flex-start; align-items: flex-start; padding-bottom: 0; width: 100%; } .validation_cdv b br { display: none; } .infoBox td .validation_cdv input { width: 20px; height: 20px; } .center_tab .choix_livraison td.main { width: 280px; } .center_tab .choix_livraison tr, .center_tab .choix_livraison tbody, .center_tab .choix_livraison table { width: 100%; } .center_tab .choix_livraison td.main:last-child { width: calc(100% - 280px); } .center_tab .choix_livraison td.main.check { width: 100%; display: flex; gap: 10px; align-items: center; justify-content: center; align-content: center; } .center_tab .choix_livraison td.main.check input { width: 20px!important; } .center_tab .choix_livraison td.main:last-child input { width: 97%; } .primary_adress td table td { font-size: 15px!important; width: 100%; padding-left: 20px; border-left: 5px solid var(--main-color); } .center_tab .tab_com_preview tr:last-child td.main { display: flex; justify-content: flex-end; width: 100%; } td.button-contain { display: flex; width: 240px; gap: 10px; } td.button-contain a { margin: 0; gap: 10px; } .infoBoxContents a:hover { color: var(--second-color); } .infoBoxContents a.button_white.blue:hover { background-color: var(--main-color); color: #fff; } .infoBoxContents .picto img { width: 70px; height: auto; } .moduleRow { padding: 10px 10px; display:inline-flex; justify-content: space-between; width: 100%; } .checkselect tr.moduleRow.check, .checkselect tr.moduleRowSelected { width: 100%; } tr.moduleRow.check td, .center_tab .checkselect tr td.main { width: 50%!important; display: flex; align-items: center; } tr.moduleRow.check td.right, .center_tab .checkselect tr td.main.right { display: flex; justify-content: flex-end; } tr.moduleRow.check td input, .checkselect tr td input { width: 20px; } tr.moduleRow.check td:last-child { width: 100%; display: flex; align-content: center; align-items: center; } .adress_contain tr.moduleRow td { width: 50%; } .adress_contain tr.moduleRow td.main:last-child, .adress_contain tr.moduleRowOver td.main:last-child { display: flex; justify-content: flex-end; gap: 10px; } .moduleRow td,.moduleRowOver td, .moduleRowSelected td { width: 100px; } .choix_adress .moduleRow td, .choix_adress .moduleRowOver td, .choix_adress .moduleRowSelected td { width: calc(70% - 20px); } .choix_adress .moduleRow td:last-child, .choix_adress .moduleRowOver td:last-child, .choix_adress .moduleRowSelected td:last-child { width: 20px; } .choix_adress .moduleRow td:first-child, .choix_adress .moduleRowOver td:first-child, .choix_adress .moduleRowSelected td:first-child { width: 30%; } .choix_adress .moduleRow td.t100:first-child, .choix_adress .moduleRowOver td.t100:first-child, .choix_adress .moduleRowSelected td.t100:first-child {width: 100%;} .choix_adress .moduleRow , .choix_adress .moduleRowOver , .choix_adress .moduleRowSelected { width: 100%; display: flex; justify-content: space-between; } .moduleRow td:nth-child(3), .moduleRowOver td:nth-child(3), .moduleRowSelected td td:nth-child(3){ width: calc(100% - 440px); } .moduleRowOver { background-color: #a5a5a5; cursor: hand; padding: 10px 10px; display:inline-flex; justify-content: space-between; width: 100%; } .moduleRowSelected { background-color: #a5a5a5; padding: 10px 10px; display:inline-flex; justify-content: space-between; } #defaultSelected { display: flex; } tr#defaultSelected.extend_flex { display: flex; justify-content: space-between; } #defaultSelected.moduleRow td,#defaultSelected .moduleRowOver td, #defaultSelected.moduleRowSelected td { width: auto; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } a.blue_button, .blue_button, .confirm_com form { background-color: var(--second-color); padding: 10px; display: inline-flex; justify-content: flex-start; color: #fff; margin-bottom: 10px; transition:all 0.5s ease; text-decoration: none; margin-top: 10px; gap: 10px; align-items: center; align-content: center; border: none; } .button_contain a.blue_button { margin: 0; } a.blue_button .fa , .blue_button .fa { margin-top: 0px; } a.blue_button:hover, a.orange_button:hover, .blue_button:hover{ background-color:var(--gris-pneu); } .tab_com_preview tr:last-child { display: flex; align-items: flex-end; align-content: flex-end; flex-direction: column; } .talignright { text-align: right; } a .fa { font-size: 18px; } .pagination{ padding:20px 0; } .pagination tr { display: flex; flex-direction: column; } .pagination tr td { text-align: left; } .pagination tr td.pagination_number b, .pagination tr td.pagination_number a { background-color: var(--second-color); color: #fff; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; text-decoration: none; } .pagination tr td.pagination_number b { background-color: #d9d9d9; color: #000; } .pagination tr td.pagination_number a u { text-decoration: none; } .pagination tr td.pagination_number a:last-child { width: auto; border-radius: 0; padding: 0 5px; text-decoration: none; } TD.smallText, SPAN.smallText, P.smallText { font-family: 'Poppins', sans-serif; font-size: 12px; } td.smallText.pagination_number { display: flex; } .marge_contain .marge_bloc td{ width: calc(20% - 12px); /* font-weight: 600; */ } .marge_contain .marge_bloc.title_marge td { font-weight: 600; } .marge_contain .marge_bloc td:last-child, .arrow-right { width: 258px; display: flex; justify-content: flex-start; } .marge_contain .marge_bloc td:last-child input { width: auto; padding-left: 30px; padding-right: 46px; } .marge_contain .marge_bloc td input, .marge_contain .marge_bloc td select, .infoBox td input, .infoBox td select { width: 100%; height: 40px; font-family: 'Poppins', sans-serif; font-size: 11px; border: 0; /* background-color: #000; */ padding: 10px; margin: 0; } .marge_contain .marge_bloc td:first-child input { width: calc(100% - 20px); margin-right: 7px; } .marge_contain .marge_bloc td:first-child {width: 120px;} .marge_contain .marge_bloc { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; padding: 5px; } .marge_contain.result_marge .marge_bloc:nth-child(2n) { background-color: #00000012; } .arrow-right .fa { position: absolute; left: 90px; font-size: 14px; color: #fff; top: 15px; } .button_contain, .button_contain tbody, .button_contain tbody tr{ width: 100%; display: flex; justify-content: space-between; } .button_contain td.arrow-right { width: 130px; } .button_contain td.arrow-right input { /* height: 30px; */ line-height: 21px; padding-right: 27px; text-transform: uppercase; font-size: 12px; width: 100%; margin: 0; } .button_contain td.arrow-right .fa { left: auto; right: 19px; top: 12px; font-size: 18px; } .list_panier .productListing > tbody > tr:first-child td{ padding:10px; font-size:12px; background-color:#ededed; border:1px solid #ededed; box-shadow: none; width: auto; width: calc(100% - 335px); } .list_panier .productListing > tbody > tr > td:first-child { width: 100px; } .list_panier .productListing > tbody > tr > td:first-child a { color: var(--main-color); } .list_panier TR.productListing-on { background:#fff; } .list_panier .productListing > tbody > tr >td:first-child img{ width:20px; height:auto; } .list_panier .productListing > tbody > tr > td{ padding: 10px; box-shadow: none; border:1px solid #ededed; display: inline-flex; border: 1px solid #FFF; width: calc(100% - 335px); align-items: center; justify-content: center; align-content: center; } .list_panier .productListing-odd > td { border: 1px solid #fff!important; } td.productListing-data {} .list_panier .productListing > tbody > tr > td select{ padding:5px 5px; } .list_panier .productListing > tbody > tr > td:last-child{ font-size:14px!important; background-color: #ECECEC; width: 115px; width: 115px; } .list_panier .productListing > tbody > tr > td:last-child {} .list_panier .productListing > tbody > tr > td:nth-child(3) { width: 120px; } .list_panier .productListing > tbody > tr > td table a{ color:#222; font-size:12px; height: auto; } .list_panier .productListing > tbody > tr > td table td{ box-shadow:none; border: 3px solid #ECECEC; height: auto!important; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f9fbfa; } TABLE.productListing { /*border: 1px; border-style: solid; border-color: #000000; border-spacing: 1px;*/ max-width: 1170px; margin: auto; width: 100%; padding-top: 65px; } table.productListing tr { position: relative; } .list_adresse_panier td{ box-shadow:none!important; padding:5px;font-size:11px!important; } .list_adresse_panier td{ /* border-bottom: 1px solid #ccc; */ /* border-right:1px solid #ccc; */ border-color: #f8f8f9; } .list_adresse_panier tr:first-child td{ padding:10px; /* background-color:#eee; */ /* border-top:1px solid #ccc; */ font-size:14px; } .list_adresse_panier tr:first-child td:last-child { width: auto; background: transparent; } .list_adresse_panier tr:first-child td {} .list_adresse_panier tr td:first-child{ border-left: 0; } .list_adresse_panier tr { background-color: transparent; } .productListing-heading { font-family: 'Poppins', sans-serif; font-size: 14px; background: #C6C6C6; color: #000000; font-weight: 500; line-height: 14px; border: 3px solid #fff; min-height: 55px; /* display: flex; */ padding: 10px; box-sizing: border-box; -moz- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; -webkit- box-shadow: 0 0 6px #eeeeee inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; /* box-shadow: 0 0 6px #ffffff inset, 0 0 6px #eeeeee inset, 0 0 6px #eeeeee; */ justify-content: center; align-items: center; text-align: center; } a.productListing-heading { border: 0; background: transparent!important; padding: 0; } .contain-subtotal { padding: 10px 8px; display: flex; justify-content: flex-end; background-color: #d6061721; margin: 3px 3px 20px; } .final_adresse td, .final_facturation td{ font-size:12px!important; font-weight:normal; line-height:20px; } .title_block{ margin:0px; margin-bottom:5px; font-size:14px; margin-top:30px; font-weight:bold; } .final_adresse tr:first-child .title_block, .final_facturation tr:first-child .title_block{ margin-top:0px; } .title_block .orderEdit{ color: var(--second-color); } .flex_promo { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; /* position: relative; */ } .button_plus, .button_panier, .button_express { width: 42px; height: 42px; display: flex!important; justify-content: center; align-items: center; } .button_panier { background-color: var(--second-color); transition: all 0.5s ease; color:#fff; padding: 0!important; } .productListing-odd td:last-child div > a.button_panier, .productListing-even td:last-child div > a.button_panier , .productListing-on td:last-child div > a.button_panier{ height:100%; } .button_panier:hover { background-color: #000; color: #fff; } .button_express { background-color: var(--main-color); color: #fff; display: flex; gap: 7px; /* position: absolute; */ z-index: 1; width: auto; padding: 5px; height: auto; left: 0; margin-bottom: 4px; } @media (max-width: 1170px) { .owl-slider-home .item .txt-contain > h3{ font-size: 20px; line-height: 20px; } .contain-txt-2{ padding-left:20px; padding-right:20px; } .campingcar #tab > div.double{ width: 75%; } .atout { margin-right: 57px; } .campingcar #tab > div { width: 25%; } .owl-slider-home .item .txt-contain { display: flex; flex-direction: row; flex-wrap: wrap; width: 95%; } .contain-header { padding: 0 0px 0 10px; } .contain-header .logo { width: 250px; } .contain-header #background-menu { width: calc(100% - 250px); z-index:100000; } .contain-header #background-menu ul{ height:0; left:0; padding:0!important; width:100%; } .menu li a.menu{ font-size:14px; } .contain-header #background-menu .top_menu { padding-right: 10px; } .slogan { width: 340px; } .recherche_bloc { display: flex; flex-wrap: wrap; } .entete{ height:auto; } .pro_ligne .bandeau_pro { display: flex; flex-wrap: wrap; } .pro_ligne .bandeau_pro .title_bandeau { width: 100%; display: flex; align-items: center; justify-content: center; align-content: center; } .camping_car .contain-txt { width: calc(100% - 200px); } .pro_ligne .bandeau_pro .title_bandeau h3 { text-align: center; display: flex; align-items: center; } .pro_ligne .bandeau_pro .title_bandeau:after { display: none; } .pro_ligne .bandeau_pro div { width: 50%; } .pro_ligne .bandeau_pro div a { text-align: center; } .contain-pp { padding-left: 20px; padding-right: 20px; } .contain-pp + table, .contain-pp + table tbody, .contain-pp + table tbody tr, .contain-pp + table tbody tr td, .contain_marques td{ width:100%!important; display:block; } .recherche form > div, .recherche_complet form .recherche_bloc > div, .recherche_complet form .recherche_bloc > div.contain-filtre, .recherche_complet form .recherche_bloc.promo > div.contain-filtre { width: 100%; } .contain-pp #title h3, #title h3 { font-size: 18px; } } @media (max-width: 980px) { .contain-header{ display: flex; flex-direction: column; align-items: center; padding: 0; } .liste_marque tr,.liste_marque td{ width: 100%!important; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; } .block_list_jante{ width:100%; max-width: 370px; } .block_list_container { display: flex; justify-content: center; } .liste_marque td ul { margin: 0; } .liste_liens_jantes tbody{ display:flex; flex-wrap: wrap; } .modele_jante table tr{ display:flex; flex-direction: column; align-items: center; width: 48%; gap: 0; margin: 0 1%; } .modele_jante table td ul li a, .modele_jante table td a, .modele_jante table td{ /* text-align:center!important; */ margin-bottom: 0; width: 100%; } .fiche_jante{ display:flex; flex-direction: column; align-items: center; } .fiche_jante .right_fiche_jante{ width:100%; padding: 0; } .fiche_jante .left_fiche_jante{ display: grid; flex-direction: row; flex-wrap: wrap; grid-template-columns: repeat(2, 50%); grid-template-rows: repeat(3, 1fr); width: 100%; background-color: #fff; margin-bottom: 25px; max-width: 500px; } .fiche_jante .left_fiche_jante > img{ grid-area: 1 / 1 / 4 / 2; /* width: auto; */ /* height: 100%; */ } .fiche_jante .left_fiche_jante .prix_fiche{ grid-area: 1 / 2 / 2 / 3; } .fiche_jante .left_fiche_jante .add_fiche{ grid-area: 2 / 2 / 3 / 3; } .fiche_jante .left_fiche_jante .back{ grid-area: 3 / 2 / 4 / 3; } #formspe .option:nth-child(1){ width: 100%; position: relative; margin-top: 0; padding: 40px 20px; } #formspe .option { width: 100%; position: relative; margin-top: -30px; display: flex; gap: 10px; align-items: center; align-content: center; justify-content: center; padding: 59px 20px 40px; } #formspe .option:nth-child(5) { width: 100%; } #formspe .option:after { /* transform: rotate(90deg); */ top: auto; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; clip-path: polygon(0% 75%, 0% 0%, 100% 0%, 100% 75%, 50% 100%); margin: 0; /* margin-top: -24px; */ } #formspe .option:nth-of-type(1)::after { margin: 0; bottom: 0; } #formspe .option:nth-child(1) select { width: auto; } #formspe .option label { margin: 0; } .new_client{ display: flex; flex-direction: column; } .contain-pictos .picto{ width: 100%; display: flex; align-content: center; justify-content: flex-start; align-items: center; max-width: 320px; } .style_footer_rma { display: flex; flex-direction: column; align-items: center; } #footer > div { width: 100%; border: 0; } .contain-pictos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; gap: 20px; flex-direction: column; } .contain-header #background-menu { width: 100%; padding: 0; } .slogan { width: 100%; } .slogan p { text-align: center; } .contain-header #background-menu .top_menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; display:none; } .contain-header #background-menu ul { padding: 10px; } .panier, .bt_compte { padding: 10px; } } @media (min-width: 768px) { .btn-menu{ display:none; } .resp_picto { display: none; } } @media (max-width: 768px) { .resp_picto{ position:absolute; right:80px; top:25px; } .title_tab table, .title_tab tr, .title_tab td{ width: 100%!important; } .center_tab.account_tab td.main.picto, .center_tab.account_tab .infoBox { width: 100%!important; } .center_tab.account_tab td.main.picto { display: flex; align-items: flex-start; } .center_tab.account_tab tr, .center_tab.account_tab td { display: flex; width: 100%; flex-wrap: wrap; } .title_tab, .center_tab .title_tab td { width: 100%!important; } tr {} .contact_contain{ padding-left:20px; padding-right:20px; } .campingcar #tab > div.double{ width: 100%; } .campingcar #tab > div { margin-right: 0; } .campingcar #tab { display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-content: flex-start; align-items: flex-end; } .owl-slider-home .item .txt-contain > h3{ width:100%; } .owl-slider-home .item .txt-contain { display: flex; flex-direction: column; } .owl-slider-home .item .txt-contain.x3 > h3 { text-align: center; width: 100%; } .owl-slider-home .item img { object-fit: cover; width: 100%; height: 100%; } .owl-slider-home .item { height: 50vh; } .camping_car{ display: flex; flex-wrap: wrap; height: auto; } .camping_car .contain-txt { width: 100%; display: flex; align-items: center; } .camping_car .contain-txt h3, .camping_car .contain-txt p { text-align: center; } .camping_car .contain-img { width: 100%; height: 300px; } .resp_picto ul{ display:flex; } .resp_picto ul li{ padding:0 10px; } .resp_picto ul li a i{ font-size:25px; } .btn-menu{ border:0px; background-color:transparent; width:35px; position:absolute; right:20px; top:25px; padding:0; height:auto!important; line-height:1; font-size:0; } ul.menu{ height:0px; overflow:hidden; display:block!important; background-color: rgb(255 255 255 / 70%); } .menu li{ display:block; text-align:center!important; border-bottom:1px solid #222; } .no_resp{ display:none!important; } .menu li a.menu{ display:block; padding:10px 10px; } .contain-header{ position:relative; display:block; font-size:0; width:100%; } #background-menu{ position:absolute!important; top:100%; display:block; width:100%!important; } .header{ padding:0!important; display:block; height:auto; /* position:absolute!important; */ background-color: rgb(255 255 255 / 70%); } .logo{ padding:15px 0px!important; } .icon-bar+ .icon-bar{ margin-top:8px; } .icon-bar{ height:2px; width:100%; border-radius:1px; display:inline-block; margin:0px; background-color: var(--second-color); } .top_form{ display: flex; flex-wrap: wrap; /* gap: 13px; */ } .block_input { width: 100%; margin: 0; } .recherche_complet form .recherche_bloc > div .dimension .container1, .recherche_complet form .recherche_bloc > div .dimension .container2 { width: 100%; display: flex; flex-wrap: wrap; } .recherche_complet .col-recherche .dimension .container1 div, .recherche_complet .col-recherche .it div { width: 100%; } .pro_ligne .bandeau_pro div.promo_jour, .pro_ligne .bandeau_pro div.jante_bandeau { width: 100%; height: 165px; } .pro_ligne .bandeau_pro .title_bandeau h3, .pro_ligne .bandeau_pro .title_bandeau h3 .bold, .new_client h3 { display: flex; align-items: center; justify-content: center; align-content: center; text-align: center; flex-direction: column; } .block_input:first-child { background: transparent; } .block_input [type="radio"]:checked + label:after { bottom: 0; } .block_input a { display: flex; align-items: center; justify-content: center; align-content: center; } .entete { height: auto; } .block_input a h3, .block_input a p { text-align: center; } TD.productListing-data { box-shadow: none; } .pageRecherche .productListing tbody{ display:block; width:100%; } .pageRecherche .productListing tbody tr{ display:block; width:95%; } .pageRecherche .productListing tbody tr td{ display:block; width:100%; box-sizing:border-box; } .secours .submit { padding: 0px; } #centre td { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; text-align: left; display: block!important; } #centre table { border: 0; border-collapse: collapse; padding: 0; width: 100%; } #promo { display: none; } .title-responsive { display: block; float: left; font-size: 13px; text-transform: capitalize; font-weight: normal; color: #000; padding-right: 20px; } td.main { display: block; } .livraison_picto { display: flex!important; flex-direction: column-reverse; flex-wrap: wrap; } #product_use{ width: 100%; } .recherche_gauche { display: flex; flex-direction: column; } .recherche_gauche select { width: 100%; } .slogan_pneustore{ font-size: 25px; margin-bottom: 30px; } .slogan_pneustore .bold { font-size: 20px; } .productListing tr{ display:flex; /* background-color: #ececec; */ } table.productListing > tbody > tr:first-child, .roues_secours .productListing > tbody > tr:first-child, .roues_complete .productListing > tbody > tr:first-child, .account_tab .productListing > tbody > tr:first-child { display: none!important; } table.productListing > tbody > tr { display: grid; grid-template-columns: 31% 23% 23% 23%; grid-template-rows: repeat(4, 1fr); margin-bottom: 30px; width: 100%; } .account_tab .productListing > tbody > tr { display: grid; grid-template-columns: 33.3% 33.3% 33.3%; grid-template-rows: repeat(2, 1fr); margin-bottom: 30px; } .roues_secours .productListing > tbody > tr, .roues_complete .productListing > tbody > tr{ display: flex; flex-wrap: wrap; margin-bottom: 30px; } .roues_secours .productListing > tbody > tr td, .roues_complete .productListing > tbody > tr td { width: 100%; height: auto!important; display: flex; justify-content: center; align-items: center; flex-direction: column; } .roues_secours .productListing > tbody > tr td:last-child a, .roues_complete .productListing > tbody > tr td:last-child a { padding: 19px 0px; } .productListing > tbody > tr > td:nth-child(1) { grid-area: 1 / 1 / 2 / 2;; display: flex; height: 100%!important; width: 100%!important; } .list_panier .productListing > tbody > tr > td:nth-child(1) { width: 40px!important; height: 60px !important; } .list_panier .productListing > tbody > tr > td:nth-child(2) { width: calc(100% - 120px)!important; height: 60px !important; } .list_panier .productListing > tbody > tr > td:nth-child(3) { width: 80px!important; height: 60px !important; } .list_panier .productListing > tbody > tr > td:nth-child(4) { height: 60px!important; } .account_tab .list_panier .productListing > tbody > tr { display: flex; flex-direction: row; align-items: stretch; } .productListing > tbody > tr > td:nth-child(2) { grid-area: 2 / 1 / 3 / 2; display: flex; justify-content: center; align-items: center; width: 100%!important; } .productListing > tbody > tr > td:nth-child(3) { grid-area: 1 / 2 / 2 / 5; text-align: center; /* vertical-align: middle; */ /* height: auto!important; */ display: flex; justify-content: center; align-items: center; width: 100%!important; } .productListing > tbody > tr > td:nth-child(4) { grid-area: 2 / 2 / 3 / 3; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%!important; } .productListing > tbody > tr > td:nth-child(5) { grid-area: 2 / 3 / 3 / 4; display: flex; justify-content: center; align-items: center; } .productListing > tbody > tr > td:nth-child(6) { grid-area: 2 / 4 / 3 / 5; display: flex; justify-content: center; align-items: center; } .productListing > tbody > tr > td.prix { grid-area:3 / 1 / 4 / 2; height: 100%!important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; align-content: center; } .productListing > tbody > tr > td.prix:before { content: 'Prix d\'achat HT'; display: flex; width: 100%; border-bottom: 1px solid #00000036; align-items: center; justify-content: center; } .productListing > tbody > tr > td.marge { grid-area: 3 / 2 / 4 / 3; height: 100%!important; height: 100% !important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; align-content: center; } .productListing > tbody > tr > td.marge:before { content: 'Marge'; display: flex; width: 100%; border-bottom: 1px solid #00000036; align-items: center; justify-content: center; } .productListing > tbody > tr > td.prixrvht { grid-area: 3 / 3 / 4 / 4; height: 100%!important; height: 100% !important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; align-content: center; } .productListing > tbody > tr > td.prixrvht.alone { grid-area: 3 / 1 / 4 / 3; } .productListing > tbody > tr > td.prixrvht:before { content: 'Prix de vente HT'; display: flex; width: 100%; border-bottom: 1px solid #00000036; align-items: center; justify-content: center; } .productListing > tbody > tr > td.prixrvttc { grid-area: 3 / 4 / 4 / 5; height: 100%!important; height: 100% !important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; align-content: center; } .productListing > tbody > tr > td.prixrvttc.alone { grid-area: 3 / 3 / 4 / 5; } .productListing > tbody > tr > td.buynow { grid-area: 4 / 1 / 5 / 5; height: 100%!important; height: 100% !important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0; align-content: center; margin: 0; } .flex_promo { width: 100%; display: flex; flex-direction: row; /* height: auto; */ gap: 5px; justify-content: flex-end; } .productListing > tbody > tr > td.prixrvttc:before { content: 'Prix de vente TTC'; display: flex; width: 100%; border-bottom: 1px solid #00000036; align-items: center; justify-content: center; } .button_plus, .button_panier { /* width: 100%; */ width: 70%; } .button_express { width: 31%; height: 42px; } .productListing tbody { background-color: transparent; } .productListing{ padding: 20px 0; } .contain-promo-list { padding: 0; padding-top: 25px; } .list_actu.home .block_list_actu{ max-height:none; } .block_list_actu .center_actu{ display:flex; flex-direction: column; height: auto; width: 100%; } .contain_img_actu, .contain_img_actu img { width: 100%!important; height: auto; } .list_actu.home .right_actu { width: 100%; } .contain_marques .marques a img{ max-height:100px; } .contain_marques .marques a{ height:200px; } .contain_plus .les_plus_pictos .contain-pictos{ display:flex; flex-direction: column; align-items: center; } .contain-logo{ display:flex; flex-direction: column; align-items: center; gap: 20px; } .contain-logo img{ width:100%; max-width: 115px; } #footer > tbody > tr{ display:flex; flex-direction: column; align-items: center; } #footer > tbody > tr > td { text-align: center; margin-bottom: 20px; } #cadre_jantes .bg_noire_jante .lien_jante{ display:flex; flex-direction: column; align-items: center; } .fiche_jante .left_fiche_jante{ display:flex; } .fiche_jante .right_fiche_jante td,.fiche_jante .right_fiche_jante th{ width: 100%!important; border:none; margin: 0; text-align: center; height: auto; display: flex; align-items: center; justify-content: center; min-height: auto; } .fiche_jante .right_fiche_jante tr{ display:flex; flex-direction: column; margin-bottom: 15px; } .heading_ps h1, .form_marque_jantes h2, .form_marque_jantes h1, .pageHeading h1, .list_centre p { font-size: 20px; } .form_marque_jantes h2 span{ font-size:15px; } .galette_content{ width:100%; padding: 0!important; margin-bottom: 20px; } #cadre_jantes > table{ width: 100%; display: flex; padding: 20px; } .newsletter tr { display: flex; } .tab_com_preview tr { display: flex; flex-direction: column; border-bottom: 2px solid #d5d5d5; } .tab_com_preview tr:last-child { border: none; } .tab_com_preview tr:first-child { border-top: 2px solid #d5d5d5; } .tab_com_preview tr td { width: 100%!important; } #cadre_jantes > table > tbody, #cadre_jantes > table > tbody > tr { width: 100%; display: flex; flex-direction: column; } .galette_content .left-galette .img_right img{ width:100%; height:auto; } .galette_liste .right_galette{ width: 100%!important; max-width: 350px; } .row_legend{ display:flex; flex-direction: column; align-items: center; gap: 20px; } .list_centre .productListing-data{ width:100%; } .row_legend .block_legend{ width:100%; } .encart_orange{ display:flex; flex-direction: column; align-items: flex-start; } .infoBoxContents.flex{ width:100%; display:flex; flex-direction: column; } .infoBoxContents.flex td { width: 100%; } .list_panier .productListing{ width:100%; } .nav_panier{ display:flex; flex-direction: column; align-items: center; } .block_nav{ width: 200px; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; margin-bottom: 10px; } .block_nav:after{ display:none; } .block_nav .bubble{ margin-right: 20px; display: flex; justify-content: center; align-items: center; margin-left: 0; } .block_nav.active .title_nav, .block_nav.active .title_nav a, .title_nav, .title_nav a { margin: 0; text-align: left; } .panier_page .infoBox > tbody > tr > td > table > tbody > tr{ display: flex; flex-direction: column; margin-bottom: 10px; border-bottom: 1px solid #c8c8c8; gap: 10px; } .noneresponsive { display: none!important; } .panier_page .infoBox > tbody > tr > td > table > tbody > tr > td { width: 100%; } .center_tab td.main.check-panier { width: 100%; } .button_contain td.arrow-right input[type="checkbox"] { width: 23px; } .recap tr td { padding: 0; } .choix_adress .moduleRow td:first-child, .choix_adress .moduleRowOver td:first-child, .choix_adress .moduleRowSelected td:first-child { width: 100%; } .panier_page .infoBox > tbody > tr > td > table > tbody > tr:first-child td:first-child { width: 100%; display: flex; align-content: flex-end; } .panier_page .infoBoxContents > td{ width:100%; } .panier_page .infoBoxContents > td table { width: 100%; } .panier_page .infoBoxContents { display: flex; flex-wrap: wrap; } .arrow-right .fa{ top: 27px; } .contain_recyclage{ display: flex; flex-direction: column; } #cadre_jantes .modele_jante table tr{ width:100%; } #cadre_jantes .modele_jante table tr ul, #cadre_jantes .modele_jante table tr td{ margin: 0!important; padding: 0!important; } .list_centre ul{ width:100%; padding:0; } .list_centre ul li { width: 100%; } .tab tr{ display:flex; flex-direction: column; } .tab td{ width:100%; text-align: center; } .visitor_cart{ display:flex; flex-direction: column; } .login .infoBox{ width:100%; } table.login > tbody > tr > td { margin: 0; margin-bottom: 20px; width: 100%; } .contain-100 > tbody > tr > td table { padding-left: 20px; padding-right: 20px; } table.login > tbody > tr { display: flex; flex-direction: column; } } @media (max-width: 500px) { .productListing > tbody > tr > td{ width: 100%!important; padding: 5px; } .contain-header .logo{ width: 180px; } table.productListing > tbody > tr { display: flex; flex-direction: column; } .campingcar #tab > div.double{ display: flex; flex-direction: column; } .campingcar #tab > div.double span:first-child { border: 0; } .campingcar #tab > div.double span { text-align: center; } .campingcar #tab > div { width: 100%; } }