Scooter électrique efflux 500 de la rue W juridique h2 { font-family: "open sans"; font-size: 13px; font-weight: 400; color: #ffffff; opacity: 0.8; } .navElement i { color: #ffffff; opacity: 0.7; } #navElementBlue { background-color: #3398DA; margin-top: 1px; } #navElementBlue i { font-size: 55px; } #navElementOrange { background-color: #F39C12; } #navElementOrange i { font-size: 52px; margin-top: 4px; } #navElementGreen { background-color: #27AE60; } #navElementGreen i { font-size: 51px; margin-top: 5px; } #navElementPurple { background-color: #8E44AD; } #navElementPurple i { font-size: 43px; margin-top: 11px; } #navElementPurple h2 { padding-top: 2px; } #navElementRed { background-color: #E74C3C; } #navElementRed i { font-size: 55px; margin-top: 1px; } #gallery { width: 55%; float: left; } #shortDescription h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 21px; font-weight: 400; color: #424242; margin:25px 0 0 0; } #shortDescriptionContainer { padding: 0 20px; } #referralContainer { width: 300px; float: right; } #overviewContainer { float: left; width: 45%; } #overview { border: 1px solid #ddd; } .tabContainer { margin-top: 50px; padding-right:320px; } .galleryThumb img { max-width: 100%; border: 1px solid #dddddd; } #leftContainer { padding-right:300px; position: relative; } #overviewPadding { padding: 0 20px; } #bigPic { min-height:345px; } #bigPic img { max-width: 100%; } .galleryThumbPadding { display: inline-block; width: 24.5%; } .galleryThumb:hover { cursor: pointer; opacity: 0.7; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } .galleryThumb { padding: 0 5px 0 5px; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } #galleryNav { padding-top: 15px; text-align: center } #overview > h1 { font-family: 'Source Sans Pro', sans-serif; font-size: 34px; font-weight: 400; color: #424242; padding: 0 20px; margin: 25px 0 0 0; } #overview > h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 400; color: #424242; padding: 0 20px; margin: 10px 0 35px 0; } #priceContainer { height: 100px; background-color: #ebebeb; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0 20px; line-height: 90px; } #priceContainer > h2 { display: inline; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: 400; color: #424242; } #priceContainer > h2 span { display: inline; font-family: 'Source Sans Pro', sans-serif; font-size: 28px; font-weight: 400; color: #e57e21; } #priceContainer h4 { display: inline; position: relative; top: 15px; left: -25px; font-family: 'Source Sans Pro', sans-serif; font-size: 12px; font-weight: 400; color: #e57e21; } .actionButton { display: inline-block; width: 150px; height: 45px; text-align: center; line-height: 45px; margin: 35px 0 35px 20px; -o-transition: .1s; -ms-transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; transition: .1s; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; padding: 0; text-decoration: none; } .actionButton a { color:#ffffff; text-decoration: none; } .actionButton h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 400; color: #ffffff; padding: 0; margin: 0; } .actionButton:hover { cursor: pointer; -o-transition: .1s; -ms-transition: .1s; -moz-transition: .1s; -webkit-transition: .1s; transition: .1s; } #buyItNowButton { background-color: #3398DA; } #buyItNowButton:hover { background-color: #2980b9; } #AskNowButton { background-color: #27AE60; } #AskNowButton:hover { background-color: #1B7A44; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } #shortDescription p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; color: #424242; } #referralContainerHeading { background-color: #3398DA; height:60px; line-height:60px; padding-left: 20px; margin-bottom:10px; } #referralContainerHeading:hover { cursor: default; } #referralContainerHeading * { color:#ffffff; } #referralContainerHeading i{ display: inline; font-size: 28px; position: relative; top:4px; margin-right:20px; } #referralContainerHeading h2{ display: inline; font-weight:400; font-size:20px } .referralItem { display: block; padding:10px 0px; clear:both; overflow: auto; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; color: #ffffff; text-decoration: none; } .referralItem img { max-width: 100px; } .referralItem:hover { cursor: pointer; background-color: #ebebeb; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } .referralItem * { -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } .referralItem:hover * { -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; } .referralItem img{ border: 1px solid #dddddd; float:left; margin-right:15px; } .referralItem h3{ font-size:18px; font-weight:300; color:#424242; margin: 5px 0 0 0; } .referralItem h4{ font-size:20px; font-weight:300; color:#424242; display: inline; margin: 0; } .referralItem h5{ font-size:12px; font-weight:300; color:#424242; display: inline; margin: 0; } #tab1, #tab2, #tab3, #tab4, #tab5:hover { } #tab2, #tab3, #tab4, #tab5 { display: none; } .tablinks { left: 0 !important; width: 100%; height: 50px; margin-bottom: 0; padding: 0; list-style: none; } .tablinks li { float: left; width: 150px; height: 50px; background-color: #EBEBEB; display: inline-block; text-align: center; font-size: 14px; font-family: 'open sans', sans-serif; color: #666666; line-height: 50px; margin-right: 10px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-transform: uppercase; } .tablinks li:hover { color: #fff; background-color: #BF392B; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; text-decoration: none; text-transform: uppercase; } .tablinks li span { width: 150px; height: 50px; background-color: #fff; display: inline-block; text-align: center; font-size: 14px; font-family: 'open sans', sans-serif; color: #000; border: 1px solid #D6D6D6; border-bottom: 1px solid #fff; z-index: 2; text-transform: uppercase; position: relative; } .tabcontent h1, .tabContainer h1 { font-size: 28px; font-weight: 300; font-family: 'open sans', sans-serif; } .tabtitle { padding: 15 5 5 5; border-bottom: 0; font-size: 12px; text-transform: uppercase; } .tabContainer { padding-bottom: 80px; font: 16px Lato; } .tabcontent { max-width: 1300px; margin: 0; padding: 25px 50px 55px 50px; overflow: hidden; font-size: 16px; white-space: pre-line; color: #111; text-align: left;; font-family: 'open sans', sans-serif; } .tabcontent p { margin:0; padding:0; } .tabcontent ul li, .tabcontent ol li{ font-size: 16px; color: #111; font-family: 'open sans', sans-serif; } .tabcontent a { color:#BF392B; } .tabcontent a:hover, .tabcontent a:visited { color:#c0392b; } .tabContainer ul, .tabContainer ol { position: relative; left: 40px; font: 14px Lato; } .tabcontent img { margin: 0 15px; max-width:600px; max-height:600px; } .contentImgLeft { float: left; margin-top: 0; margin-right: 15px; margin-bottom: 15px; margin-left: 0px; } .contentImgRight { float: right; margin-top: 0; margin-right: 0px; margin-bottom: 15px; margin-left: 15px; } .contentImgInline { display: inline-block; margin-top: 0; margin-right: 2%; margin-bottom: 15px; max-width:20%; } .contentImgInline img { width:100%; } #footerContainer { background-color: #222222; width: 100%; height: 220px; margin: 0; padding: 40px 0 0 0; } #footerContainer h1 { font-size: 18px; color: #fff; margin: 0 0 26px 0; font-weight: 300; padding: 0; } #footerContainer i { color:#ffffff; font-size:22px; float: left; line-height: 30px; } #footerContainer a { color: #D6D6D6; text-decoration: none; } #footerColumn1 { float: left; width: 220px; height: 180px; margin-left: 60px; } #footerColumn2, #footerColumn3 { float: left; width: 205px; height: 180px; margin-left: 35px; } .footerRow { height: 28px; margin-bottom: 20px; } #footerColumn1 p { font-size: 12px; color: #D6D6D6; margin: 0 0 0 40px; margin-bottom:0; padding:0; } #footerColumn2 p { font-size: 12px; color: #D6D6D6; margin: 5px 0 0 15px; display: block; font-weight: 400; float: left; } #footerColumn3 p { font-size: 12px; color: #D6D6D6; font-weight: 400; clear: both; } #footerColumn3 span { font-weight: 400; margin-top: 5px; } #copyright { float: right; color: #D6D6D6; font-size: 9px; margin: 0 0 0 15px; } #copyright a { color: #ffffff; text-decoration: none; } .contentBorder { border: 1px solid #D6D6D6; } .infoBox { width: 260px; padding:20px 20px; } #paymentLivraisonBox { background-color: #F39C12; margin-bottom:30px; margin-top:100px; } #paymentLivraisonBox h2 { line-height: 1.1; margin-bottom: 15px; } #contactBox { background-color: #27AE60; margin-bottom: 50px; } #contactBoxKat { background-color: #3398DA; margin-bottom: 50px; } .infoBox *{ color: #ffffff; } .infoBox i{ font-size: 46px; margin-right:20px; float:left; } .infoBox h2{ font-family: "open sans", sans-serif; margin:0; font-weight: 400; } #paymentLivraisonBox i{ position: relative; } #contactBox h2{ position: relative; top:5px; } .circle { width: 76px; height: 76px; border-radius: 500px; background-color: #3398DA; display: block; margin: 0 auto; position: relative; top:-38px; } .circle i { color:#ffffff; font-size: 36px; margin-top:20px; } .features { width: 100%; overflow: hidden; position: relative; padding: 30px 0; background-color: #3398DA; margin:0; } .featuresBlockContainer { text-align: center; margin: 0 auto; display: block; } .featuresBlock { width: 16%; min-height: 305px; padding: 0 1%; background-color: #fff; border-radius: 5px; display: inline-block; vertical-align: top; margin-left: 2%; margin-right: 2%; margin-top: 35px; margin-bottom: 40px; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; } .featuresBlock:hover { color: #3398DA; cursor: default; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .features h1 { font-family: 'Roboto Slab', serif; font-size: 36px; color: #fff; font-weight: 500; text-align: center; margin-bottom:30px; } .featuresBlock h2 { margin-top: 0px; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 500; text-align: center; } .featuresBlock p { margin-top: 25px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #666666; } #cleaner { clear:both; } #rightInfoContainer { float:right; } /* TABLET 1*/ @media only screen and (max-width: 1200px),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 3/2),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 2/1),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 2),only screen and (max-width: 1200px) and (-moz-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (-o-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (min-device-pixel-ratio: 3),only screen and (max-width: 1200px) and (device-aspect-ratio: 9/16) { #gallery { width: 55%; margin-bottom: 30px; } #referralContainer { margin-top:70px; width: 100%; clear:both; text-align: center; } .referralItem { display: inline-block; width:49%; } #referralContainerHeading { padding:0; text-align:center; } #leftContainer { padding-right:0; } #navbar { display: inline-block; margin: 0 0 0 25px; } .navElement { margin: 0 15px 0 0; } .contentImgLeft, .contentImgRight{ width:50%; } .tabcontent img { max-width:100%; height:auto; margin:0; } .contentImgInline { max-width:23%; height:auto; margin-right:1% } } /* TABLET 2*/ @media only screen and (max-width: 1024px),only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3/2),only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3/2),only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3/2),only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3/2),only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 2),only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2/1),only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),only screen and (max-width: 1024px) and (-moz-min-device-pixel-ratio: 3),only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 3),only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 3),only screen and (max-width: 1024px) and (min-device-pixel-ratio: 3),only screen and (max-width: 1024px) and (device-aspect-ratio: 9/16) { #cleanerTablet{ clear: both; height:50px; } #bigPic { text-align: center; width: 100%; } #bigPic img { width: 98%; } #shortDescriptionContainer { clear: both; } #logoContainer img{ max-width:100%; } #bsContainer1, #bsContainer2 { margin:100px 0 0 0; } #leftContainer { padding:0; } #navbar { width: 100%; text-align: center; padding: 0; } .navElement { float:left; width: 18%; margin-left:1%; margin-right:1%; border: none; } .actionButton { display: inline-block; width: 45%; height: 45px; text-align: center; line-height: 45px; margin: 35px 0 35px 10px; } #buyItNowButton { margin-left:3%; } #overviewPadding { padding: 0 1% 0 1%; } #referralContainer { margin-top:70px; width: 100%; clear:both; text-align: center; } .tabContainer { clear:both; } #rightInfoContainer { float: none; text-align: center; margin-top:50px; margin-bottom: 70px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding:50px 0; } .infoBox { display:inline-block; vertical-align: top; width:40%; float:none; } .infoBox i{ margin:0; float: none; } #paymentLivraisonBox h2 { margin-top:10px; } #contactBox h2 { margin-top:9px; } #contactBox, #paymentLivraisonBox { margin:0; } #contactBox { margin-left:40px; } .referralItem { display: inline-block; width:49%; } .tabContainer { padding:0; margin-bottom:70px; } #referralContainerHeading { padding:0; text-align:center; } .featuresBlock { width: 30%; } #logoContainer { text-align: center; display: block; margin-bottom: 40px; } .contentImgLeft, .contentImgRight{ width:50%; } .tabcontent img { max-width:100%; max-height:100%; width:100%; height:auto; margin:0; } .contentImgInline { max-width:23%; height:auto; margin-right:1% } #navbar { margin:0; padding: 0; } #header { text-align: center; border-bottom: 1px solid #dddddd; padding-bottom:40px; } .figure img { width:240px; } .figcaption { opacity: 1; } .cap-bot .figcaption { left: 0; bottom: 0; } #footerContainer { overflow:auto; height:240px; } #gallery { width: 100%; clear:both; margin-bottom: 30px; } #overviewContainer { clear:both; width: 100%; } #footerColumn1, #footerColumn2, #footerColumn3 { float: left; display: block; margin-bottom:60px; text-align: left; padding:0; margin-left: 0; width:30%; } #footerColumn1 { padding-left:50px; } #footerColumn1 p { font-size: 12px; color: #D6D6D6; margin: 0; margin-bottom:0; padding:0; margin-left:40px; } } /* SMARTPHONE 660px*/ @media only screen and (max-width: 660px),only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3/2),only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 2),only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 2/1),only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 660px) and (min-device-pixel-ratio: 2),only screen and (max-width: 660px) and (-moz-min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-o-min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (min-device-pixel-ratio: 3),only screen and (max-width: 660px) and (device-aspect-ratio: 9/16),only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),only screen and (max-width: 660px) and (-webkit-min-device-pixel-ratio: 1.5){ #logoContainer { margin-bottom: 20px; } #header { padding-bottom:50px; } .navElement:first-child { display:block; width: 100%; float: none; margin: 0 auto; margin-bottom:1%; } .navElement { width: 49.5%; margin:0 0 1% 0; height: 110px; border: none; } .navElement:hover { cursor: pointer; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } #navElementOrange { float:left; margin-left:0; } #navElementPurple { float:left; margin-left:0; } #navElementGreen, #navElementRed { float:right; margin-right:0; } #navbar { width: 100%; text-align: center; margin: 0 auto; } .galleryThumbPadding { display: inline-block; width: 24%; } .referralItem { vertical-align: top; margin-bottom:15px; } .referralItem img{ border: 1px solid #dddddd; float:none; margin-right:0; } #overviewContainer { clear:both; width: 100%; } #overviewPadding { padding:0; } #overview > h1 { font-size:24px; } #gallery { width: 100%; clear:both; margin-bottom: 30px; } .actionButton { width:60%; display: block; margin:0 auto; margin-top: 20px; margin-bottom: 20px; } #buyItNowButton { margin: 0 auto; margin-top: 20px; } #rightInfoContainer { margin-top:70px; margin-bottom: 70px; padding: 50px 0px; text-align: center; margin: 0 auto; } #contactBox { margin: 0 auto; margin-top: 40px; } #paymentLivraisonBox { margin: 0 auto; } .infoBox { display:block; width:80%; margin: 0 auto; } .tablinks { display:none; } #tab1, #tab2, #tab3, #tab4, #tab5 { display:block; margin-top:50px; } .tabcontent { padding:15px; } .tabcontent img { max-width:100%; width:auto; max-height:auto; height:auto; margin:0; } .contentImgLeft, .contentImgRight{ margin:0 auto; text-align: center; margin-bottom:20px; float: none; clear: both; width: 100%; } .contentImgInline{ margin:0 auto; margin-bottom:20px; text-align: center; display: block; max-width:60% } .featuresBlock { width: 80%; min-height: 300px; padding: 0 1%; margin: 0 auto; margin-top:60px; background-color: #fff; border-radius: 5px; display: block; } .bsitem1, .bsitem2, .bsitem3, .bsitem4 { width:240px; margin: 0 auto; margin-top:40px; display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); overflow: auto; } .bsContainer { display:block; clear:both; text-align: center; overflow: auto; } .figcaption { opacity: 1; } .cap-bot .figcaption { left: 0; bottom: 0;} #bigPic { text-align: center; } #footerColumn1, #footerColumn2, #footerColumn3 { float: none; display: block; clear: both; margin: 0 auto; margin-bottom:40px; text-align: left; padding: 0; width:55%; } #footerColumn1 p { font-size: 12px; color: #D6D6D6; margin: 0 0 0 50px; margin-bottom:0; padding:0; } #footerContainer { height:450px; } } ]]>

Marque	Aucune donnée
Numéro de pièce fabricant	Non applicable