/* --- CARGO --- */ @media (max-height: 1200px) { #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent {min-width: 300px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent .photo .inside img {max-height: 800px;} } @media (max-height: 920px) { #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent {min-width: 250px;} } @media (max-height: 800px) { #CargoSpecial .containerPrintedsPhotos .itemContent {padding: 30px 0;} #CargoSpecial .containerPrintedsPhotos .itemContent .photo .inside .languette {width: 35px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent {min-width: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent .photo .inside img {max-height: 550px;} } /* --- //CARGO --- */ /* --- GAME & TRAIL --- */ @media (min-width: 1400px) { .mb_list_bikes_carousel {left: 50%; width: 1370px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 1370px; -ms-flex: 0 0 1370px; flex: 0 0 1370px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} } @media (min-width: 1800px) { .mb_list_bikes_carousel {width: 1770px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 1770px; -ms-flex: 0 0 1770px; flex: 0 0 1770px;} } @media (hover: none) and (pointer: coarse) { #GameAndTrailSpecial #contentGameAndTrail .video-presentation .video-background-close {display: none!important;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-window>.js-player {height: 100%;} {height: 100%;} .mb_list_bikes_carousel .element:hover {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} } /* --- //GAME & TRAIL --- */ /* ---- SPECIAL - GUIDON MOUSTACHE ---- */ @media (max-width: 1199px) and (max-aspect-ratio: 1700/1000) { #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(3), #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(5) {right: 420px;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(1) {width: calc((100% - 420px) * 0.25);} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(2) {width: calc((100% - 420px) * 0.4);} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(3) {width: calc((100% - 420px) * 0.37);} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(4) {width: calc((100% - 420px) * 0.12); left: calc((100% - 420px) * 0.45);} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(5) {width: calc((100% - 420px) * 0.15);} } @media (max-width: 1199px) and (min-aspect-ratio: 1701/1000) { #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg {left: calc((100% - 420px) * 0.5)!important;} } @media (max-width: 991px) and (max-aspect-ratio: 1700/1000) { #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(3), #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(5) {right: 0;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(1) {width: 25%;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(2) {width: 40%;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(3) {width: 37%;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(4) {width: 12%; left: 45%;} #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg:nth-child(5) {width: 15%;} } @media (max-width: 991px) and (min-aspect-ratio: 1701/1000) { #ModeleV2.special-guidon-moustache .headerVeloModele>.info-principale>.principaleDecoration>svg {left: 50%!important;} } @media (pointer: coarse) { #ModeleV2.special-guidon-moustache #sgm-cursor, #Famille.special-guidon-moustache #sgm-cursor, main.show-show-cursor #sgm-cursor {display: none;} } /* ---------------- RL ---------------- */ /* ---- Configurateur J - 2023 ---- */ @media only screen and (orientation:portrait) { body.page-template-template-j-2023-comparateur #AllPage {-webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(90deg) translateY(-100%); -moz-transform: rotate(90deg) translateY(-100%); -ms-transform: rotate(90deg) translateY(-100%); transform: rotate(90deg) translateY(-100%);} body.page-template-template-j-2023-comparateur #AllPage, main#Configurateur_J_2023 {min-height: 100vw; width: 100vh; max-width: 100vh; min-height: 100dvw; width: 100dvh; max-width: 100dvh;} main#Configurateur_J_2023 {height: 100vw; height: 100dvw;} main#Configurateur_J_2023::after {width: 100vh; height: 100vw; width: 100dvh; height: 100dvw;} main#Configurateur_J_2023>#bike-configurator #navBarJ {height: 100vw; right: calc(-1 * (100vh - 100%) + 30px); height: 100dvw; right: calc(-1 * (100dvh - 100%) + 30px);} main#Configurateur_J_2023>#bike-configurator .bike-showing .aspectRatioBackground {width: calc( max(calc((100vw - 30px*2)/9), calc((100vh - 30px*2)/16)) * 16 ); height: calc( max(calc((100vw - 30px*2)/9), calc((100vh - 30px*2)/16)) * 9 ); width: calc( max(calc((100dvw - 30px*2)/9), calc((100dvh - 30px*2)/16)) * 16 ); height: calc( max(calc((100dvw - 30px*2)/9), calc((100dvh - 30px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque {width: calc( min(calc(100vw/9), calc(100vh/16)) * 16 * 0.7 ); width: calc( min(calc(100dvw/9), calc(100dvh/16)) * 16 * 0.7 );} main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {right: calc(-1 * (100vh - 100%) + 90px); right: calc(-1 * (100dvh - 100%) + 90px);} main#Configurateur_J_2023>#rotateScreenAlert:not(.hideIt) {transition: all 0s linear; opacity: 1; visibility: visible;} } @media only screen and (orientation:landscape) { body.page-template-template-j-2023-comparateur #AllPage {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} } @media only screen and (((orientation:portrait) and (max-height: 1199px)) or ((orientation:landscape) and (max-width: 1199px))) { main#Configurateur_J_2023 {padding: 15px;} main#Configurateur_J_2023::after {border-width: 15px;} main#Configurateur_J_2023>#bikes-gallery .lettreJ {width: 180px; margin-bottom: 15px;} main#Configurateur_J_2023>#bike-configurator #navBarJ:not(.openedBar):not(:hover) {right: 15px;} @media (pointer: coarse) { main#Configurateur_J_2023>#bike-configurator #navBarJ:not(.openedBar) {right: 15px;} } main#Configurateur_J_2023>*>.homeLink {padding: 15px 30px; padding-right: 20px;} main#Configurateur_J_2023>*>.homeLink>img {width: 100px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ {font-size: 12px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.txt {padding: 10px 40px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.round-gradient {left: 20px; width: 15px; height: 15px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.arrow-content {right: 10px; width: 20px; height: 15px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.arrow-content::after {border-width: 4px;} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground {width: calc(100% - 15px*2); height: calc(100% - 15px*2);} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation {font-size: 12px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation>span {padding: 5px 15px; padding-left: 30px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation::before {left: 15px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation {width: 350px; padding: 20px; font-size: 14px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation .closePopin {top: 10px; right: 10px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation .titreAnnotation {font-size: 18px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation p + p {margin-top: 10px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav {font-size: 14px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav ~ .allInfoBox {padding-top: 45px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav ~ .allConfigWindow {height: calc(100% - 45px);} main#Configurateur_J_2023>#bike-configurator #configurateurContenu {padding: 30px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox {width: 200px; padding: 20px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price-title {font-size: 32px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price-category, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price>.added-price {font-size: 14px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price {margin-top: 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price>.actual-price {font-size: 28px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>.spec-config-info {max-height: calc(100vh - 350px); max-height: calc(100dvh - 350px);} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow {width: 270px; padding: 30px 20px;} main#Configurateur_J_2023>#bike-configurator.configurateurVelo:not(.hideConfig) .bike-showing .bikeAndCalque {left: 40%;} main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {top: 45px; right: 45px;} main#Configurateur_J_2023>#bike-configurator #changeModelJ, main#Configurateur_J_2023>#bike-configurator #exitFullscreen {top: 20px;right: 20px; width: 30px; height: 30px;} /*main#Configurateur_J_2023>#bike-configurator:not(.configurateurVelo) #exitFullscreen {right: 20px;}*/ main#Configurateur_J_2023>#bike-configurator.configurateurVelo #exitFullscreen {right: 55px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.buttonJ {min-height: 36px;} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground {border-radius: 20px;} /*30*/ main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow, main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation {border-radius: 15px;} /*20*/ main#Configurateur_J_2023>#bike-configurator #startExperience .bikeName {font-size: 56px;} /*69*/ main#Configurateur_J_2023>#bikes-gallery .content>.titleConfigurator {font-size: 36px;} /*42*/ main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-name {font-size: 18px;} /*21*/ } @media only screen and (orientation:portrait) and (max-height: 1199px) { main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {right: calc(-1 * (100vh - 100%) + 45px); right: calc(-1 * (100dvh - 100%) + 45px);} } @media only screen and (((orientation:portrait) and (max-height: 991px)) or ((orientation:landscape) and (max-width: 991px))) { main#Configurateur_J_2023>#bikes-gallery {padding: 0;} main#Configurateur_J_2023>#bikes-gallery .lettreJ {width: 100px; margin-bottom: 5px;} main#Configurateur_J_2023>#bikes-gallery .content>.titleConfigurator {margin-bottom: 20px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt p {font-size: 18px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ {font-size: 10px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.txt {padding-left: 20px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.txt>span, main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt .buttonConfigJ>.round-gradient {display: none;} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #blurBackground {display: none;} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground {width: 100%; height: 100%; border-radius: 0;} main#Configurateur_J_2023>#bike-configurator #startExperience {padding: 40px 30px;} main#Configurateur_J_2023>#bike-configurator #navBarJ {width: 300px; max-width: calc(100% - 20px);} main#Configurateur_J_2023>#bike-configurator #navBarJ>.toggle-NavBarJ {width: 21px; height: 60px;} main#Configurateur_J_2023>#bike-configurator #navBarJ>.toggle-NavBarJ>.navArrow {width: 8px; height: 8px;} main#Configurateur_J_2023>#bike-configurator #navBarJ>.content-NavBarJ {padding: 20px; font-size: 14px;} main#Configurateur_J_2023>#bike-configurator #navBarJ>.content-NavBarJ>.titleNav {font-size: 18px; margin-bottom: 20px;} main#Configurateur_J_2023>#bike-configurator #navBarJ>.content-NavBarJ>.change-j {min-height: 150px;} main#Configurateur_J_2023>#bike-configurator #navBarJ>.content-NavBarJ>:not(:last-child):not(.titleNav) {margin-bottom: 10px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation {font-size: 10px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation>span {padding: 3px 10px; padding-left: 30px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque>.annotationsModel>.pinAnnotation::before {left: 15px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer {margin-top: 20px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation {width: 250px; padding: 15px; padding-right: 20px; font-size: 12px;} main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation .titreAnnotation {font-size: 16px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu {padding: 30px 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav {-webkit-transform: translate(-50%, -50%) scale(0.6); -moz-transform: translate(-50%, -50%) scale(0.6); -ms-transform: translate(-50%, -50%) scale(0.6); transform: translate(-50%, -50%) scale(0.6);} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav ~ .allInfoBox {padding-top: 20px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .filterNav ~ .allConfigWindow {height: calc(100% - 20px);} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox {width: 150px; padding: 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price-title {font-size: 24px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.battery-bike {font-size: 14px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price-category, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price>.added-price {font-size: 12px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox>.price>.actual-price {font-size: 18px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>.spec-config-info {max-height: calc(100vh - 250px); max-height: calc(100dvh - 250px);} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow {width: 200px; padding: 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-name {font-size: 16px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-desc, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-sub-desc {font-size: 12px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-couleurs>.filtre-value + .filtre-value {margin-top: 5px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-select, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-couleurs>.filtre-value {border-radius: 5px; padding: 7px 15px; font-size: 12px; padding-right: 30px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-select {background-size: 6px 6px; background-position: calc(100% - 15px) 50%;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-couleurs>.filtre-value>input[type="radio"]:checked + .filtre-value-box::before {right: 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-images>.filtre-value .filtre-value-box, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .config-accessoire-list>.accessoire-value .accessoire-value-box {border-radius: 5px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-images>.filtre-value>.filtre-value-box>.filtre-value-content>.filtre-value-txt, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .config-accessoire-list>.accessoire-value>.accessoire-value-box>.accessoire-value-content>.accessoire-value-txt {padding: 15px 10px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .filtre-config-images>.filtre-value>.filtre-value-box>.filtre-value-content>.filtre-value-subtxt, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .config-accessoire-list>.accessoire-value>.accessoire-value-box>.accessoire-value-content>.accessoire-value-subtxt {padding-bottom: 15px;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .buttonJ {margin-top: 30px!important;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow>.configurateur-content .precButton {font-size: 12px; margin-top: 5px!important;} main#Configurateur_J_2023>#bike-configurator #finalConfig {font-size: 14px; padding: 0 50px; min-height: unset; max-height: unset; min-width: unset; max-width: unset; width: 100%; height: 100%; width: 100dvmax; height: 100dvmin; border-radius: 0; overflow: auto;} main#Configurateur_J_2023>#bike-configurator #finalConfig::before, main#Configurateur_J_2023>#bike-configurator #finalConfig::after {content: ''; display: block; -webkit-box:0;-moz-box:0;-webkit-flex:0 0 50px;-ms-flex:0 0 50px;flex:0 0 50px; height: 50px; max-height: 50px;} main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig {top: 35px;} main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig>a {padding-left: 30px;} main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig .backArrow, main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig .backArrow>* {left: 10px;} main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig .backArrow {width: 20px; height: 20px;} main#Configurateur_J_2023>#bike-configurator #finalConfig #reloadConfig .backArrow>* {border-width: 3px; border-right-width: 6px; border-left-width: 0px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.title2 {font-size: 21px; margin-bottom: 10px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.configBike {max-width: 250px;} main#Configurateur_J_2023>#bike-configurator #finalConfig a:not(.buttonJ) {font-size: 12px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.buttonJ {min-height: 36px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.tableConfig {margin-top: 20px; max-width: 500px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.tableConfig>* {padding: 10px;} main#Configurateur_J_2023>#bike-configurator #finalConfig>.tableConfig>*>ul {font-size: 12px; margin-top: 5px;} main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {top: 20px; right: 50px; width: 30px; height: 30px;} body.showFullscreenButton main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {right: 80px;} main#Configurateur_J_2023>#bike-configurator.finalStep>.homeLink {display: none;} main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allInfoBox>#priceBox, main#Configurateur_J_2023>#bike-configurator #configurateurContenu .allConfigWindow, main#Configurateur_J_2023>#bike-configurator #startExperience .popinContainer>.popinAnnotation, main#Configurateur_J_2023>#bike-configurator #finalConfig>.tableConfig>* {border-radius: 10px;} main#Configurateur_J_2023>#bike-configurator #startExperience .bikeName {font-size: 42px;} /*69*/ main#Configurateur_J_2023>#bikes-gallery .content>.titleConfigurator {font-size: 28px;} /*42*/ } @media only screen and (orientation:portrait) and (max-height: 991) { main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {right: calc(-1 * (100vh - 100%) + 50px); right: calc(-1 * (100dvh - 100%) + 50px);} body.showFullscreenButton main#Configurateur_J_2023>#bike-configurator #hideShowBikeConfig {right: calc(-1 * (100vh - 100%) + 80px); right: calc(-1 * (100dvh - 100%) + 80px);} } @media only screen and (((orientation:portrait) and (max-height: 767px)) or ((orientation:landscape) and (max-width: 767px))) { main#Configurateur_J_2023>*>.homeLink {padding: 8px 15px; padding-right: 10px;} main#Configurateur_J_2023>*>.homeLink>img {width: 70px;} main#Configurateur_J_2023>#bikes-gallery .lettreJ {width: 100px; margin-top: -5px; margin-bottom: 10px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item {-webkit-box:unset;-moz-box:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;width:100%;max-width:100%; -webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row; grid-gap:20px; gap: 20px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.Jmage {-webkit-box:0 0 calc(40% - (20px / 2));-moz-box:0 0 calc(40% - (20px / 2));-webkit-flex:0 0 calc(40% - (20px / 2));-ms-flex:0 0 calc(40% - (20px / 2));flex:0 0 calc(40% - (20px / 2));width:calc(40% - (20px / 2));max-width:calc(40% - (20px / 2)); margin: auto 0;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt {-webkit-box:0 0 calc(60% - (20px / 2));-moz-box:0 0 calc(60% - (20px / 2));-webkit-flex:0 0 calc(60% - (20px / 2));-ms-flex:0 0 calc(60% - (20px / 2));flex:0 0 calc(60% - (20px / 2));width:calc(60% - (20px / 2));max-width:calc(60% - (20px / 2)); margin: auto 0;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item:nth-child(2n)>.Jmage {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item:nth-child(2n)>.modele-txt {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.Jmage {/*padding-top: 58%;*/ padding-top: 40%;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt p.txtBold {font-size: 14px;} main#Configurateur_J_2023>#bikes-gallery .allModeles_J>.modele-item>.modele-txt p {font-size: 10px;} main#Configurateur_J_2023>#bikes-gallery .content>.titleConfigurator {font-size: 21px;} /*42*/ } @media only screen and (((orientation:portrait) and (min-height: 0px)) or ((orientation:landscape) and (min-width: 0px))) { main#Configurateur_J_2023 .container {width: 100%;} } @media only screen and (((orientation:portrait) and (min-height: 768px)) or ((orientation:landscape) and (min-width: 768px))) { main#Configurateur_J_2023 .container {width: 750px;} } @media only screen and (((orientation:portrait) and (min-height: 992px)) or ((orientation:landscape) and (min-width: 992px))) { main#Configurateur_J_2023 .container {width: 880px;} } @media only screen and (((orientation:portrait) and (min-height: 2000px)) or ((orientation:landscape) and (min-width: 2000px))) { main#Configurateur_J_2023 .container {width: 1170px;} main#Configurateur_J_2023>#bikes-gallery .lettreJ {width: 250px;} main#Configurateur_J_2023>#bikes-gallery .content>.titleConfigurator {margin-bottom: 50px;} } @media only screen and (orientation:portrait) and (max-height: 1199px) { main#Configurateur_J_2023>#bike-configurator .bike-showing .aspectRatioBackground {width: calc( max(calc((100vw - 15px*2)/9), calc((100vh - 15px*2)/16)) * 16 ); height: calc( max(calc((100vw - 15px*2)/9), calc((100vh - 15px*2)/16)) * 9 ); width: calc( max(calc((100dvw - 15px*2)/9), calc((100dvh - 15px*2)/16)) * 16 ); height: calc( max(calc((100dvw - 15px*2)/9), calc((100dvh - 15px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator #navBarJ {right: calc(-1 * (100vh - 100%) + 15px); right: calc(-1 * (100dvh - 100%) + 15px);} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque {width: calc( min(calc(100vw/9), calc(100vh/16)) * 16 * 0.7 ); width: calc( min(calc(100dvw/9), calc(100dvh/16)) * 16 * 0.7 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground .aspectRatioBackground {width: calc( max(calc((100vw - 30px*2)/9), calc((100vh - 30px*2)/16)) * 16 ); height: calc( max(calc((100vw - 30px*2)/9), calc((100vh - 30px*2)/16)) * 9 ); width: calc( max(calc((100dvw - 30px*2)/9), calc((100dvh - 30px*2)/16)) * 16 ); height: calc( max(calc((100dvw - 30px*2)/9), calc((100dvh - 30px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing .bikeAndCalque {width: calc( min(calc(100vw/9), calc(100vh/16)) * 16 * 0.65 ); width: calc( min(calc(100dvw/9), calc(100dvh/16)) * 16 * 0.65 );} } @media only screen and (orientation:landscape) and (max-width: 1199px) { main#Configurateur_J_2023>#bike-configurator .bike-showing .aspectRatioBackground {width: calc( max(calc((100vh - 15px*2)/9), calc((100vw - 15px*2)/16)) * 16 ); height: calc( max(calc((100vh - 15px*2)/9), calc((100vw - 15px*2)/16)) * 9 ); width: calc( max(calc((100dvh - 15px*2)/9), calc((100dvw - 15px*2)/16)) * 16 ); height: calc( max(calc((100dvh - 15px*2)/9), calc((100dvw - 15px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator #navBarJ {right: 15px;} main#Configurateur_J_2023>#bike-configurator .bike-showing .bikeAndCalque {width: calc( min(calc(100vh/9), calc(100vw/16)) * 16 * 0.7 ); width: calc( min(calc(100dvh/9), calc(100dvw/16)) * 16 * 0.7 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground .aspectRatioBackground {width: calc( max(calc((100vh - 30px*2)/9), calc((100vw - 30px*2)/16)) * 16 ); height: calc( max(calc((100vh - 30px*2)/9), calc((100vw - 30px*2)/16)) * 9 ); width: calc( max(calc((100dvh - 30px*2)/9), calc((100dvw - 30px*2)/16)) * 16 ); height: calc( max(calc((100dvh - 30px*2)/9), calc((100dvw - 30px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing .bikeAndCalque {width: calc( min(calc(100vh/9), calc(100vw/16)) * 16 * 0.65 ); width: calc( min(calc(100dvh/9), calc(100dvw/16)) * 16 * 0.65 );} } @media only screen and (orientation:portrait) and (max-height: 991px) { main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground .aspectRatioBackground {width: calc( max(calc((100vw - 15px*2)/9), calc((100vh - 15px*2)/16)) * 16 ); height: calc( max(calc((100vw - 15px*2)/9), calc((100vh - 15px*2)/16)) * 9 ); width: calc( max(calc((100dvw - 15px*2)/9), calc((100dvh - 15px*2)/16)) * 16 ); height: calc( max(calc((100dvw - 15px*2)/9), calc((100dvh - 15px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing .bikeAndCalque {width: calc( min(calc(100vw/9), calc(100vh/16)) * 16 * 0.7 ); width: calc( min(calc(100dvw/9), calc(100dvh/16)) * 16 * 0.7 );} } @media only screen and (orientation:landscape) and (max-width: 991px) { main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing #decoBackground .aspectRatioBackground {width: calc( max(calc((100vh - 15px*2)/9), calc((100vw - 15px*2)/16)) * 16 ); height: calc( max(calc((100vh - 15px*2)/9), calc((100vw - 15px*2)/16)) * 9 ); width: calc( max(calc((100dvh - 15px*2)/9), calc((100dvw - 15px*2)/16)) * 16 ); height: calc( max(calc((100dvh - 15px*2)/9), calc((100dvw - 15px*2)/16)) * 9 );} main#Configurateur_J_2023>#bike-configurator.configurateurVelo .bike-showing .bikeAndCalque {width: calc( min(calc(100vh/9), calc(100vw/16)) * 16 * 0.7 ); width: calc( min(calc(100dvh/9), calc(100dvw/16)) * 16 * 0.7 );} } /* -------------- RL -------------- */ @media (max-height: 640px){ /*nav{position:absolute;}*/ nav .top ul > li > div.sub.menuChild{position:absolute; left:-100px; top: 100%!important;} nav .top ul > li > div.sub.menuChild .content-sub{left:0 !important} nav .top ul > li > div.sub.menuChild .content-sub ul li a,nav .top ul > li > div.sub.menuChild .content-sub .allBikesLink a{padding:15px 40px} } @media (max-width: 1399px) { #Modele #inNav, #ModeleV2 #inNav {padding: 0 15px;} #Accessoires #liste .element{-webkit-flex: 0 0 calc(100% / 4); -ms-flex: 0 0 calc(100% / 4); flex: 0 0 calc(100% / 4);} #CargoSpecial .bigTitle {font-size: 102px;} #CargoSpecial .veloFront .txt {font-size: 36px;} #CargoSpecial .txtSeparator p {font-size: 60px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .nomMembre {font-size: 50px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .imgMembre {margin: 40px auto;} #CargoSpecial .endTitle a {font-size: 100px;} #CargoSpecial .guirlande-photos .nuage {width: 345px; height: 285px;} #CargoSpecial .guirlande-photos .nuage1 {margin-left: -130px;} #CargoSpecial .guirlande-photos .nuage2 {margin-right: -200px;} #CargoSpecial .guirlande-photos .nuage3 {width: 480px; height: 375px; margin-left: -240px;} #CargoSpecial .guirlande-photos .sapin1 {margin-right: -80px; width: 240px; height: 300px;} #CargoSpecial .guirlande-photos .sapin2 {margin-left: -100px; width: 330px; height: 450px;} #CargoSpecial .guirlande-photos .chaussure {height: 190px; width: 400px; margin-left: -200px;} #GameAndTrailSpecial #contentGameAndTrail .padding-100 {padding-top: 75px; padding-bottom: 75px;} #GameAndTrailSpecial #contentGameAndTrail .padding-150 {padding-top: 100px; padding-bottom: 100px;} #GameAndTrailSpecial #contentGameAndTrail .noPaddingTop {padding-top: 0;} #GameAndTrailSpecial #contentGameAndTrail .noPaddingBottom {padding-bottom: 0;} #GameAndTrailSpecial #contentGameAndTrail .marginTop-150 {margin-top: 100px;} /*#GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre {padding-left: 50px; padding-right: 50px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::before, #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::after {width: 150px} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne {padding-left: 50px; padding-right: 50px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne .lastOrderMobile {-webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px;}*/ #GameAndTrailSpecial #contentGameAndTrail .jante-composant .roue-tourne {height: 100%;} } @media (max-width: 1999px) { main#J-Special .esprit-carousel-box>.frontContent .bike-carousel>img {width: 75%;} } @media (min-width: 1550px) { main#PageMarque2023>.container {width: 1450px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content {min-height: 900px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges {max-width: 920px; margin-left: auto; margin-right: auto;} } @media (max-width: 1549px) { /* DESCRIPTION */ /* GAUCHE */ #Modele .top .shapeCargo.n1 {right: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 300px; height: 300px;} #Modele .top .shapeCargo.n2 {right: calc( 100% + ((100vw - 100%)/2) - 120px ); width: 80px; height: 80px;} #Modele .top .shapeCargo.n3 {right: calc( 100% + ((100vw - 100%)/2) - 150px ); width: 80px; height: 80px;} /* DROITE */ #Modele .top .shapeCargo.n4 {left: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 60px; height: 60px;} #Modele .top .shapeCargo.n5 {left: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 150px; height: 150px;} #Modele .top .shapeCargo.n6 {left: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 150px; height: 150px;} /* TABS */ /* GAUCHE */ #Modele #tabs .shapeCargo.n1 {right: calc( 100% + ((100vw - 100%)/2) - 120px ); width: 100px; height: 100px;} #Modele #tabs .shapeCargo.n2 {right: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 250px; height: 250px;} #Modele #tabs .shapeCargo.n3 {right: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 200px; height: 200px;} #Modele #tabs .shapeCargo.n4 {right: calc( 100% + ((100vw - 100%)/2) - 120px ); width: 60px; height: 60px;} /* DROITE */ #Modele #tabs .shapeCargo.n5 {left: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 250px; height: 250px;} #Modele #tabs .shapeCargo.n6 {left: calc( 100% + ((100vw - 100%)/2) - 120px ); width: 120px; height: 120px;} #Modele #tabs .shapeCargo.n7 {left: calc( 100% + ((100vw - 100%)/2) - 120px ); width: 80px; height: 80px;} nav .top ul.principal > li {padding: 0 10px;} nav .top ul.principal > li > a, nav .top ul.principal > li.accountLink>.subAccount>a {font-size: 13px;} #ModeleV2 .headerVeloModele>.info-principale>.imgLeft>.all-sliders, #ModeleV2 .headerVeloModele>.info-secondaire>.imgLeft>.all-sliders .elementSlider {padding-left: 70px; padding-right: 70px;} #ModeleV2 .headerVeloModele>.info-secondaire>.imgLeft>.all-sliders .elementSlider>.owl-nav>button {width: 70px;} #ModeleV2 .headerVeloModele>.info-principale>.imgLeft>#accessoire-config-filters {left: 70px; right: 70px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom {padding-top: 450px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche::before {-webkit-transform: skewY(-30deg) translateY(-3.9%); -moz-transform: skewY(-30deg) translateY(-3.9%); -ms-transform: skewY(-30deg) translateY(-3.9%); transform: skewY(-30deg) translateY(-3.9%);} main#J-Special .design-box>.frontContent .arche-velos {width: 80%;} #FamilleTopBar .FamilleTopBar-list>a, #FamilleTopBar .FamilleTopBar-button {font-size: 12px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content {padding: 50px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container, main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content {font-size: 14px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-reponse>.questionnaire-reponse-txt {padding: 20px 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours {grid-gap: 80px; gap: 80px;} #subNavContainer .subMenuContent ul.default-listing a, #subNavContainer .subMenuContent ul.familles-listing .univers-link, #subNavContainer .subMenuContent ul.familles-listing .famille-item .famille-name, #subNavContainer .subMenuContent.paddingOnChild>*:not(.close-link), #navresponsive ul li a {padding-left: 30px; padding-right: 30px;} } @media (max-width: 1300px){ nav .top ul.principal > li > a, nav .top ul.principal > li.accountLink>.subAccount>a {font-size: 11px;} } @media (max-width: 1199px){ nav .top .logo {width: 140px;} nav .top ul.principal > li {padding: 0 10px;} nav .top ul.principal > li > a, nav .top ul.principal > li.accountLink>.subAccount>a {font-size: 10px;} nav .top ul.principal > li img.tnsNoir {width: 60px;} nav .top ul > li > div.sub.menuChild .content-sub {left: 160px; width: 760px} nav .top ul > li > div.sub.menuChild .content-sub ul li a {padding: 15px 30px; font-size: 14px;} nav .top ul > li > div.sub.menuChild .content-sub ul li a.cargoBubbles:hover {background-position: -280px 0;} nav .top ul > li > div.sub.menuChild .content-sub .allBikesLink a {padding: 15px 30px; font-size: 14px;} nav .top ul > li > div.sub.menuChild .content-sub .moreLinksBikes a {font-size: 12px;} nav .top ul > li > div.sub.menuChild .content-sub .moreLinksBikes a img {height: 25px;} nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverVelos, nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverAccessoires {padding: 20px 30px;} nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverVelos a, nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverAccessoires a {font-size: 10px;} nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverAccessoires a img {height: 80px;} nav .top ul > li > div.sub.menuChild .content-sub .imgMenu .hoverVelos a img{height: 75px} #multiblock-grid {grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} #multiblock-grid .grid-item.gros-bloc:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 6; grid-row-start: 1; grid-row-end: 7; -ms-grid-column: 1; -ms-grid-column-span: 10; grid-column-start: 1; grid-column-end: 11; } #multiblock-grid .grid-item.gros-bloc:nth-child(2) { -ms-grid-row: 1; -ms-grid-row-span: 12; grid-row-start: 1; grid-row-end: 13; -ms-grid-column: 11; -ms-grid-column-span: 8; grid-column-start: 11; grid-column-end: 19; } #multiblock-grid .grid-item.gros-bloc:nth-child(3) { -ms-grid-row: 7; -ms-grid-row-span: 6; grid-row-start: 7; grid-row-end: 13; -ms-grid-column: 1; -ms-grid-column-span: 10; grid-column-start: 1; grid-column-end: 11; } #multiblock-grid .grid-item.lien-bloc:nth-child(4) { -ms-grid-row: 13; -ms-grid-row-span: 4; grid-row-start: 13; grid-row-end: 17; -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column-start: 1; grid-column-end: 7; } #multiblock-grid .grid-item.lien-bloc:nth-child(5) { -ms-grid-row: 13; -ms-grid-row-span: 4; grid-row-start: 13; grid-row-end: 17; -ms-grid-column: 7; -ms-grid-column-span: 6; grid-column-start: 7; grid-column-end: 13; } #multiblock-grid .grid-item.lien-bloc:nth-child(6) { -ms-grid-row: 13; -ms-grid-row-span: 4; grid-row-start: 13; grid-row-end: 17; -ms-grid-column: 13; -ms-grid-column-span: 6; grid-column-start: 13; grid-column-end: 19; } #multiblock-grid .grid-item.reseau-social:nth-child(7) { -ms-grid-row: 17; -ms-grid-row-span: 3; grid-row-start: 17; grid-row-end: 20; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column-start: 1; grid-column-end: 5; } #multiblock-grid .grid-item.reseau-social:nth-child(8) { -ms-grid-row: 20; -ms-grid-row-span: 3; grid-row-start: 20; grid-row-end: 23; -ms-grid-column: 1; -ms-grid-column-span: 4; grid-column-start: 1; grid-column-end: 5; } #multiblock-grid .grid-item.choix-bloc:nth-child(9) { -ms-grid-row: 17; -ms-grid-row-span: 6; grid-row-start: 17; grid-row-end: 23; -ms-grid-column: 5; -ms-grid-column-span: 14; grid-column-start: 5; grid-column-end: 19; } #Modele #sliders, #Accessoire #sliders {padding-right: 0;} #Modele #inNav .left ul li a, #ModeleV2 #inNav .left ul li a:not(.button1), #Accessoire #inNav .left ul li a {padding-left: 15px; padding-right: 15px; font-size: 12px;} #ModeleV2 #inNav .left ul li a.button1 {font-size: 12px; padding: 10px 50px 10px 20px;} #Modele #inNav .right>a, #Modele #inNav .right .pdf, #ModeleV2 #inNav .right>a, #ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right>a, #Accessoire #inNav .right .pdf {padding: 10px 15px; border-radius: 18px;} #Modele #inNav .right .pdf, #ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right .pdf {margin-left: 20px;} #Modele #inNav .right a svg, #Modele #inNav .right .pdf svg, #ModeleV2 #inNav .right a svg, #ModeleV2 #inNav .right .pdf svg, #Accessoire #inNav .right a svg, #Accessoire #inNav .right .pdf svg {height: 20px;} #Modele #inNav .right a.print svg, #ModeleV2 #inNav .right a.print svg, #Accessoire #inNav .right a.print svg {width: 20px;} #Modele #inNav .right .pdf svg, #ModeleV2 #inNav .right .pdf svg, #Accessoire #inNav .right .pdf svg {width: 15px;} #Modele #sliders .miniSlider .arrow.left, #Accessoire #sliders .miniSlider .arrow.left {margin-right: 40px;} #Modele #sliders .miniSlider .arrow.right, #Accessoire #sliders .miniSlider .arrow.right {margin-left: 40px;} #comparateur .col-sm-4 {padding: 20px 10px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n2 {top: 25%;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n4 {top: 50%;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n5 {top: 30%; left: 0;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n6 {top: unset; bottom: 0;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n8 {height: 250px; width: 250px;} #CargoSpecial .txtSeparator p {font-size: 50px;} #CargoSpecial .planchePhotos {padding-top: 110%;} /*#CargoSpecial .planchePhotos img.n1 {left: -20%; width: 40%;} #CargoSpecial .planchePhotos img.n2, #CargoSpecial .planchePhotos img.n3, #CargoSpecial .planchePhotos img.n4, #CargoSpecial .planchePhotos img.n5 {width: 50%;}*/ #CargoSpecial .planchePhotos img.n1 {left: -10%; width: 40%;} #CargoSpecial .planchePhotos img.n2 {width: 45%;} #CargoSpecial .planchePhotos img.n3 {width: 45%;} #CargoSpecial .planchePhotos img.n4 {width: 35%;} #CargoSpecial .planchePhotos img.n5 {width: 40%;} #CargoSpecial .planchePhotos .brique {right: -10%;} #CargoSpecial .guirlande-photos>img.fakeImg {height: 300px;} #CargoSpecial .guirlande-photos .nuage {width: 250px; height: 200px;} #CargoSpecial .guirlande-photos .nuage1 {margin-left: -100px;} #CargoSpecial .guirlande-photos .nuage2 {margin-right: -70px;} #CargoSpecial .guirlande-photos .nuage3 {width: 400px; height: 285px; margin-left: -200px;} #CargoSpecial .guirlande-photos .shapeCargo.n1 {width: 350px; height: 350px;} #CargoSpecial .guirlande-photos .shapeCargo.n2 {width: 550px; height: 550px;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(3n) .txtContainer .shapeCargo {width: 600px; height: 600px;} #CargoSpecial .presentationEquipe .membreEquipe .videoContainer::before {width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;} #GameAndTrailSpecial #header .gameAndTrail>.fond .titleImg>.pointilles-velo {top: -10%;} #GameAndTrailSpecial #header .gameAndTrail>.fond .velo-carousel .owl-nav {width: 75%;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation h1 {font-size: 50px; line-height: 60px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .slogan{display: none} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .title3 {font-weight: 600; font-size: 18px;} /*#GameAndTrailSpecial #contentGameAndTrail .performance-velo .title3, #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .title3, #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .title3*/, #GameAndTrailSpecial #contentGameAndTrail #modeles .titleDiv .title3 {font-size: 24px; line-height: 1.2;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>* {width: 30%; max-width: 30%; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .niveauBatterie {top: 30%; height: 12%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-application-1 {right: -60px; width: 200px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-application-2 {top: 420px; left: -60px; width: 200px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-3 {top: 280px; left: -150px; width: 150px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-4 {width: 150px; height: 230px; right: -150px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .txtModif {padding: 180px 0;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-1 {bottom: 10px; left: -160px; width: 300px; height: 170px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-2 {width: 110px; height: 150px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-3 {left: -100px; width: 340px; height: 170px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-4 {right: -40px; width: 130px; height: 130px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-5 {top: 60px; right: 200px; width: 150px; height: 80px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-6 {bottom: 40px; left: 200px; width: 150px; height: 100px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-7 {right: -150px; width: 250px; height: 170px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-8 {top: 60px; left: 330px; width: 160px; height: 90px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-9 {right: 190px; width: 240px; height: 160px;} #GameAndTrailSpecial #contentGameAndTrail .tailleTexte1 {font-size: 18px;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .photo-texte-1 .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-etoile-1, #GameAndTrailSpecial #contentGameAndTrail .frein-composant .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2 {width: 70px;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .gt-etoile-2 {left: -100px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-etoile-1 {right: -80px;} #GameAndTrailSpecial #contentGameAndTrail .frein-composant .gt-etoile-2 {left: -80px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2 {top: 190px;} .mb_list_bikes_overflow .element {max-width: 300px;} .mb_list_bikes_overflow .element:not(:first-child) {margin-left: 20px;} .mb_list_bikes_overflow .mb_listing ~ .arrow {top: 115px;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays:not(:last-child) {margin-bottom: 20px;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays>.nom-pays {font-size: 16px; margin-right: 20px;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays>.list-langues>.lien-langue {font-size: 14px;} #Movember2022 .headerMovember .col-12>img {max-width: 60%;} #Movember2022 .headerMovember .col-12::before {left: 80%;} #Movember2022 .headerMovember .col-12::after {right: 80%;} nav .top .logo {width: 130px; margin-right: 10px;} nav .top ul.principal > li {padding: 0 9px;} nav .top ul.principal > li a.sub:after {margin-left: 5px;} #movemberHome>.movemberWhite>.carouselMovember .item-photo>img {height: 250px;} #movemberHome>.movemberWhite>.carouselMovember .content-item>.item-photo:nth-child(2n) {padding-bottom: 70px;} #movemberHome>.movemberWhite>.carouselMovember .content-item>.item-photo:nth-child(2n+1) {padding-top: 70px;} .builderMoustache .movemberLocator>.contenuTexte {min-height: 300px; padding: 30px;} .builderMoustache .movemberLocator>.contenuTexte, .builderMoustache .movemberLocator>.contenuImage {width: 500px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:nth-last-child(1), .builderMoustache .movemberLocator>.contenuImage>.item-photo:nth-last-child(2) {width: 205px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(1), .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(2) {margin-top: -300px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(1) {height: 200px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(2) {height: 150px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(3) {height: 150px; margin-top: -70px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo:not(:nth-last-child(1)):not(:nth-last-child(2)):nth-child(4) {height: 250px; margin-top: -120px;} #ModeleV2 h1, #ModeleV2 .title3 {font-size: 26px; line-height: 1.2;} #ModeleV2 .headerVeloModele>*>.txtRight {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 420px; -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; width: 420px;} #ModeleV2 .headerVeloModele>*>.txtRight>.box-content {padding: 15px 30px;} #ModeleV2 .headerVeloModele .priceBox>.price, #ModeleV2 .headerVeloModele .priceBox>.price, #ModeleV2 .headerVeloModele .priceBox>.reduc-price {font-size: 21px;} #ModeleV2 .headerVeloModele .priceBox>.pricephrase1 {margin-left: 20px;} #ModeleV2 .headerVeloModele .testAndCall, #ModeleV2 .headerVeloModele>.info-secondaire .temoignagesVideos {-ms-flex-wrap: wrap; flex-wrap: wrap;} #ModeleV2 .headerVeloModele .testAndCall>.testLeft, #ModeleV2 .headerVeloModele .testAndCall>.testRight {width: 100%; margin-left: 0;} #ModeleV2 .headerVeloModele .testAndCall>.testLeft + .testRight {margin-top: 20px;} #ModeleV2 .headerVeloModele>.info-secondaire .temoignagesVideos .texteTemoignage {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 20px;} #ModeleV2 .liensTemoignage .itemTemoignage {width: 75px;} /*.galerieGridV2 {-ms-grid-rows: 370px; grid-template-rows: 370px;} .galerieGridV2.galerieGridV2-3, .galerieGridV2.galerieGridV2-8 {-ms-grid-rows: 185px 185px; grid-template-rows: 185px 185px;}*/ #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.titleContent>.buttonItem {padding: 15px 30px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.rightContent>.rightItem {padding: 30px;} #ModeleV2 .mb_accessoires_grid {-ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;} #ModeleV2 .mb_conseils_gamme .content-gammes {padding: 60px 120px;} #ModeleV2 .mb_builder_carousel::before {top: 313px;} #ModeleV2 .mb_builder_carousel .owl-nav {top: 156.5px;} #ModeleV2 .mb_builder_carousel .owl-nav>button {width: 50px; height: 50px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .owl-nav {height: 50px; width: 100px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-close {top: 25px; right: 25px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right {padding: 60px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right h2 {font-size: 21px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right p {font-size: 14px;} #ModeleV2.special-vtt-terre .headerVeloModele>.info-principale>.principaleDecoration>img {left: calc((100% - 420px) * 0.5);} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.titreImagine {font-size: 54px;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.txtImagine {font-size: 30px;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-9 {right: max(100%, 1200px);} #ModeleV2.special-montagne-trail .headerVeloModele>.info-principale>.principaleDecoration>.ailesVideo {left: calc((100% - 420px) * 0.5); width: calc((100% - 420px) * 0.7);} #ModeleV2 #inNav .left.desktopShow ul>*.newsletterShow {max-width: 25%;} #ModeleV2 #inNav .left.desktopShow ul>*.newsletterShow .formAppearance {max-width: 100%;} #ModeleV2 #inNav .left.desktopShow ul>*.newsletterShow .formAppearance .form-input {width: 250px; max-width: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration {width: calc(100% - 420px);} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft {width: 350px;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(2) {top: -100px; left: 130px; width: 200px; height: 200px;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(6) {top: 0px; left: 320px; width: 30px; height: 30px;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright {width: 100px; height: 250px;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright>.shapeCargo:nth-child(3) {top: 30px; right: -80px; width: 200px; height: 200px;} #ModeleV2.special-poudres-game .headerVeloModele>.info-principale>.principaleDecoration>img:first-child {width: calc((100% - 420px)*0.3);} #ModeleV2.special-poudres-game .headerVeloModele>.info-principale>.principaleDecoration>img:nth-child(2) {right: 420px; width: calc((100% - 420px)*0.4);} #page-testnsmile-v2 .formulaireTNS>.backgroundContent::before {bottom: 200px;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire {padding: 100px 180px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-1 {width: 170px; height: 170px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-2 {height: 350px; width: 180px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-3 {left: 60px; width: 210px; height: 150px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; width: 180px; max-width: 180px;} #popupTNS-v2 .popupTNS-content {width: 920px;} #ModeleV2 .headerVeloModele .backLinkBox>.backlink {padding: 15px 30px;} .buttonJ {font-size: 12px;} .buttonJ::before {width: 25px; height: 25px;} .buttonJ::after {border-width: 3px; border-left-width: 6px;} .buttonJ::before, .buttonJ::after {right: 25px;} .buttonJ>.txt {padding: 10px 30px; padding-right: 50px;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .introduction-box>.backgroundElements .header-poisson {left: calc((100% - 900px) / 2);} main#J-Special .nuage-detail-box>.backgroundElements .deco-baleine {left: calc((100% - 970px)/2 + 850px); width: 550px;} main#J-Special .nuage-detail-box>.backgroundElements .bike-nuage {left: calc((100% - 970px)/2);} main#J-Special .tapis-detail-box>.backgroundElements .deco-raie {left: calc((100% - 970px)/2 + 800px); top: 150px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche {width: calc(10% + ((100% - 900px) / 2));} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::before {left: calc(100% - (100% - 900px)/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::after {right: calc(100% - (100% - 900px)/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound>.archeFront {width: 900px;} main#J-Special .design-box>.backgroundElements .archeContent .deco-nuage {left: calc((100% - 900px)/2 - 50px); bottom: 250px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-left-"] {left: calc((100% - 900px)/2 + 100px); bottom: 400px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-right-"] {right: calc((100% - 900px)/2 - 30px); bottom: 300px;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .design-box>.backgroundElements .archeContent .baloon-j, main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison, main#J-Special .combinaison-box>.backgroundElements .baloon-j.second-baloon-combinaison {width: 70px;} main#J-Special .padding1 {padding: 70px 0;} main#J-Special #j-nav-box>.j-nav {top: 100px; font-size: 10px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-9, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-10, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-11 {width: 83px;} main#J-Special .introduction-box>.frontContent .titre-j {padding-top: 15vh;} main#J-Special .introduction-box>.frontContent .titre-j .buttonJ {margin-top: 30px;} main#J-Special .introduction-box>.frontContent .croquis-j video {width: 110%;} main#J-Special .videoBox-rounded>.videoBox-link {width: 300px;} main#J-Special .videoBox-rounded>.videoBox-link>.videoBox::before {width: 50px; height: 50px;} main#J-Special .videoBox-rounded>.videoBox-link>.videoBox::after {border-width: 6px; border-left-width: 12px;} main#J-Special .videoBox-rounded>* + .videoBox-link, main#J-Special .videoBox-rounded>.videoBox-link + * {margin-top: 50px;} main#J-Special .header-video-box>.backgroundElements .round-baloon-j {top: 20%; width: 120px;} main#J-Special .header-video-box>.backgroundElements img[class^="building-left-"] {right: calc(50% + 250px);} main#J-Special .header-video-box>.backgroundElements img[class^="building-right-"] {left: calc(50% + 250px);} main#J-Special .design-box {padding-top: 60px;} main#J-Special .design-box>.frontContent .j-title-3 {padding-bottom: 100px;} main#J-Special .design-box>.frontContent .arche-velos {margin-top: 200px;} main#J-Special .design-box>.frontContent .eurobike-award + .arche-velos {margin-top: 60px; height: 200px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeTop {height: 250px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound {height: 350px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom {padding-top: 350px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche::before {-webkit-transform: skewY(-30deg) translateY(-4.7%); -moz-transform: skewY(-30deg) translateY(-4.7%); -ms-transform: skewY(-30deg) translateY(-4.7%); transform: skewY(-30deg) translateY(-4.7%);} main#J-Special .design-box>.backgroundElements .archeContent .round-baloon-j {top: 110px; width: 200px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j.design-baloon-left-2 {width: 120px; margin-left: -50px;} main#J-Special .fabrication-box>.frontContent .map-france {max-width: 700px; margin-top: 50px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville {padding: 30px; width: 350px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville>.ville-image {width: 150px; height: 110px;} main#J-Special .durable-box>.frontContent .flex-elements {margin-top: 50px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable {padding: 30px 20px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable .element-title {font-size: 28px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]:not(.padding1) {padding: 150px 0;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j, main#J-Special .combinaison-box>.backgroundElements .baloon-j {width: 100px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.third-baloon-combinaison, main#J-Special .combinaison-box>.backgroundElements .baloon-j.third-baloon-combinaison {width: 35px;} main#J-Special .tapis-detail-box>.backgroundElements .tapis-building-1 {width: 600px;} main#J-Special .tapis-detail-box>.backgroundElements .tapis-building-2 {width: 250px;} main#J-Special .esprit-carousel-box>.backgroundElements .deco-arbre {height: 60%;} main#J-Special .esprit-carousel-box #feuillesCerisier {height: 50%;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte {padding: 30px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p.titleSlide {font-size: 32px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p.titleSlide + p {margin-top: 30px;} main#J-Special .esprit-carousel-box>.frontContent .bike-carousel>img {width: 60%;} main#J-Special .combinaison-box>.frontContent .j-title-3 + p {font-size: 18px;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons>.combinaison-item>.txtContent {padding: 20px;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons>.combinaison-item>.txtContent .combinaison-title {font-size: 21px;} main#J-Special .modeles-box>.backgroundElements .deco-building {width: 200px;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .text-bike {margin-top: 40px;} main#J-Special .odyssee-video-box>.frontContent .buttonJ:not(:first-child) {margin-top: 50px;} main#J-Special .introduction-box>.frontContent .titre-j .title1, main#J-Special .j-title-2, main#J-Special.newJ2024 .new-configs>.frontContent .title1 {font-size: 52px;} /*69*/ main#J-Special .j-title-3, main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .title-bike, main#J-Special .odyssee-video-box>.frontContent .odyssee-title {font-size: 46px;} /*60*/ main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .subtitle-bike {font-size: 24px;} /*32*/ main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle {font-size: 21px;} /*28*/ main#J-Special .introduction-box>.frontContent .titre-j .description, main#J-Special.newJ2024 .new-configs>.frontContent .subTitle {font-size: 18px; margin-top: 15px;} /*24*/ #ModeleV2[class^="special-"] .headerVeloModele>.info-principale>.principaleDecoration>.carousel-decoration-container {width: calc(100% - 420px);} #FamilleTopBar .FamilleTopBar-title + *, #FamilleTopBar .FamilleTopBar-list>a + a, #FamilleTopBar .FamilleTopBar-button {margin-left: 20px;} #FamilleTopBar .FamilleTopBar-title .title-modeles {margin-left: 0;} #FamilleTopBar .FamilleTopBar-title .title-modeles::before {content: "\A"; white-space: pre;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-title, main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-title {font-size: 1.7em;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-reponse>.questionnaire-reponse-txt>.questionnaire-reponse-value {font-size: 1.1em;} main#choisirVAE>.questionnaire-step.questionnaire-step-results {padding: 30px 50px;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-list-bikes>.questionnaire-bike {padding: 15px 25px; box-sizing: border-box; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%; max-width: 45%; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 calc((100% - 30px) / 2); -ms-flex: 0 0 calc((100% - 30px) / 2); flex: 0 0 calc((100% - 30px) / 2); width: calc((100% - 30px) / 2); max-width: calc((100% - 30px) / 2);} main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-title2, main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-subtitle {font-size: 32px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li a {font-size: 16px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li:not(:first-child) {margin-top: 5px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content {min-height: 550px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent {font-size: 16px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-topright>p {margin-top: 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-topright>.button1 {margin-top: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content>.marque-subtitle {font-size: 28px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.txtContent>.adn-txt {font-size: 26px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item .imgContent .number {font-size: 28px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item .txtContent {font-size: 14px; margin-top: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item .txtContent>.details {font-size: 12px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content {min-height: 730px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-subtitle:not(:last-child) {margin-bottom: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.imgContent {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; max-width: 250px; margin-left: 0; min-height: 320px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.txtContent .subTxt {font-size: 18px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.txtContent p:not(.subTxt) {font-size: 14px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-reseaux .marque-reseaux-list .svg {height: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours .marque-title3 {font-size: 18px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours {grid-gap: 50px; gap: 50px;} #subNavContainer .subMenuContent {width: 33.3333vw;} #subNavContainer .subMenuContent[data-subnav-level="1"] {left: 0;} #subNavContainer .subMenuContent[data-subnav-level="2"] {left: 33.3333%;} #subNavContainer .subMenuContent[data-subnav-level="3"] {left: 66.6667%;} #subNavContainer .subMenuContent[data-subnav-level="4"] {display: none;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea {padding: 30px;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea>.mea-titre {font-size: 21px;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea>.mea-soustitre {font-size: 14px; margin-top: 5px;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea>.mea-links {margin-top: 10px; font-size: 12px;} main#J-Special.newJ2024 .new-configs>.frontContent .header-new-configs {max-width: 600px;} main#J-Special.newJ2024 .new-configs>.frontContent .header-new-configs>.new-configs-back {margin-top: -200px;} main#J-Special.newJ2024 .new-configs>.backgroundElements img[class^="building-left-"] {right: calc(50% + 350px);} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-left-1 {width: 20px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-left-2 {width: 30px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-left-3 {width: 60px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-left-4 {width: 50px;} main#J-Special.newJ2024 .new-configs>.backgroundElements img[class^="building-right-"] {left: calc(50% + 350px);} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-1 {width: 140px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-2 {width: 80px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-3 {width: 30px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-4 {width: 60px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-5 {width: 100px;} main#J-Special.newJ2024 .new-configs>.backgroundElements .building-right-6 {width: 90px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson {left: calc((100% - 800px) / 2);} main#J-Special.newJ2024 .new-conf-nexus-detail-box>.backgroundElements .deco-nuage {top: 15%; width: 600px;} .mb_geocode_added_content#mb_tns_location_lundi20>.imgContent {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; max-width: 300px;} #family-footer .family-footer-arg .family-footer-arg-title {font-size: 24px; line-height: 1.3;} #family-footer .family-footer-arg p {font-size: 14px;} #CampagnesRappels .formAppearance .form-input-content>.form-input-radio {width: calc((95% - 15px)/2);} #CampagnesRappels .formAppearance>.form-loading::after {left: 75%;} #CampagneReprise202603 .clamp-flex-inputs>.form-input-row {--mb-campagnereprise-202603-clamp-inputs: min(300px, 100%);} #CampagneReprise202603 .radio_listing {grid-gap: 10px 20px; gap: 10px 20px;} } @media (max-width: 1199px) and (min-width: 992px){ #Modele .top .right .temoignagesVideos {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #Modele .top .right .temoignagesVideos .texteTemoignage {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin-right: 0; margin-top: 0; margin-bottom: 20px;} footer .container {max-width: 890px;} } @media (min-width: 992px) { #ModeleV2 .topHeaderMobile, #ModeleV2 .bottomHeaderMobile, #ModeleV2 .d-md-none {display: none;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnLeft>.txtContent {padding-right: 100px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnRight>.txtContent {padding-left: 100px;} #info-container>.info-content>.info-loop>.info-item {border-left: 0;} #info-container>.info-content>.info-loop>.info-item:not(:first-child) {display: none;} #info-container>.info-content>.info-loop {left: 0!important;} main#J-Special .jeu-detail-box>.frontContent .titleJContainer {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} main#J-Special .jeu-detail-box>.frontContent .titleJContainer ~ * {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3;} main#J-Special .jeu-detail-box>.frontContent .titleJContainer + * {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel {padding-top: 0;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .owl-nav {display: none;} } @media (max-width: 991px){ /* NAV RESPONSIVE */ nav{display: none} /*#navresponsive{position:fixed; display:block; top:100%; left:0; z-index:999; background:#FFF; width:100%; height:100%; font-size:34px; overflow:scroll; -webkit-overflow-scrolling: touch; text-align:center; z-index:99;} #navresponsive, #navresponsive ul.sub{ transition:all 0.7s} #navresponsive.active{top:0} #navresponsive .current{position:absolute;top:0;height:55px;left: 55px; opacity:0; visibility: hidden; right:55px;background:#000;color:#FFF;font-size:15px;text-transform:uppercase;line-height:50px; transition:all 0.3s; font-weight: 700;} #navresponsive .previous{position:absolute;left:0;top:0;opacity:0;visibility: hidden;background:#c0c0bf;color:#FFF;font-size: 11px;line-height: 13px;font-weight:bold;width: 62px;height: 55px;text-align:center;padding-top: 12px;z-index:999;transition:all 0.3s;} #navresponsive .containerSub{display:block;width:100%;position: fixed;left: 100vw;top: 80px;bottom: 0;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: smooth;background: #FFF;transition:all 0.5s;} #navresponsive .containerSub.active{left:0} #navresponsive .containerSub{z-index:5} #navresponsive .containerSub .containerSub{z-index:6} #navresponsive .containerSub .containerSub .containerSub{z-index:7} #navresponsive ul{display:table;margin-left:auto;margin-right:auto;} #navresponsive ul li{display: table-row;} #navresponsive ul.sub{position: relative;top:100%;display: table;} #navresponsive.active ul.sub{top: 0;height: auto;} #navresponsive ul.sub.active{left:0} #navresponsive ul.principal{margin-top:80px;position: relative;background: #FFF;} #navresponsive ul li a{color:#000;font-size:17px;font-weight:600;display: table-cell;padding: 20px 20px;display: table-cell;position:relative; transition:all 0.3s} #navresponsive ul li a:hover,#navresponsive ul li a:focus{color:#000} #navresponsive ul li.hasSub > a:before{content: " "; display:block; position:absolute; width:5px; height:10px; background:url('../img/buttons/triangle-right-grey.png') no-repeat; background-size:cover; right:0; top:50%; margin-top:-5px} #navresponsive ul li a:after{content: " "; display:block; height:1px; background:#efefef; width: 170px; position:absolute; bottom:0; left:50%; margin-left:-85px} #navresponsive ul li .title{font-weight:300;font-size: 14px;color:#000;text-transform:uppercase;} #navresponsive ul.listvelos a{ font-weight:600; color:#000;padding:5px 0;font-size: 14px;} #navresponsive ul.listvelos a:after{display:none;} #navresponsive ul.listvelos li a{padding-bottom:15px; padding-top: 15px} #navresponsive ul.listvelos li:last-child a:after{display:block;} #navresponsive ul.listvelos li li + li a{padding-top: 0} #navresponsive.inSub .current{opacity:1; visibility:visible} #navresponsive.inSub .previous{opacity:1; visibility:visible} #navresponsive .allVelosShow{} #navresponsive .allVelosShow .elementVelo{flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; max-width: 33.333%;} #navresponsive .allVelosShow .elementVelo img{width: 100%;} #navresponsive .allVelosShow .elementVelo p{font-size: 12px;} #navresponsive .allVelosShow .elementVelo:after {left: 25%; width: 50%; margin-left: 0;} #navresponsive .button{background:#c0c0bf; width:100%; display:block; font-size:14px; font-weight:400; color:#FFF; text-align:center; position:absolute; bottom:0; } #navresponsive .contentScrolled .button{position:relative;} #navresponsive .containerlisteVelos .button{background:#898a8d} #navresponsive .button:after{display:none} #navresponsive .button:after{content:" ";}*/ /* HEADER RESPONSIVE*/ #headerResponsive{position:fixed;top:0;right:0; width:100%; height:55px;background:#FFF;z-index:100; display:block; transition:all 0.5s} #headerResponsive .logo{width: 138px;position:absolute;top: 17px;left:15px;transition:all 0.3s;} #headerResponsive .logo img{width:100%; } #headerResponsive .burger{position:absolute; right:0; top:0; width:55px; height:55px; background:#FFF; overflow:hidden; } #headerResponsive .burger span{display:block; position:absolute; top:20px; height:1px; left:50%; margin-left:-12px; width:25px; background:#000; transition:all 0.6s} #headerResponsive .burger span:nth-child(2){top:26px;} #headerResponsive .burger span:nth-child(3){top:32px;} #headerResponsive.menuOpen .burger span:nth-child(1){margin-left:55px} #headerResponsive.menuOpen .burger span:nth-child(3){margin-left:-55px} #headerResponsive .accountLink{position:absolute; width:55px; padding-top:55px; min-height:55px; max-height:55px; right:165px; top:0; background:#FFF; overflow:hidden; line-height:55px; text-transform:uppercase; text-align:center; font-size:10px; transition:all 0.5s} #headerResponsive .accountLink a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #headerResponsive .accountLink img, #headerResponsive .accountLink svg{display: inline-block; width: 18px; height: 18px; position: relative; z-index: 2} #headerResponsive .langs{position:absolute; width:55px; padding-top:55px; min-height:55px; max-height:55px; right:55px; top:0; background:#EDEDED; overflow:hidden; line-height:55px; text-transform:uppercase; text-align:center; font-size:10px; transition:all 0.5s} #headerResponsive .langs.openit{max-height:700px} #headerResponsive .langs a{color:#000;} #headerResponsive .langs li{display:block; height:55px; background:#EDEDED;} #headerResponsive .langs li.changeCountryTxt {font-size: 9px; line-height: 1.2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #headerResponsive .langs li.active{position:absolute; top:0; left:0; width:100%;} #headerResponsive.inSub .logo, #headerResponsive.inSub .accountLink, #headerResponsive.inSub .langs, #headerResponsive.inSub .search{opacity:0; visibility: hidden;} #headerResponsive.inSub{width:55px} #headerResponsive .search{background: #FFF; transition:all 0.5s; display: flex; align-items: center; justify-content: center; cursor: pointer; position:absolute; width:55px; height:55px; top:0; right: 110px; text-align: center; } #headerResponsive .search img, #headerResponsive .search svg{display: inline-block; width: 18px; height: 18px; position: relative; z-index: 2} #headerResponsive .search > *:last-child{display: none} #headerResponsive .search.active{background: #000;} #headerResponsive .search.active > *:first-child{display: none} #headerResponsive .search.active > *:last-child{display: block} #searchBox{height: auto; top:0; margin-top: -100vh} #searchBox{padding-top: 85px} #searchBox.openIt{margin-top: 0} #searchBox .search input{font-size: 15px; left: 38px} #searchBox .search label:before{width: 20px; height: 20px;} #searchBox .search{padding-bottom: 10px} #searchBox .results .sectionTitle{font-size: 25px} #searchBox .results a{font-size: 14px;} #searchBox .results .section{margin-bottom: 25px} #searchBox .results{height: calc(100vh - 230px)} #HeaderHomeContent #header .button2 {font-size: 14px; padding: 12px 25px; padding-right: 50px; margin-top:15px;} #HeaderHomeContent #header .button2:first-child {margin-top:146px;} #HeaderHomeContent #header .button2::after {right: 20px;} #multiblock-grid .grid-item.gros-bloc .title2 {font-size: 26px; line-height: 28px; max-width: unset;} #includeMap {padding: 60px 15px;} #includeMap .text form {margin-top: 40px;} .title2 {font-size: 45px; line-height: 45px;} #Accueil #gamme .item-gamme {-ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;} #categorieFamille #content .elem img {max-width: 600px;} #Accessoires #liste {margin-top: 30px;} #Accessoires #liste .element, #ModeleV2 .mb_accessoires_grid .element {padding: 15px;} #Accessoires #liste .element .titre, #ModeleV2 .mb_accessoires_grid .element .titre{font-size: 15px;} #Modele #inNav .left ul li a, #ModeleV2 #inNav .left ul li a:not(.button1), #Accessoire #inNav .left ul li a {padding-left: 10px; padding-right: 10px; font-size: 11px;} #ModeleV2 #inNav .left ul li a.button1 {font-size: 11px; padding: 10px 60px 10px 20px;} #Modele #inNav .right>a, #Modele #inNav .right .pdf, #ModeleV2 #inNav .right>a, #ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right>a, #Accessoire #inNav .right .pdf {padding: 7px 12px; font-size: 12px;} #Modele #inNav .right .pdf, #ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right .pdf {margin-left: 15px;} #Modele #inNav .right a svg, #Modele #inNav .right .pdf svg, #ModeleV2 #inNav .right a svg, #ModeleV2 #inNav .right .pdf svg, #Accessoire #inNav .right a svg, #Accessoire #inNav .right .pdf svg {display: none;} footer {padding: 11vw 15px 120px;} #videoTop .sound-status {width: 30px; height: 30px; bottom: 30px; right: 50px;} #videoTop .screen-status {width: 20px; height: 20px; bottom: 35px; right: 100px;} #CargoSpecial .bigTitle {font-size: 72px;} #CargoSpecial .veloFront .txt {font-size: 26px; max-width: 240px;} #CargoSpecial .txtSeparator p {font-size: 40px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .nomMembre {font-size: 36px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .imgMembre {margin: 30px auto;} #CargoSpecial .endTitle a {font-size: 70px; max-width: 450px;} #CargoSpecial .bigTitle .shapeCargo.n1 {width: 300px; height: 300px; right: -20%;} #CargoSpecial .bigTitle .shapeCargo.n3 {width: 100px; height: 100px; right: -5%;} #CargoSpecial .bigTitle .shapeCargo.n4 {width: 250px; height: 250px; margin-left: -100px;} #CargoSpecial .bigTitle .shapeCargo.n6 {width: 60px; height: 60px; right: 13%;} #CargoSpecial .bigTitle .shapeCargo.n7 {width: 60px; height: 60px; left: 15%;} #CargoSpecial #videoTop {height: 80vh;} #CargoSpecial #videoTop iframe {min-width: 200vh;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer {padding: 60px 30px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .imgMembre {width: 220px; height: 260px;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(3n+2) .txtContainer .shapeCargo {width: 500px; height: 500px;} #CargoSpecial .presentationEquipe .membreEquipe .videoContainer::before {width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; border-width: 3px;} #CargoSpecial .photosCaches {padding-top: 14%;} #CargoSpecial .photosCaches .photo.photo1 svg.absShape {width: 80px; height: 80px;} #CargoSpecial .photosCaches .photo.photo2 svg.absShape {width: 90px; height: 90px;} #CargoSpecial .cargoVariant .shapeCargo.n2 {height: 350px;} #CargoSpecial .cargoVariant .shapeCargo.n3 {width: 350px; height: 350px; margin-right: -175px;} #CargoSpecial .stickyWindowPart.stickyActivate .allContent {width: unset;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n2 {height: 400px; width: 400px; margin-left: -100px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n4 {left: 100%; width: 450px; height: 450px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n5 {top: 10%; left: 80%;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n7 {bottom: 10%;} #CargoSpecial .guirlande-photos>img.fakeImg {height: 300px;} #CargoSpecial .guirlande-photos .nuage {width: 200px; height: 170px;} #CargoSpecial .guirlande-photos .nuage1 {margin-left: -60px;} #CargoSpecial .guirlande-photos .nuage2 {margin-right: -50px;} #CargoSpecial .guirlande-photos .nuage3 {width: 300px; height: 215px; margin-left: -150px;} #CargoSpecial .guirlande-photos .shapeCargo.n1 {width: 300px; height: 300px; margin-left: -190px;} #CargoSpecial .guirlande-photos .shapeCargo.n2 {width: 450px; height: 450px; margin-right: -330px;} #CargoSpecial .guirlande-photos .sapin1 {margin-right: -50px; width: 180px; height: 225px;} #CargoSpecial .guirlande-photos .sapin2 {margin-left: -80px; width: 270px; height: 350px;} #CargoSpecial .guirlande-photos .chaussure {height: 145px; width: 300px; margin-left: -150px;} #GameAndTrailSpecial #contentGameAndTrail .padding-100 {padding-top: 50px; padding-bottom: 50px;} #GameAndTrailSpecial #contentGameAndTrail .padding-150 {padding-top: 40px; padding-bottom: 40px;} #GameAndTrailSpecial #contentGameAndTrail .noPaddingTop {padding-top: 0;} #GameAndTrailSpecial #contentGameAndTrail .noPaddingBottom {padding-bottom: 0;} #GameAndTrailSpecial #contentGameAndTrail .marginTop-150 {margin-top: 70px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .col-12 {padding-right: 15px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation {margin-bottom: 350px; padding-bottom: 40px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .video-window {top: 100%; bottom: -300px; left: 30px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-window {left: 50px; right: 50px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-background-close, #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-window, #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-window .js-player {transition: all 0s linear;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .video-background-close .closeVideo {top: 15px; right: 15px; width: 30px; height: 30px;} /*#GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox .leftGrid .bigImg {min-height: 500px;} #GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox .bigImg {min-height: 200px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre span {font-size: 70px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .batterie-txt {margin-top: 0;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .batterie-txt .imgs-batterie {display: -ms-grid; display: grid; grid-gap: 15px; gap: 15px; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr; -ms-grid-columns: 1fr 1fr; margin-top: 50px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .batterie-txt .imgs-batterie img:not(:first-child) {margin-top: 0;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo {min-height: unset; height: auto; padding-bottom: 200px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(1) {top: 3%; right: 5%; width: 100px; height: 80px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(2) {display: none;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(3) {height: 80px; width: 100px; bottom: 50px; right: 15%;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(4) {height: 80px; width: 80px; left: 10%; bottom: 100px;}*/ #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent {height: 300px;} /*#GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne {-ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 70px; padding-right: 70px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne>*:not(.lastOrderMobile) {} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne>*:not(:first-child) {margin-top: 30px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne .lastOrderMobile {margin-left: auto; margin-right: auto; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px;}*/ #GameAndTrailSpecial #contentGameAndTrail .info-slider {margin-top: 30px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent {-webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent:first-child {margin-right: 40px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent:last-child {margin-left: 40px;} #GameAndTrailSpecial #contentGameAndTrail .jante-composant .roue-tourne {height: 400px; top: 0; -webkit-transform: translateX(85%) rotate(90deg)!important; -moz-transform: translateX(85%) rotate(90deg)!important; -ms-transform: translateX(85%) rotate(90deg)!important; transform: translateX(85%) rotate(90deg)!important;} #GameAndTrailSpecial #contentGameAndTrail .jante-composant .title2, #GameAndTrailSpecial #contentGameAndTrail .jante-composant .title2 + p {padding-right: 50px;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .title2, #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .choice-slider {padding-right: 200px;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant>.velo-mobile {width: 100%; height: 300px; background-size: contain; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);} /*#GameAndTrailSpecial #contentGameAndTrail .bandeauTitre .title2 {font-size: 28px; line-height: 32px;}*/ #GameAndTrailSpecial #contentGameAndTrail .video-presentation .col-12 {padding-bottom: 0;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite {text-align: center;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .imgContent, #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .txtContent {width: 100%;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .imgContent {margin-bottom: 30px;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .imgContent img {width: 60%; max-width: 400px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>* {margin: 0 30px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>*:first-child {margin-left: auto;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>*:last-child {margin-right: auto;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberPower, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberCadence {font-size: 28px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberPower {top: 16%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberCadence {top: 24%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .niveauBatterie {top: 27.5%; height: 13%;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant>.velo-mobile {left: 0; right: unset!important;} #GameAndTrailSpecial #contentGameAndTrail .bandeauTitre img.titreImg {max-height: 230px; max-width: 340px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .txtModif {padding: 140px 0;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .gt-video-1, #GameAndTrailSpecial #contentGameAndTrail .video-presentation .gt-video-2, #GameAndTrailSpecial #contentGameAndTrail .video-presentation .gt-video-3 {display: none;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-1 {top: 20px; left: -50px; width: 150px; height: 220px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-3 {top: 240px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-4 {height: 150px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-5 {bottom: 0; left: -110px; width: 150px; height: 130px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-pieces-6 {bottom: 0; right: -110px; width: 150px; height: 170px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2 {top: 170px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-3 {width: 260px; height: 130px; left: -60px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-4 {width: 110px; height: 110px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-5 {top: 40px; right: 150px; width: 120px; height: 60px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-6 {bottom: 30px; left: 150px; width: 120px; height: 80px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-7 {right: -100px; width: 200px; height: 140px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-8 {top: 30px; left: 250px; width: 140px; height: 70px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-9 {right: 140px; width: 180px; height: 130px;} /* FIN ANNEE */ #HeaderHomeContent #header {margin-top: 55px; height: calc(100vh - 55px);} #HeaderHomeContent #header iframe {height: 100%;} .mb_list_bikes_button {margin-bottom: 20px;} #countryLang .cl-content .scrollable-country .allCountryLinks {line-height: 1.7; -webkit-columns: 1; -moz-columns: 1; columns: 1;} /* DESCRIPTION */ /* GAUCHE */ #Modele .top .shapeCargo.n1 {top: 0; right: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 200px; height: 200px;} #Modele .top .shapeCargo.n2 {top: 170px; right: calc( 100% + ((100vw - 100%)/2) - 70px ); width: 60px; height: 60px;} #Modele .top .shapeCargo.n3 {top: 70%; right: calc( 100% + ((100vw - 100%)/2) - 100px ); width: 60px; height: 60px;} /* DROITE */ #Modele .top .shapeCargo.n4 {bottom: 70%; left: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 40px; height: 40px;} #Modele .top .shapeCargo.n5 {bottom: 20%; left: calc( 100% + ((100vw - 100%)/2) - 30px ); width: 100px; height: 100px;} #Modele .top .shapeCargo.n6 {bottom: 0; left: calc( 100% + ((100vw - 100%)/2) - 30px ); width: 100px; height: 100px;} /* TABS */ /* GAUCHE */ #Modele #tabs .shapeCargo.n1 {top: 0; right: calc( 100% + ((100vw - 100%)/2) - 70px ); width: 60px; height: 60px;} #Modele #tabs .shapeCargo.n2 {top: 170px; right: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 150px; height: 150px;} #Modele #tabs .shapeCargo.n3 {bottom: 30%; right: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 100px; height: 100px;} #Modele #tabs .shapeCargo.n4 {bottom: 25%; right: calc( 100% + ((100vw - 100%)/2) - 70px ); width: 60px; height: 60px;} /* DROITE */ #Modele #tabs .shapeCargo.n5 {top: 30%; left: calc( 100% + ((100vw - 100%)/2) - 50px ); width: 150px; height: 150px;} #Modele #tabs .shapeCargo.n6 {bottom: 40%; left: calc( 100% + ((100vw - 100%)/2) - 70px ); width: 80px; height: 80px;} #Modele #tabs .shapeCargo.n7 {bottom: 15%; left: calc( 100% + ((100vw - 100%)/2) - 70px ); width: 40px; height: 40px;} footer.footer-1 .list-footer .col-list-footer, footer.footer-1 .list-footer .col-list-footer.col-list-footer-large {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 30px;} footer.footer-1 .list-footer .col-list-footer.col-list-footer-large {padding-right: 15px;} footer.footer-1 .item-deroulant-footer>.titre-deroulant {font-size: 16px;} footer.footer-1 .item-deroulant-footer + .item-deroulant-footer {margin-top: 30px;} footer.footer-1 .social{padding-top:0;} footer.footer-1 .bottom-footer li a {padding: 7px; font-size: 14px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc {padding: 30px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab img:first-child {width: 140px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab span {margin: auto 30px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab img:last-child {width: 120px;} #Movember2022 .galerie-movember .galerie-masonry .grid-column-gutter {width: 2%;} #Movember2022 .galerie-movember .galerie-masonry .grid-column-width {width: 32%;} #Movember2022 .galerie-movember .galerie-masonry img {margin-bottom: 15px;} .leftAndRightBox {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} .leftAndRightBox.imgFirst .imgContent, .leftAndRightBox.txtFirst .imgContent {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} .leftAndRightBox.txtFirst .txtContent, .leftAndRightBox.imgFirst .txtContent {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} .leftAndRightBox .imgContent, .leftAndRightBox .txtContent {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; width: 100%; max-width: 100%;} .leftAndRightBox .imgContent {padding: 0 15px!important; max-width: 500px; margin-bottom: 50px;} .builderMoustache .movemberLocator>.contenuTexte {min-height: unset; padding: 0; margin-bottom: 30px;} .builderMoustache .movemberLocator>.contenuTexte, .builderMoustache .movemberLocator>.contenuImage {width: 100%;} .builderMoustache .movemberLocator>.contenuImage>.item-photo {position: relative!important; height: 200px!important; width: auto!important; max-width: 100%!important; top: unset!important; left: unset!important; right: unset!important; margin: 0!important; padding: 10px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo img {height: 100%!important; width: auto!important;} .builderMoustache .movemberLocator>.contenuImage {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} footer.footer-1 .list-footer .col-list-footer .newsletter-title {font-size: 16px;} footer.footer-1 .list-footer .col-list-footer .trustpilot-widget {margin-top: 30px;} #ModeleV2 #content {margin-bottom: 0;} #ModeleV2 .headerVeloModele {min-height: auto; padding-top: 55px;} #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders {position: relative; top: unset; left: unset;} #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .owl-stage-outer, #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .owl-stage-outer>.owl-stage, #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .owl-stage-outer>.owl-stage>.owl-item, #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .element, #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .element img {height: auto;} #ModeleV2 .headerVeloModele>*>.imgLeft>.all-sliders .elementSlider .element>a {height: auto; position: relative; top: unset; left: unset;} #ModeleV2 .headerVeloModele>*>.txtRight, #ModeleV2 .desktop-show {display: none;} #ModeleV2 .fullWidthOnMobile {width: 100%; padding: 0 15px;} .galerieGridV2 {background-color: #FAFAFA; padding: 20px; overflow: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; grid-gap: 0; gap: 0;} .galerieGridV2.galerieGridV2>.galerieGridV2-item:not(:first-child) {margin-left: 20px;} .galerieGridV2>.galerieGridV2-item>.thumbnail-video::before {height: 40px; width: 60px;} .galerieGridV2.galerieGridV2>.galerieGridV2-item:first-child {margin-left: auto;} .galerieGridV2.galerieGridV2>.galerieGridV2-item:last-child {margin-right: auto;} .galerieGridV2.galerieGridV2-1>.galerieGridV2-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; height: 47vw;} .galerieGridV2.galerieGridV2-3>.galerieGridV2-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; max-width: 300px; height: 300px;} .galerieGridV2.galerieGridV2-5>.galerieGridV2-item, .galerieGridV2.galerieGridV2-8>.galerieGridV2-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px; height: 200px;} .galerieGridV2.galerieGridV2-8>.galerieGridV2-item:nth-child(2), .galerieGridV2.galerieGridV2-8>.galerieGridV2-item:nth-child(8) {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 400px; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 400px; max-width: 400px;} #ModeleV2 .topHeaderMobile {display: block!important; border-top: 1px solid #F2F2F2; position: relative; overflow: hidden;} #ModeleV2 .topHeaderMobile .box-content {padding-left: 15px; padding-right: 15px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0!important;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2, #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox {padding: 20px 15px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2, #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox>.price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price {font-size: 28px; line-height: 1.2;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2 {width: 100%; text-align: left;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; width: 200px; max-width: 200px; text-align: center; border-left: 1px solid #F2F2F2; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #ModeleV2 .bottomHeaderMobile {padding-top: 0; position: relative; overflow: hidden;} #ModeleV2 .topHeaderMobile .box-content, #ModeleV2 .bottomHeaderMobile .box-content {position: relative; padding: 20px 0; text-align: center; margin-bottom: 1px;} #ModeleV2 .topHeaderMobile .box-content::before, #ModeleV2 .bottomHeaderMobile .box-content::before {content: ''; position: absolute; top: 100%; left: 50%; width: 102vw; height: 1px; background-color: #F2F2F2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} #ModeleV2 .bottomHeaderMobile .box-content .texteTemoignage {font-weight: 600; margin-bottom: 15px;} #ModeleV2 .bottomHeaderMobile .box-content .pricephrase {font-size: 12px; margin-bottom: 15px;} #ModeleV2 .bottomHeaderMobile .box-content:last-child {margin-bottom: 0;} #ModeleV2 .liensTemoignage {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #ModeleV2 .liensTemoignage .itemTemoignage:last-child {margin-right: 0;} #ModeleV2 .liensTemoignage .itemTemoignage .nomTemoignage, #ModeleV2 .liensTemoignage .itemTemoignage .professionTemoignage {display: none;} #ModeleV2 .all-deroulants>.mb_item-deroulant.builderDeroulant .content-box .container {width: 100%;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2 {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: auto; margin-left: -15px; margin-right: -15px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>* {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border: 0!important; -webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>*>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; width: 350px; max-width: 350px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>*>* + * {border-left: 1px solid #F2F2F2;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.titleContent>.buttonItem {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #F8F8F8; font-weight: 600;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.titleContent>.buttonItem>span {margin: auto; width: 100%;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.leftContent {height: 300px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.leftContent>.leftItem {width: 100%; position: relative; top: unset; right: unset; height: 100%;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.leftContent>.leftItem img, #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>.leftContent>.leftItem iframe {position: absolute; top: 0; left: 0;} #ModeleV2 .mb_list_bikes_overflow::before, #ModeleV2 .mb_list_bikes_overflow::after {content: unset; display: none;} #ModeleV2 .actualitesModele .actualitesModeleContainer {-webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: auto; margin-left: -15px; margin-right: -15px;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item {padding: 30px 20px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; width: 350px; max-width: 350px;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item:first-child {margin-left: auto;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item:last-child {margin-right: auto;} #ModeleV2 #callContainer {text-align: center; padding: 50px 0;} #ModeleV2 #callContainer .titleCall img {width: 50px;} #ModeleV2 #callContainer .titleCall p {margin-top: 20px; font-weight: bold; font-size: 24px;} #ModeleV2 #callContainer .callButtonDiv {margin-top: 20px;} #ModeleV2 .mb_conseils_gamme .content-gammes {padding: 50px;} #ModeleV2 .headerVeloModele .priceConfigRef {margin-bottom: 15px;-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #ModeleV2 .headerVeloModele .priceConfigRef>.specsModelConfig-ref {margin-left: 10px;} #ModeleV2 .mb_builder_carousel::before {top: 240px;} #ModeleV2 .mb_builder_carousel .owl-nav {top: 120px;} #Famille.special-guidon-moustache #content>.fullHeader-special>.decoComplete>.visuel>img.velo {min-height: 0;} #Famille.special-guidon-moustache #content>.fullHeader-special>.decoComplete>img.test-guidon {left: 3%; height: 10%; max-height: 60px; bottom: 20px;} #header1.contentInBandeau {max-height: 350px;} #header1.contentInBandeau .table .table-cell {padding-top: 60px;} #FAQ #searchFAQ {padding-top: 60px; padding-bottom: 10px;} #FAQ .rounded-content-shadow {padding: 20px;} #FAQ .linkFAQbutton>.txt-button .faq-title.bigger {font-size: 18px;} #FAQ #scrollContent {height: 55px;} #Familles #liste .cat .listfamilles .famille .listemodeles .all-buttons>a {font-size: 10px;} #Familles #liste .cat .listfamilles .famille .listemodeles .all-buttons>a.allBikes-button_bike {padding: 5px 10px;} #ModeleV2.special-vtt-terre .headerVeloModele>.info-principale>.principaleDecoration>img {left: 50%;} #Trail2023-Special>.header-trail {height: auto;} #Trail2023-Special>.header-trail .container, #Trail2023-Special>.header-trail .row, #Trail2023-Special>.header-trail .col-sm-12 {height: auto;} #Trail2023-Special>.header-trail .mediaContent {-webkit-box: 1; -moz-box: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;} #Trail2023-Special>.header-trail .mediaContent>.videoTrail {width: 77%; padding-top: 66.67%; height: auto;} #Trail2023-Special>.header-trail .mediaContent>.videoTrail video {object-fit: cover;} #Trail2023-Special>.header-trail .mediaContent>.velo {width: 400px; max-width: 100%; max-height: unset;} #Trail2023-Special>.header-trail .title1 {font-size: 54px;} #Trail2023-Special>.header-trail .subTitle {font-size: 24px;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.titreImagine {font-size: 42px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnLeft>.txtContent {padding-right: 50px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnRight>.txtContent {padding-left: 50px;} #Trail2023-Special>.header-trail {padding-top: 100px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent>.double_colonne>.colonne_para {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-3 {height: 150%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-4 {height: 150%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-5 {height: 200%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-6 {height: 70%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-7 {height: 70%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-9 {top: 30%; right: max(100%, 920px); height: 200%;} #Trail2023-Special.game-page>.header-trail .mediaContent>.videoTrail {padding-top: 51.333%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-bleu {width: 300px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-jaune {width: 300px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-orange {width: 300px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-rouge {width: 300px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-violet {width: 150px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-vert {width: 350px;} body.familles-template-template-famille-v2 #Trail2023-Special>.header-trail .mediaContent>.videoTrail {padding-top: 43.12%;} #ModeleV2.special-montagne-trail .headerVeloModele>.info-principale>.principaleDecoration>.ailesVideo {left: 50%; width: 70vw;} #ModeleV2 #inNav .left.desktopShow ul>*.newsletterShow {display: none!important;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration {width: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft {width: 100%; height: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(1) {top: -9.24%; left: 4%; width: 15.625%; height: 27.78%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(2) {top: -23.11%; left: 16.93%; width: 26%; height: 46.22%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(3) {top: 2.31%; left: -1.3%; width: 6.5%; height: 11.56%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(4) {top: 11.56%; left: 14.3%; width: 6.5%; height: 11.56%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(5) {top: 13.86%; left: 2.6%; width: 9.1%; height: 16.18%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topleft>.shapeCargo:nth-child(6) {top: 0; left: 41.666%; width: 4%; height: 7.11%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright {width: 100%; height: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright>.shapeCargo:nth-child(1) {top: 0; right: 1.3%; width: 6.5%; height: 11.56%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright>.shapeCargo:nth-child(2) {top: 7.11%; right: 7.8%; width: 4%; height: 7.11%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-topright>.shapeCargo:nth-child(3) {top: 7.11%; right: -10.41%; width: 26%; height: 46.22%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft {width: 100%; height: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft>.shapeCargo:nth-child(1) {bottom: -7.11%; left: -5.2%; width: 15.625%; height: 27.78%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft>.shapeCargo:nth-child(2) {bottom: 13.87%; left: 6.5%; width: 6.5%; height: 11.56%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft>.shapeCargo:nth-child(3) {bottom: 18.50%; left: -1.3%; width: 6.5%; height: 11.56%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft>.shapeCargo:nth-child(4) {bottom: 9.24%; left: 10.41%; width: 4%; height: 7.11%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomleft>.shapeCargo:nth-child(5) {bottom: 24.2666%; left: 5.2%; width: 4%; height: 7.11%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomright {width: 100%; height: 100%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomright>.shapeCargo:nth-child(1) {bottom: 0; right: 19.53%; width: 4%; height: 7.11%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomright>.shapeCargo:nth-child(2) {bottom: -32.41%; right: -10.41%; width: 32.55%; height: 57.87%;} #ModeleV2.special-lundi-20 .headerVeloModele>.info-principale>.principaleDecoration>.position-bottomright>.shapeCargo:nth-child(3) {bottom: 18.50%; right: 2.6%; width: 6.5%; height: 11.56%;} #ModeleV2.special-poudres-game .headerVeloModele>.info-principale>.principaleDecoration>img:first-child {width: 30%;} #ModeleV2.special-poudres-game .headerVeloModele>.info-principale>.principaleDecoration>img:nth-child(2) {right: 0; width: 40%;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire {padding: 70px 100px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-1 {width: 120px; height: 120px; top: 30px; left: 10px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-2 {width: 120px; height: 250px; right: 10px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-3 {width: 150px; height: 100px;} #page-testnsmile-v2 #TNS_content>.TNS_resultats>.TNS_resultats-grid {-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} #popupTNS-v2 .popupTNS-content {width: 690px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-logo img {width: 100px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-info>.nomVelo>.categorie-velo {font-size: 16px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-info>.nomVelo>.titre-velo {font-size: 28px;} #popupTNS-v2 .popupTNS-content>.TNS-shops>.TNS-shop-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%; max-width: 45%;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>#TNS-datepicker {margin-left: 0!important; margin-right: 0!important;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>.date-choice {margin-top: 15px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact>label.roundedBox {padding: 10px; padding-left: 30px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact>label.roundedBox>.s4-ico {width: 15px; height: 15px; left: 15px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact>label.roundedBox>input {font-size: 12px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact>label.roundedBox.labelWithSuffix .suffix {font-size: 12px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-info>.recap-form {font-size: 14px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-info>.recap-form>img {max-width: 160px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%; max-width: 45%; border: 1px solid #E5E5E5; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset;} body.hasInfoHeader #AllPage {margin-top: 87px} body.hasInfoHeader #ModeleV2 .headerVeloModele {padding-top: 0;} #ModeleV2 .headerVeloModele>.info-principale>.imgLeft>.spec-config-info {bottom: 20px; max-height: calc(100% - 40px);} #ModeleV2 .bottomHeaderMobile .box-content .pricephrase:last-child {margin-bottom: 0;} #ModeleV2 .headerVeloModele>.backLinkBox {display: none;} #ModeleV2 .headerVeloModele .backLinkBox + .info-principale {border-top: 0;} #ModeleV2 .headerVeloModele.hasConfig .priceBox>.price>span.added-price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price>span.added-price {display: block; margin-top: 5px;} #ModeleV2 .headerVeloModele .backLinkBox.backLinkWithVideo>.backlink .littleLink {width: 100%; padding: 20px 30px;} #ModeleV2.special-le-j .headerVeloModele .backLinkBox.backLinkWithVideo>.backlink .littleLink {padding-left: 60px; padding-right: 60px; -webkit-mask-size: 40px 36px; mask-size: 40px 36px; -webkit-mask-position-x: 10px; mask-position-x: 10px;} #ModeleV2 .headerVeloModele .box-content.box-filtre-config, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire {padding-top: 20px!important; padding-bottom: 20px!important;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"], #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list {margin-left: calc(-1 * (100vw - (750px - 15px * 2)) / 2); margin-right: calc(-1 * (100vw - (750px - 15px * 6)) / 2); -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; overflow: auto; overflow-y: hidden; padding: 15px 0;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::before, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::before, #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::after, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::after {content: ''; display: block; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 calc((100vw - (750px - 15px * 2)) / 2); -ms-flex: 0 0 calc((100vw - (750px - 15px * 2)) / 2); flex: 0 0 calc((100vw - (750px - 15px * 2)) / 2); width: calc((100vw - (750px - 15px * 2)) / 2); max-width: calc((100vw - (750px - 15px * 2)) / 2);} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::after, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::after {-webkit-box-ordinal-group: 999;-moz-box-ordinal-group: 999;-webkit-order: 998;-ms-flex-order: 998;order: 998;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.couleurs-item, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list>.accessoire-value {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 calc((720px - 10px*4)/3);-ms-flex:0 0 calc((720px - 10px*4)/3);flex:0 0 calc((720px - 10px*4)/3);width:calc((720px - 10px*4)/3);max-width:calc((720px - 10px*4)/3);} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.images-item {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 calc((720px - 10px*3)/2);-ms-flex:0 0 calc((720px - 10px*3)/2);flex:0 0 calc((720px - 10px*3)/2);width:calc((720px - 10px*3)/2);max-width:calc((720px - 10px*3)/2);} .buttonJ {font-size: 12px;} .buttonJ::before, .buttonJ::after {right: 25px;} .buttonJ::before {width: 20px; height: 20px;} .buttonJ::after {border-width: 3px; border-left-width: 6px;} .buttonJ>.txt {padding: 10px 30px; padding-right: 50px;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .introduction-box>.backgroundElements .header-poisson {left: calc((100% - 600px) / 2);} main#J-Special .nuage-detail-box>.backgroundElements .deco-baleine {left: calc((100% - 750px)/2 + 650px);} main#J-Special .nuage-detail-box>.backgroundElements .bike-nuage {left: calc((100% - 750px)/2);} main#J-Special .jeu-detail-box>.backgroundElements .bike-path {left: calc((100% - 750px)/2 + 370px); top: 120px; width: 350px; max-width: 100%;} main#J-Special .jeu-detail-box>.backgroundElements .bike-path>.path-content {-webkit-filter: drop-shadow(#ACAED3 -30px 100px 15px); filter: drop-shadow(#ACAED3 -30px 100px 15px);} main#J-Special .tapis-detail-box>.backgroundElements .deco-raie {left: calc((100% - 750px)/2 + 550px); width: 400px; top: 250px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche {width: calc(10% + ((100% - 700px) / 2));} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::before {left: calc(100% - (100% - 700px)/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::after {right: calc(100% - (100% - 700px)/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound>.archeFront {width: 700px;} main#J-Special .design-box>.backgroundElements .archeContent .deco-nuage {left: calc((100% - 700px)/2 - 50px); width: 500px; bottom: 150px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-left-"] {left: calc((100% - 700px)/2 + 100px); bottom: 320px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-right-"] {right: calc((100% - 700px)/2 + 20px); bottom: 250px;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .design-box>.backgroundElements .archeContent .baloon-j, main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison, main#J-Special .combinaison-box>.backgroundElements .baloon-j.second-baloon-combinaison {width: 50px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-9, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-10, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-11 {width: 70px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.third-baloon-combinaison, main#J-Special .combinaison-box>.backgroundElements .baloon-j.third-baloon-combinaison {width: 25px;} main#J-Special .header-paragraphes-box {text-align: center;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-3, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-5 {display: none;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-1 {width: 55px; margin-top: -110px; margin-left: -40px;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-2 {width: 45px; margin-top: 70px; margin-left: -80px;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-3 {width: 45px; margin-top: 30px; margin-left: 75px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-1 {margin-top: -60px; margin-left: 30px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-2 {margin-left: 120px; margin-top: -5px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-4 {margin-top: 40px; margin-left: -40px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-6 {margin-top: -40px; margin-left: -50px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-7 {} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-8 {margin-top: -100px; margin-left: 40px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-9 {margin-top: -10px; margin-left: 55px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-10 {margin-top: 5px; margin-left: 20px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-11 {margin-top: 0px; margin-left: -30px;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-title {font-size: 14px;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-author {font-size: 16px;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-detail {font-size: 12px;} main#J-Special .header-paragraphes-box .container {max-width: 600px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound {height: 250px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom {padding-top: 300px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche::before {-webkit-transform: skewY(-30deg) translateY(-5.7%); -moz-transform: skewY(-30deg) translateY(-5.7%); -ms-transform: skewY(-30deg) translateY(-5.7%); transform: skewY(-30deg) translateY(-5.7%);} main#J-Special .design-box>.backgroundElements .archeContent .round-baloon-j {width: 130px; top: 60px;} main#J-Special .design-box>.frontContent .j-title-3 + p {font-size: 18px; max-width: 500px;} main#J-Special .design-box>.frontContent .eurobike-award {border-radius: 50px; padding: 10px 30px; max-width: 550px;} main#J-Special .design-box>.frontContent .arche-velos {margin-top: 150px;} main#J-Special .fabrication-box>.frontContent .map-france {max-width: 70%;} main#J-Special .durable-box>.backgroundElements .round-baloon-j {width: 150px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable .element-title {font-size: 21px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]:not(.padding1) {padding: 100px 0;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .txtJtransparentContainer h3 {font-size: 28px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .txtJtransparentContainer h3 + p {margin-top: 20px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .j-title-2 {text-align: center;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .txtJtransparentContainer {padding: 30px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .secondContainer {padding-top: 30px;} main#J-Special .backElementsFrontContent.nuage-detail-box>.frontContent .titleJContainer {margin-bottom: 200px;} main#J-Special .nuage-detail-box>.backgroundElements .deco-baleine {top: 250px; width: 500px;} main#J-Special .nuage-detail-box>.backgroundElements .bike-nuage {top: 200px; width: 350px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j {width: 70px; top: 210px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison {top: 350px;} main#J-Special .backElementsFrontContent.jeu-detail-box>.frontContent .titleJContainer {margin-bottom: 150px;} main#J-Special .jeu-detail-box>.frontContent .secondContainer .deco-tortue {top: -100px; left: 150px; width: 400px;} main#J-Special .backElementsFrontContent.tapis-detail-box>.frontContent .titleJContainer {margin-bottom: 100px;} main#J-Special .tapis-detail-box>.frontContent .titleJContainer + * {margin-top: 0;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel {padding-top: 50px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .owl-nav>button {width: 40px; height: 40px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte {padding: 20px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p.titleSlide {font-size: 24px;} main#J-Special .combinaison-box>.backgroundElements .deco-baleine {top: 220px;} main#J-Special .combinaison-box>.frontContent .j-title-3 + p {font-size: 16px; margin-top: 30px;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons>.combinaison-item>.txtContent .combinaison-title {font-size: 18px;} main#J-Special .modeles-box>.backgroundElements .deco-building {width: 150px;} main#J-Special .modeles-box>.frontContent .modeles-list {overflow: auto; -ms-grid-columns: 42% 42% 42%; grid-template-columns: 42% 42% 42%;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item {overflow: hidden;} main#J-Special .odyssee-video-box {min-height: min(80vh, 70vw);} main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle:not(:first-child) {margin-top: 15px;} main#J-Special .odyssee-video-box>.frontContent .buttonJ:not(:first-child) {margin-top: 30px;} @keyframes Jjeu_flotte { 0% {margin-top: 0;} 100% {margin-top: -30px;} } @keyframes Jjeu_ombre { 0% {-webkit-filter: drop-shadow(#ACAED3 -30px 100px 15px); filter: drop-shadow(#ACAED3 -30px 100px 15px);} 100% {-webkit-filter: drop-shadow(#ACAED3 -30px 130px 20px); filter: drop-shadow(#ACAED3 -30px 130px 20px);} } main#J-Special .introduction-box>.frontContent .titre-j .title1, main#J-Special .j-title-2, main#J-Special.newJ2024 .new-configs>.frontContent .title1 {font-size: 42px;} /*69*/ main#J-Special .j-title-3, main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .title-bike, main#J-Special .odyssee-video-box>.frontContent .odyssee-title {font-size: 36px;} /*60*/ main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .subtitle-bike {font-size: 18px;} /*32*/ main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle {font-size: 16px;} /*28*/ main#J-Special #mainContent {font-size: 14px;} #ModeleV2[class^="special-"] .headerVeloModele>.info-principale>.principaleDecoration>.carousel-decoration-container {width: 100%;} #FamilleTopBar .FamilleTopBar-content {padding: 8px 20px;} #FamilleTopBar .FamilleTopBar-list {display: none;} .hideTablet {display: none!important;} #Actualites .liste {grid-template-columns: 1fr 1fr;-ms-grid-columns: 1fr 1fr;} #Actualites .InfiniteLoader {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3;} main#choisirVAE>.questionnaire-step {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-photo {display: none; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 30px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-photo .stickyImg {position: relative; top: unset; height: auto; padding-top: 56.25%;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>* {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; width: 100%; max-width: 100%;} main#choisirVAE>.questionnaire-step .questionnaire-buttons>.questionnaire-button {padding: 7px 20px; font-size: 14px;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-list-bikes>.questionnaire-bike>.questionnaire-bike-title>a {font-size: 1.4em;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-list-bikes>.questionnaire-bike>.questionnaire-bike-versions {margin-top: 5px;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-list-bikes>.questionnaire-bike>.questionnaire-bike-desc {margin-top: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>*, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.imgContent, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item .imgContent, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content .backMap>.absolute-photo, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent .video-container, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.imgContent {border-radius: 10px;} main#PageMarque2023 #PageMarqueContent {padding-left: 15px; padding-right: 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav {position: fixed; z-index: 5; top: 100vh; top: 100dvh; left: 0; width: 100%; max-width: 100%; background-color: #FFF; transition: all 0.3s ease-in-out;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile {position: absolute; bottom: 100%; left: 0; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; background-color: #000; color: #FFF; font-weight: 600; font-size: 16px; border-top: 1px solid #ededed; cursor: pointer;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile>span {margin: auto; padding: 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile::before {content: ''; position: absolute; top: 50%; right: 25px; border: 7px solid rgba(0,0,0,0); border-top: 0; border-bottom-color: #000; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%);} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile::after {content: ''; display: block; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 50px; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; max-width: 50px; background-color: #FFF;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav {text-align: center;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li:not(:first-child) {margin-top: 0; border-top: 1px solid #ededed;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li a {display: block; padding: 10px 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav.openNav {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);} main#PageMarque2023 #PageMarqueContent>.marque-column-nav.openNav .actualAnchorMobile::before {-webkit-transform: translate(50%, -50%) rotate(180deg); -moz-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg);} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-decorations, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.marque-decorations>.background {margin-left: 0;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent {padding-top: 50px; padding-bottom: 50px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges {max-width: 90%; margin-left: auto; margin-right: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.marque-decorations-overflow {height: calc(100% + 50px);} #subNavContainer {z-index: 100; background-color: rgba(0,0,0,0)!important; -webkit-backdrop-filter: unset; backdrop-filter: unset; top: 55px; height: calc(100% - 55px); opacity: 1!important; visibility: visible!important; pointer-events: none;} #subNavContainer .subMenuContent {left: 0!important; width: 100vw!important; z-index: 10!important; opacity: 1!important; visibility: visible!important; pointer-events: all;} #subNavContainer .subMenuContent .close-link::before {background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/pictos/menu-arrow-left.svg')!important;} #navresponsive {display: block;} body.hasInfoHeader #subNavContainer {height: calc(100% - 87px); top: 87px;} #ModeleV2 .headerVeloModele .priceBox.reductionApplied>.price {line-height: 1;} #ModeleV2 .headerVeloModele .priceBox>.price>span:not(:last-child), #ModeleV2 .headerVeloModele.hasConfig .priceBox>.price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price {margin-right: unset;} #ModeleV2 .headerVeloModele .priceBox>.price>.mb_promo_price::before {content: '\A';} #ModeleV2 .headerVeloModele .priceBox>.reduc-price.showReduc + .price {margin-top: 10px; font-size: 18px;} #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price-diff {margin-top: 0;} #ModeleV2 .headerVeloModele .priceBox>.reduc-price.showReduc + .price>.added-price {display: none;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea {padding: 15px;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea>.mea-titre {font-size: 18px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson {top: 250px; left: calc((100% - 550px) / 2);} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j {width: 50px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-9, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-10, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-11 {width: 70px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-3, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-5 {display: none;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-1 {width: 55px; margin-top: -110px; margin-left: -40px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-2 {width: 45px; margin-top: 70px; margin-left: -80px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-3 {width: 45px; margin-top: 30px; margin-left: 75px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-1 {margin-top: -60px; margin-left: 30px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-2 {margin-left: 120px; margin-top: -5px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-4 {margin-top: 40px; margin-left: -40px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-6 {margin-top: -40px; margin-left: -50px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-7 {} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-8 {margin-top: -100px; margin-left: 40px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-9 {margin-top: -10px; margin-left: 55px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-10 {margin-top: 5px; margin-left: 20px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-11 {margin-top: 0px; margin-left: -30px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box .titleJContainer>img, main#J-Special.newJ2024 .new-conf-nexus-detail-box .titleJContainer>img {width: 60%;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box .secondContainer, main#J-Special.newJ2024 .new-conf-nexus-detail-box .secondContainer {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box .titleJContainer, main#J-Special.newJ2024 .new-conf-nexus-detail-box .titleJContainer {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box .titleJContainer>img {margin-right: 0; margin-left: auto;} main#J-Special.newJ2024 .new-conf-nexus-detail-box>.backgroundElements .deco-nuage {width: 450px; left: 80%; top: 15%;} main#J-Special.newJ2024 .new-conf-nexus-detail-box .titleJContainer>img {margin-left: 0; margin-right: auto;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box .secondContainer {padding-bottom: 0; padding-top: 30px;} .mb_geocode_added_content#mb_tns_location_lundi20 {-webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} .mb_geocode_added_content#mb_tns_location_lundi20>.imgContent {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; width: 100%; max-width: 400px; margin-right: 0;} .mb_geocode_added_content#mb_tns_location_lundi20>.txtContent {padding: 0; margin-bottom: 30px; text-align: center;} .mb_geocode_added_content#mb_tns_location_lundi20>.txtContent>*:not(:first-child) {margin-top: 20px;} .mb_geocode_added_content#mb_tns_location_lundi20>.txtContent>p {font-size: 12px;} #family-footer .padding-100 {padding-top: 50px; padding-bottom: 50px;} #family-footer::before {width: calc(100% - (30px*2));} #family-footer .col-sm-12:not(:first-child) {margin-top: 30px;} #CampagnesRappels>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0;} #CampagnesRappels #CampagnesRappels_serial, #CampagnesRappels .formAppearance .form-sended {width: 100%;} #CampagnesRappels .rightInfo>#stickyInfo {margin-top: 0!important;} #CampagnesRappels .rightInfo {order: 0;} #CampagnesRappels .formAppearance {order: 1;} #CampagnesRappels .formAppearance>.form-loading {width: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} #CampagnesRappels .formAppearance>.form-loading::after {position: absolute; left: 50%;} #ModeleV2 .headerVeloModele .rentBox .priceRent {font-size: 14px; line-height: 1.2;} #CampagneReprise202603__shop__list_overflow .shop-item {--mb-campagnereprise-202603-shop: 40%;} } @media (max-width: 991px) AND (max-aspect-ratio: 1/2) { main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-photo {display: block;} } @media (max-width: 799px) { #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .allContent {position: relative; max-width: unset; margin: 0 auto; overflow-x: auto; overflow-y: hidden;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n7, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n8, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n9, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n10 {display: block;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n1 {width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n2 {top: 10%; right: unset; left: 60%; height: 260px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n3 {top: 50%; left: 30%; margin-left: -60px; width: 185px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n4 {top: 5%; left: 160%; margin-left: unset; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n5 {top: 60%; left: 120%; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n6 {left: 200%; width: 350px; height: 300px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n7 {top: 30%; left: 260%; width: 250px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n8 {top: 5%; left: 290%; width: 200px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n9 {bottom: 0%; left: 350%; width: 300px; height: 300px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n10 {top: 0%; left: 410%; width: 200px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .itemContent {min-width: 250px; width: 100%; max-width: 400px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .itemContent .photo .inside img {transform: unset !important;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .itemContent:not(:first-child) .photo {margin-top: 0px!important;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .itemContent:nth-child(odd) .photo {margin-right: 0;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .itemContent:nth-child(even) .photo {margin-left: 0;} } @media (min-width: 768px) { footer.footer-1 .item-deroulant-footer {height: auto!important;} #ModeleV2 #inNav .left.mobileOnly {display: none;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnLeft>.contentVideo>.title2, #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnRight>.contentVideo>.flexVideo, #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnLeft>.txtContent, #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnRight>.imgContent {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnLeft>.contentVideo>.flexVideo, #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnRight>.contentVideo>.title2, #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnLeft>.imgContent, #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnRight>.txtContent {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnLeft>.contentVideo>.title2 {margin-right: 50px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre.txtOnRight>.contentVideo>.title2 {margin-left: 50px;} } @media (max-width: 767px){ body.mb_language_es.home #header #videojsTop{height: 70%} body.openedPopup .popup-window.showingPopup>.popup-container{ -webkit-transform: translate(-50%, 0%) !important; -moz-transform: translate(-50%, 0%) !important; -ms-transform: translate(-50%, 0%) !important; transform: translate(-50%, 0%) !important; top:0} #comparateur #switchSpecs {padding: 10px 20px;} #switchSpecs .txtAlignRight{text-align: center;} .container{padding-left:30px; padding-right:30px} .container .container{padding-left:0; padding-right:0} .container .container.padding15{padding-left:15px; padding-right:15px} #cookie-notice #cn-notice-text{line-height:11px} #cookie-notice .cn-button{margin-top:15px} body.ready #labelEnregistrer,#labelEnregistrer{display:none} .baseLine,.baseLine.withLine{font-size:12px; padding-bottom:10px} .title1{font-size:24px;text-align:center;line-height: 30px;} .title2{font-size: 19px;text-align:center;line-height: 26px;} .title3, .builderMoustache .movemberLocator>.contenuTexte .title3{font-size: 19px; line-height: 26px} .button1{padding:10px 60px 10px 30px; font-size:12px} .button1.noArrow {padding: 7px 14px;} .marges1{padding: 38px 0;} #header1.noBackground .image, #header1.noBackground .video, #header1.noBackground .mask {height: 150px;} #header1.noBackground .table {padding-top: 30px; margin-bottom: 0;} #header1.noBackground + #ariane {margin-top: 10px; padding-bottom: 40px;} .baseLine + .title2, .baseLine + .title1{margin-top:15px;line-height: 26px;} #multiblock-grid {grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr;-ms-grid-columns: 1fr 1fr;} /* FOR SPECIAL LAST NEWS */ #multiblock-grid {grid-template-rows: 29vw 28vw 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 29vw 28vw 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } #multiblock-grid .grid-item .title2 {text-align: center!important; margin-left: auto; margin-right: auto;} #multiblock-grid .grid-item.gros-bloc:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row-start: 1; grid-row-end: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.gros-bloc:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 2; grid-row-start: 3; grid-row-end: 5; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.gros-bloc:nth-child(3) { -ms-grid-row: 5; -ms-grid-row-span: 2; grid-row-start: 5; grid-row-end: 7; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.lien-bloc:nth-child(4) { -ms-grid-row: 7; -ms-grid-row-span: 1; grid-row-start: 7; grid-row-end: 8; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.lien-bloc:nth-child(5) { -ms-grid-row: 8; -ms-grid-row-span: 1; grid-row-start: 8; grid-row-end: 9; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.lien-bloc:nth-child(6) { -ms-grid-row: 9; -ms-grid-row-span: 1; grid-row-start: 9; grid-row-end: 10; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; } #multiblock-grid .grid-item.reseau-social:nth-child(7) { -ms-grid-row: 10; -ms-grid-row-span: 1; grid-row-start: 10; grid-row-end: 11; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column-start: 1; grid-column-end: 2; } #multiblock-grid .grid-item.reseau-social:nth-child(8) { -ms-grid-row: 10; -ms-grid-row-span: 1; grid-row-start: 10; grid-row-end: 11; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column-start: 2; grid-column-end: 3; } #multiblock-grid .grid-item.choix-bloc:nth-child(9) { -ms-grid-row: 11; -ms-grid-row-span: 4; grid-row-start: 11; grid-row-end: 12; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column-start: 1; grid-column-end: 3; padding-right: 0; text-align: center; align-items: center; padding-left: 0; } #multiblock-grid .grid-item.choix-bloc:nth-child(9) .bottom-content, #multiblock-grid .grid-item.choix-bloc:nth-child(9) .allVelos {-ms-flex-direction: column; flex-direction: column} #multiblock-grid .grid-item.choix-bloc:nth-child(9) .allVelos, #multiblock-grid .grid-item.choix-bloc:nth-child(9) .button-content {max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} #multiblock-grid .grid-item.choix-bloc:nth-child(9) .button-content {margin-left: 0; margin-top: 20px; -ms-flex-pack: center; justify-content: center;} #multiblock-grid .grid-item.choix-bloc:nth-child(9) .allVelos img {width: 100%; max-width: 130px;} /* INCLUDE MAP */ #includeMap{padding:30px 15px;margin-bottom: 40px;} #includeMap .text p{font-size:13px; line-height:15px} #includeMap .text form {margin-top: 20px;} .insta-flux {-ms-flex-wrap: wrap; flex-wrap: wrap;} .insta-flux .item-insta {max-width: 33.333333%; flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%;} /* HEADER 1 */ #header1{position:relative; height:54vh; } #header1.fake{height: 0} #header1 .table .table-cell{padding-top:0} #header1 p{font-size: 12px;line-height: 16px;} #header1 p.bigger{font-size: 16px;line-height: 31px;} .baseLine.withLine:after{content: " ";display:block;height:1px;position:absolute;left: 50%;width: 78px;bottom:0;margin-left: -37px;background:#FFF;} .parallax-slider .imgHeader1{height: 54vh; min-height: 54vh} /* ALLPAGE */ #AllPage{margin-top:55px} /* BUILDER */ .builderMoustache .introduction p{font-size: 14px;line-height: 20px;} .builderMoustache p, #page-testnsmile .messageVelos{font-size: 14px;line-height: 19px;} .builderMoustache .txt_2 .col-sm-6{padding-left:0; padding-right:0} .builderMoustache .image_texte {padding:50px 0 !important;margin-bottom: 35px;} .builderMoustache .image_texte .text{font-size: 21px;line-height: 26px;padding: 0 15px;} .builderMoustache .multiple_blocs{margin-bottom: 55px;} .builderMoustache .multiple_blocs .slider{padding-bottom: 30px} .builderMoustache .multiple_blocs .arrow{bottom: -22px; } .builderMoustache .multiple_blocs .arrow.right{margin-left: 58px !important} .builderMoustache .multiple_blocs .arrow.left{margin-left: -87px !important} .builderMoustache .multiple_blocs .elem{margin-bottom:32px} .builderMoustache .multiple_blocs .titre{margin-top:15px} .builderMoustache .button{margin-bottom:35px;} .builderMoustache .image{margin-bottom:35px;} .builderMoustache .image .parallax-window .parallax-slider img{height: auto !important} .builderMoustache .separateur{margin-bottom:35px;} .builderMoustache .introduction{margin-bottom:35px;} .builderMoustache .formAppearance {margin-bottom: 35px;} .builderMoustache h1{margin-bottom:35px} .builderMoustache h2, .builderMoustache h3{margin-bottom:30px} .builderMoustache .multiple_blocs .elem:last-child{margin-bottom:0} #Page-noHeader .builderMoustache{padding-left:0; padding-right:0; margin-left: 0; margin-right: 0;} .builderMoustache .image .parallax-window{height: auto !important} .builderMoustache .ancreContainer{display: none} .ancreContainerResponsive{display: block; bottom:-70px} .ancreContainerResponsive.showIt{bottom:0} /* ARRIANE */ #ariane{padding-left:10px;margin-top: 32px;padding-right:10px;} #ariane .breadcrumb_last{font-size:10px;} #ariane a{padding: 0 0px;padding-right: 4px;} #ariane span > span > span{padding: 0;padding-right: 0px;} /* ACCUEIL */ /* HEADER */ #HeaderHomeContent #header,#HeaderHomeContent #header #slider .in{height:70vh;} #HeaderHomeContent #header .containerText{text-align:center} #HeaderHomeContent #header .containerText .container{padding:0 25px} #HeaderHomeContent #header .phrase{font-size:24px;line-height: 29px;max-width:100%; margin-top: 0;} #HeaderHomeContent #header .containerArrow{display:none;} /* GAMME */ #Accueil #gamme {padding: 60px 0;} #Accueil #gamme .d-flex {margin-top: 15px; -ms-flex-wrap: unset; flex-wrap: unset; -ms-justify-content: unset; justify-content: unset; overflow-x: auto;} #Accueil #gamme .item-gamme {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} /* SEO */ /*#Accueil #Seo p{font-size:11px; line-height:13px; margin:25px auto;} #Accueil #Seo .prix img{margin:20px; max-width:75px; max-height:75px;}*/ /* CATEGORIE FAMILLES */ #categorieFamille #header1 {height: 120px;} #categorieFamille #header1 .title1 { padding-top:20px; font-size: 17px; text-align:left; line-height: 1.3; } #categorieFamille #content{padding-left: 15px; padding-right: 15px;} #categorieFamille #content .elem{} #categorieFamille #content .elem>.row{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-direction: reverse; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;} #categorieFamille #content .elem .intro, #categorieFamille #content .elem img {max-width: 400px; font-size: 15px; padding-right: 15px} #categorieFamille #content .elem .intro {max-width: 400px; font-size: 15px;} /* FAMILLES */ #Familles{} #Famille .title1 {padding: 60px 0;} #Famille .introduction{font-size:15px;line-height: 19px;} #Famille #builderIn{margin-top:60px;} #Famille .introduction{margin-top:20px;} #Famille #builderIn .image_texte{position:relative;padding-top:230px;margin-left: 30px;margin-right: 30px;padding-bottom:0;margin-bottom:60px;} #Famille #builderIn .image_texte .container{padding-left:0; padding-right:0} #Famille #builderIn .image_texte .containerCover{height:230px;position:absolute; top:0; width:100%; left:15px; right:15px;} #Famille #builderIn .image_texte .image.multiple{left:0!important;height: 230px;} #Famille #builderIn .image_texte .image.multiple{top: 0; width: 100%;} #Famille #builderIn .image_texte .image.multiple .containerCover{left: 0} #Famille #builderIn .image_texte .arrow{display:none} #Famille #builderIn .image_texte .texte{padding-left:0; padding-right: 0; padding-top: 40px;margin-left: 0;width: 100%;padding-bottom: 0;min-height: 0; height: auto} #Famille #builderIn .image_texte .texte h2{font-size:19px;line-height: 23px; margin-bottom: 15px} #Famille #builderIn .image_texte.image_droite .containerCover{left:0;} #Famille #builderIn .image_droite .texte{width:100%;padding-right:0;min-height: 0; padding-bottom:0} #Famille #builderIn .image_texte .texte p, #Modele #builderIn .image_texte .texte p{font-size: 15px;line-height: 21px;} #Famille #builderIn .bandeau{padding:80px 0;} #Famille #builderIn .bandeau .text p{font-size: 18px;line-height: 20px;} #Famille #builderIn .bandeau{margin-top:0} #Famille .modeles .row {margin-top: 20px;} /*#Famille .modeles .element .image, #Modele #others .element .image{padding-top: 0;} #Famille .modeles .slider .arrow.slick-arrow, #Famille .modeles .slider .arrow.slick-arrow{display:none !important} #Famille .modeles .slick-center + .element .infos{opacity:0} #Famille .modeles .element, #Modele #others .element{padding:10px 10px} #Famille .modeles .element:before, #Modele #others .element::before{display:none} #Famille .modeles .slick-center + .element .image .in{border-color:#FFF;} #Famille .modeles .element .infos .button, #Modele #others .element .infos .button{text-align:center; margin-top:20px; display:block} #Famille #builderIn .image_texte .image.multiple{top: 0; width: 100%} #Famille #builderIn .image_texte.image_droite .image.multiple{left: 0; right: 0; height: 230px;} #Famille .modeles .element .infos .pointforts .valeur .couleurVelo, #Modele #others .element .infos .pointforts .valeur .couleurVelo{height: 18px !important}*/ /* MODÈLE */ .single-familles #header1{margin-top: 0} #Modele #TNTSmile{display:none} #Modele .top, #Modele .top{ position:relative;} #Modele .top .right, #Accessoire .top .right{margin-bottom: 35px} #Modele .top .left a, #Accessoire .top .left a{margin-right:0} #Modele .top .left img, #Accessoire .top .left img{width:100px; height:auto;} #Modele .top .left a:first-child, #Accessoire .top .left a:first-child{margin-right:45px; } #Modele .top .couleurs, #Accessoire .top .couleurs{ text-align:center; width:100%; margin-top:45px;} #Modele .top .couleurs .element, #Accessoire .top .couleurs .element{margin-left: 7px !important;margin-right: 7px;} #Modele .top .right .accroche, #Accessoire .top .right .accroche{text-align:center; font-size:18px;} /*#Modele .hasOuvertFerme .top .left{text-align:center;z-index: 2;width:100%;} #Modele .hasOuvertFerme .top .right{z-index: 1;} #Modele .hasOuvertFerme .top .couleurs {position:absolute; bottom:10px; margin-top:0}*/ #Modele #sliders .miniSlider, #Accessoire #sliders .miniSlider{display:none !important} #Modele #sliders .slick-dots, #Accessoire #sliders .slick-dots {display: block; position: relative; text-align: center; width: 100%; z-index: 60; } #Modele #sliders .bubbleSlider{display:none;} #Modele #sliders .slick-dots li.slick-active, #Accessoire #sliders .slick-dots li.slick-active {background: #54565a; } #Modele #sliders .slick-dots li, #Accessoire #sliders .slick-dots li {width: 40px; background: #d3d3d3; display: inline-block; height: 2px; margin: 0 3px; position: relative; transition: all 0.3s; } #Modele #sliders .slick-dots li button, #Accessoire #sliders .slick-dots li button {text-indent: -999999px; background: transparent; border: 0; position: absolute; width: 100%; top: 50%; margin-top: -10px; left: 0; } #Modele .ouvertferme{width: 100%; display: block; text-align: center} #Modele .top .right .contentPrice, #Accessoire .top .right .contentPrice{width: 100%; display: block;} #Modele #builderIn {margin-top: 50px;} #Modele .backlink{margin-bottom:20px;/* margin-top:-20px; */text-align: center;margin-right: 8;} #Modele .backlink a{font-size:10px;} #Modele #specifications .element, #Accessoire #compatibilite .element, #Accessoire #specifications .element{font-size:12px} #Modele .backlink a:before{width:7px;height:7px;margin-right: 8px;vertical-align:0px;} #Modele .top .right:not(.mobile-right) .contentPrice, #Modele .top .right:not(.mobile-right) #introductionContent, #Modele .top .right:not(.mobile-right) #introductionContent + .moreLink, #Modele .top .right:not(.mobile-right) .temoignagesVideos, #Accessoire .top .right:not(.mobile-right) .contentPrice, #Accessoire .top .right:not(.mobile-right) #introductionContent, #Accessoire .top .right:not(.mobile-right) #introductionContent + .moreLink, #Accessoire .top .right:not(.mobile-right) .points-cles{display: none !important;} #Modele .top .right.mobile-right, #Accessoire .top .right.mobile-right {margin-top: 30px;margin-bottom: 0;text-align: center;} #Modele .top .right .contentPrice .price:before, #Accessoire .top .right .contentPrice .price:before{display: none} #Modele .top .right, #Accessoire .top .right{padding-top: 0; position: static} #Modele .top .right .title2, #Accessoire .top .right .title2{font-size: 23px; line-height: 26px} #Modele .top .right .price, ##Accessoire .top .right .price{font-size: 19px} #Modele #sliders, #Accessoire #sliders{margin-left:0; margin-right:0} #Modele #builderIn .image_texte{-ms-flex-directio: column; flex-direction: column; position:relative;padding-top:230px;margin-left: 30px;margin-right: 30px;padding-bottom:0;margin-bottom:60px;} #Modele #builderIn .image_texte .container{padding-left:0; padding-right:0} #Modele #builderIn .image_texte .containerCover{height:250px;position:absolute; top:0; width:100%; left:15px; right:15px;} #Modele #builderIn .image_texte.image_gauche .image.multiple{left:0;height: 230px;} #Modele #builderIn .image_texte .image.multiple .containerCover{left: 0} #Modele #builderIn .image_texte .image .containerCover {width: 100%;} #Modele #builderIn .image_texte .arrow{display:none} #Modele #builderIn .image_texte .texte{padding-left:0;margin-left: 0;width: 100%;padding-bottom: 0;min-height: 0; height: auto} #Modele #builderIn .image_texte .texte h2{font-size:19px;line-height: 23px;margin-bottom: 15px;} #Modele #builderIn .image_texte .image {position: absolute; height: 230px; top: 0; left: 0; width: 100%;} #Modele #builderIn .image_texte.image_droite .containerCover{left:0;} #Modele #builderIn .image_droite .texte, #Modele #builderIn .image_gauche .texte{width:100%;padding-right:0;min-height: 0;padding-bottom:0;padding-top: 25px;} #Modele #builderIn .image_texte .image.multiple{top: 0; width: 100%} #Modele #builderIn .image_texte.image_droite .image.multiple{left: 0; right: 0; height: 230px;} #Modele #builderIn .bandeau{padding:80px 0;} #Modele #builderIn .bandeau .text p{font-size: 18px;line-height: 20px;} #Modele #builderIn .bandeau{margin-top:0} #Modele #inNav, #ModeleV2 #inNav, #Accessoire #inNav{z-index: 99;position: sticky;text-align: center;min-height: 40px;bottom: 0;} #Modele #inNav.beforeBuilder, #Modele #inNav .left ul li a[data-different="true"], #ModeleV2 #inNav.beforeBuilder, #ModeleV2 #inNav .left ul li a[data-different="true"] {display: none;} #Modele #inNav .left ul, #Modele #inNav .left ul li a, #ModeleV2 #inNav .left ul, #ModeleV2 #inNav .left ul li a:not(.button1), #Accessoire #inNav .left ul, #Accessoire #inNav .left ul li a {height: 40px;} #Modele #inNav .container, #ModeleV2 #inNav .container, #Accessoire #inNav .container{padding-left:0; padding-right:0} #Modele #inNav .left ul li a, #ModeleV2 #inNav .left ul li a:not(.button1), #Accessoire #inNav .left ul li a{padding-left: 9px;padding-right: 9px;font-size: 10px;width: 33%;display: table-cell;} #Modele #inNav .right, #ModeleV2 #inNav .right, #Accessoire #inNav .right{position:absolute; bottom:100%; right:0; z-index: 10;} #Modele #inNav .right a,#Modele #inNav .right .pdf, #ModeleV2 #inNav .right a,#ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right a,#Accessoire #inNav .right .pdf{font-size:11px; padding:10px; height:auto;} #Modele #inNav .right a svg,#Modele #inNav .right .pdf svg, #ModeleV2 #inNav .right a svg,#ModeleV2 #inNav .right .pdf svg, #Accessoire #inNav .right a svg,#Accessoire #inNav .right .pdf svg{display:none} #Modele #inNav .right .pdf:before, #ModeleV2 #inNav .right .pdf:before, #Accessoire #inNav .right .pdf:before{display:none} #Modele #inNav .right a br, #ModeleV2 #inNav .right a br, #Accessoire #inNav .right a br{display:none} #Modele #inNav .right .pdf ul li a, #ModeleV2 #inNav .right .pdf ul li a, #Accessoire #inNav .right .pdf ul li a{font-size:11px} #Modele #inNav .right>a, #Modele #inNav .right .pdf , #ModeleV2 #inNav .right>a, #ModeleV2 #inNav .right .pdf , #Accessoire #inNav .right>a, #Accessoire #inNav .right .pdf {margin: 0; border-radius: 0; border: 0; border-top: 1px solid #D5D5D5; background-color: #DEDEDE;} #Modele #inNav .right .pdf, #ModeleV2 #inNav .right .pdf, #Accessoire #inNav .right .pdf {border-left: 1px solid #D5D5D5;} #Modele #inNav .right .pdf ul, #ModeleV2 #inNav .right .pdf ul, #Accessoire #inNav .right .pdf ul {border-color: #D5D5D5;} #Modele #inNav .right>a:hover, #Modele #inNav .right .pdf:hover, #ModeleV2 #inNav .right>a:hover, #ModeleV2 #inNav .right .pdf:hover, #Accessoire #inNav .right>a:hover, #Accessoire #inNav .right .pdf:hover {background-color: #D5D5D5;} #ModeleV2 #inNav .left ul {display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} #ModeleV2 #inNav .left ul li a:not(.button1) {height: 100%; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center;} #ModeleV2 #inNav .left ul li a:not(.button1) span {display: inline-block; margin: auto;} /* GEOMETRIE */ #Modele #geometrie .row{padding-left:0;padding-right:0;margin-left:0;margin-right:0;display: block;} #Modele #geometrie .tableau{ width:100%; display:block;} #Modele #geometrie .image{width: 100%;display:block;text-align: center;margin-top:45px;} #Modele #geometrie .image img{padding-left:0; width:100%; } #Modele #geometrie .tableau table tr td{padding:10px 5px} #Modele #geometrie .tableau table tr td:first-child{font-size:10px;} /* COMPARATEUR */ #comparateur{} #comparateur .element{font-size:11px;} #comparateur .titreVelo,#comparateur .compare select{font-size:14px;} #comparateur .current{width:50%; padding-right:10px; float:left; } #comparateur .compare{width:50%; padding-left:10px; float:left} #comparateur .compare .selectric .label, #comparateur .selection .select2 .select2-selection__rendered{font-size:14px;line-height: 45px;padding: 0;height: auto;padding-bottom: 15px;margin: 0 38px 0 10px;} #comparateur .compare .selectric, .select2-container{background:#FFF;border:0;font-weight:bold;padding-bottom: 0;line-height:15px;} #comparateur .compare .selectric .button:after, #comparateur .selection .select2 .select2-selection__arrow::after{border: 4px solid transparent;border-top-color: #000;margin-top: 2px;} #comparateur .dekstopVersion{display:none} #comparateur .selection select,#comparateur .selection .selectric .label, #comparateur .selection .select2 .select2-selection__rendered{font-size:14px; margin:0; text-align:center; display:block; width:100%; text-align-last:center; white-space: pre-line; text-align:center; line-height:19px; margin-bottom:0; padding-bottom:0;} #comparateur .selectric .button, #comparateur .selection .select2 .select2-selection__rendered{display:block; position:relative; margin-left:auto; margin-right:auto; height:20px;} #comparateur .responsiveVersion{display:block} #comparateur .responsiveVersion .col-sm-12{ padding-left:0; padding-right:0} #comparateur .responsiveVersion table{width:100%;max-width: 800px;margin: 0 auto;} #comparateur.hideSimilarsSpecs .responsiveVersion table tr.sameSpec{display: none} #comparateur .responsiveVersion table td{width:50%;text-align:center;padding:10px;border:1px solid #e0e0e0; } #comparateur .responsiveVersion table tbody td{word-wrap: break-all;font-size:12px;white-space: pre-wrap;line-height:18px;color: #454545;vertical-align: middle;} #comparateur .responsiveVersion table td.title{font-weight:bold; color:#000; } #comparateur .responsiveVersion select{} /* TOUS LES VELOS */ #Familles #liste{padding-left: 30px;padding-right: 30px;} #Familles #liste .cat{margin-bottom:35px; padding-bottom:35px} #Familles #liste .cat p{font-size:16px; } #Familles #liste .cat .listfamilles .famille .listemodeles{margin-top:35px;} #Familles #liste .cat .listfamilles .famille .listemodeles .modele-column{padding:15px;display: inline-block;width: 50%;text-align: center;} #Familles #liste .cat .listfamilles .famille .listemodeles .row{margin-left:-15px; margin-right:-15px} /*#Famille .modeles .element .infos .title{font-size:18px;} #Famille .modeles .element .infos .price{font-size: 14px;}*/ #categorieFamille #content .elem + .elem { padding-top: 15px; border-top: 1px solid #CBCBCB;} /* SEO */ #categorieFamille #seo p{font-size:12px;line-height:14px;padding: 0 30px;} /* CONTACT */ #Contact .intro{font-size:16px;line-height:1.4;padding-right: 0px;padding-left: 0px;margin-bottom: 0;} #Contact form{margin-left:0;margin-right:0;padding-left: 15px;margin-top: 13px;padding-right: 15px;} #Contact form .left{display:block} #Contact form .left{padding-right:0} #Contact form .right{display:block; padding-left:0;} #Contact form .right:before{left:0;} #Contact form .gdpr, #Contact form .newsletter{padding-left:25px;} #Contact .adresse{margin-top:50px;padding-left: 30px;padding-right: 30px;font-size:14px;line-height:17px;} #Contact .container.allContent .col{padding-left: 15px; padding-right: 15px} #Contact .selectric .label, #comparateur .selection .select2 .select2-selection__rendered{font-size: 15px} #Contact form textarea{height: 150px} #Contact form input, #Contact form textarea{border-radius: 0} /* OU ACHETER */ .pac-container{min-width:200px !important} #ouacheter{z-index:100; padding-top: 0;} #ouacheter .closeIt{top:10px; right:10px;} #ouacheter .closeIt svg, #ouacheter .close img{width:30px;} .builderMoustache #ouacheter.ready .after .left{padding:0} .builderMoustache #ouacheter.ready .after .left .overflow{padding-left: 20px; padding-right: 20px; width: 100%; background: #FFF; overflow: visible; height: auto; margin-top: 0; z-index: 9998} #ouacheter .top p{font-size:14px; line-height:16px;} #ouacheter.ready .after{padding-top:30px} #ouacheter form .input{} #ouacheter .bottom .right{display:none} #ouacheter.ready .after .bh-sl-loc-list ul {padding-left: 0;} #ouacheter.ready .after .bh-sl-loc-list ul li{opacity:1;padding-left: 0;} #ouacheter.ready .after .bh-sl-loc-list ul li.shopInShop, #ouacheter.ready .after .bh-sl-loc-list ul.hasShopInShop li{padding-left: 40px;} #ouacheter.ready .after .bh-sl-loc-list ul li .logo-shopinshop{left: 0;} #ouacheter .table{padding-left:15px; padding-right:15px} #ouacheter.ready .after .left{padding-right:20px; width: 100%} #ouacheter form .input{padding-bottom:10px} #ouacheter form .loupe{padding-right:11px;} #ouacheter.ready .after form input[type=text]{width: 165px; } #ouacheter form input,#ouacheter.ready .after form input[type=text]{width: 127px} #ouacheter form select{-webkit-appearance: menulist} #ouacheter form .loupe img{width:20px} #ouacheter form input{font-size:14px;} #ouacheter.ready .after .bh-sl-loc-list ul li:before{width:30px; height:30px; } #ouacheter .list-content{font-size:13px; line-height:15px} #ouacheter .top .title1 {font-size: 24px;text-align: center;line-height: 30px;} #ouacheter.ready .after{overflow: visible} #ouacheter.ready.loaded .after .left .bh-sl-form-container{ top: 90px; position: fixed; z-index: 8; z-index: 1; right: 11px; left: 10px; } .hideOnMobile{display: none !important} #ouacheter form select{width: 85px; font-size: 13px} #ouacheter form .loupe{font-size: 13px; padding: 10px} .builderMoustache #ouacheter.ready.showList .after .left{transform: translateY(-75vh);} .builderMoustache #ouacheter.ready.loaded .after .left .numbers{ background: #FFF; width: 100%; width: calc(100% - 20px); text-align: center; position: relative; position: sticky; position: -webkit-sticky; top: 0; padding: 25px; display: block; opacity: 0; z-index: 9999;} #ouacheter.loaded.ready .after form .input{padding:2px 12px 2px} .builderMoustache #ouacheter.ready.loaded .after .left .numbers.showIt{opacity: 1} .builderMoustache #ouacheter.ready.loaded .after .left .numbers:before{ left: 50%; transform: translateX(-20px); border-radius: 4px; background-color: rgba(32,32,32,0.2); content: ''; display: block; position: absolute; top:7px; width: 40px; height: 4px;} #ouacheter.ready.loaded.showList .after .left .bh-sl-form-container{transform: translateY(75vh); z-index: 0} .builderMoustache #ouacheter.ready.loaded{border: 0} #ouacheter.ready .after .right{position: fixed; height: 63vh; bottom: inherit; top: 218px; left: 0; right: 0;} .builderMoustache #ouacheter.ready .after .left {position: absolute;z-index: 5;background: #FFF; top:calc(77vh - 18px); overflow: hidden; transition: all 0.3s ease-in-out; border-radius: 25px 25px 0 0; box-shadow:0 0 25px rgb(0 0 0 / 24%);} #ouacheter {padding-left: 0; padding-right: 0;} .builderMoustache #ouacheter.ready.loaded ~ * {display: none;} .builderMoustache #ouacheter.ready.loaded {height: auto; margin-bottom: -38px;} #ouacheter .bottom, #ouacheter.ready .after, .builderMoustache #ouacheter.ready .after .left, .builderMoustache #ouacheter.ready .after .left .overflow {position: relative!important; top: unset; bottom: unset; left: unset; right: unset;} .builderMoustache #ouacheter.ready .after .left {margin-top: calc(64vh - 18px);} .builderMoustache #ouacheter.ready .after .left::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; background-color: #FFF;} /* INNOVATIONS */ #Innovations{} #Innovations .element{height:auto;} #Innovations .element .table{min-height:250px} #Innovations .element .link{padding-top:0;font-size: 13px;} #Innovations .element .titre{font-size:20px; line-height:22px; } #Innovations .element .intro{font-size:13px;margin-top: 10px;} #Innovations .separate{margin:25px 0} #Innovations .liste{padding-bottom:0;padding-left: 15px;padding-right: 15px;} #Innovations #Seo p{font-size:12px; line-height:16px} /* ACTUALITES */ #Actualites{} #Actualites .liste{padding-left:15px; padding-right:15px} #Actualites .responsiveFilter{position:fixed; width:40px; height:40px; background: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/pictos/filter.svg') #000 no-repeat center; background-size:20px; z-index:99; top:40%; right:0} #Actualites .liste .element{min-height:0; padding-bottom:30px} #Actualites .liste .element:nth-child(2n){padding-left:0; padding-right:0} #Actualites .liste .element:nth-child(2n + 1){padding-right:0; padding-left:0} #Actualites .liste p, #ActualitesSingle .similaires p{min-height:0; margin-bottom:15px; font-size:13px} #Actualites .liste .date, #ActualitesSingle .similaires .date{font-size:12px} /* ACTUALITE SINGLE */ #ActualitesSingle{} #ActualitesSingle #sidebare{display:none;} #ActualitesSingle .col-sm-8{padding-left:30px; padding-right:30px} #ActualitesSingle .similaires{} #ActualitesSingle .similaires .element{margin-bottom:35px;} /* SIDEBARE */ #sidebareContainer{position:fixed;width:100%;height:100%;top:0;left:0;background:#FFF;z-index:999;padding: 107px 24px 24px;overflow:scroll;border-top:10px solid #000;display:none;} #sidebareContainer .close{position:absolute;top: 228px;right:0;opacity: 1;width:25px;right:15px;top: 59px; display: block} #sidebareContainer .close img,#sidebareContainer .close svg{width:100%; } #sidebareContainer .close svg line{stroke:#000; } /* PAGE NO HEADER */ #Page-noHeader{margin-top: 20px;} #Page-noHeader #sidebare{margin-bottom: 25px} #sidebare > li{margin-bottom: 11px; padding-bottom: 11px} /* CATALOGUES */ #Catalogues{} #Catalogues .liste{padding-left:0; padding-right:0} #Catalogues .liste a.element{border-bottom:0;margin-bottom: 20px;padding-left: 0;padding-bottom: 38px;padding-right: 0;} #Catalogues .liste .intro{font-size:13px;line-height:14px;font-weight:400;min-height: inherit;max-height: inherit;} /* NOTICES */ #Notices .liste .link{margin-top:25px;} #Notices .liste .intro{max-height:inherit; min-height:0;} #Notices .liste a.element{min-height:0;padding-bottom:30px;padding-left: 0; margin-bottom: 30px;} /* RECRUTEMENT */ #Recrutement{padding-left:15px; padding-right:15px;} #Recrutement .intro{font-size:14px; line-height:17px;} #Recrutement #liste .element{padding:40px 0;} #Recrutement #liste .element p{font-size:12px; line-height:15px;} #Recrutement .adresse{font-size:11px; line-height:14px;} #Recrutement #liste .element .link{margin-top:45px;} /* FAQ */ #Faq .intro{font-size:15px; line-height:18px;} #Faq .element .reponse{font-size:13px;} #Faq .listCats .category > .head .title{font-size: 20px; padding: 45px 0} #Faq .listCats .category > .content .question .head{font-size: 14px} #Faq .listCats .category > .content{padding: 40px 0} /* ENREGISTRER */ #Enregistrer.marges1{padding-left: 30px;padding-right:30px;padding-top: 50px;} #Enregistrer .title1{font-size:20px; line-height:22px} #Enregistrer .intro{font-size:17px;margin-bottom: 20px;line-height:19px;} #Enregistrer .col .titre{margin-top:55px;} #Enregistrer form .gdpr, #Enregistrer form .newsletter{padding-left:20px;} #Enregistrer form .valide{top: auto;bottom: 93px;font-size: 14px;line-height: 16px;} /* 404 */ #page404{background-size:50vw;} #page404 .text{font-size:30px} /* TEST N SMILE */ #page-testnsmile h1 img{max-width:200px} #page-testnsmile #top .intro .gros p{font-size: 14px; line-height: 15px} #page-testnsmile #top .intro{margin-top: 20px} #page-testnsmile #top .intro p{font-size:13px; line-height:13px; } #page-testnsmile #top #search input[type=text], #page-testnsmile #top #search .input input[type=text]{width:100%; border: 1px solid #e8e8e8; border-radius:0; margin-bottom:10px;} #page-testnsmile #top #search button, #page-testnsmile #top #search .input button{display:block;border: 1px solid #000;margin:0 auto;border-radius: 0px;} #page-testnsmile .selectric-wrapper, #popinTNSMILE .selectric-wrapper{display:block;} #page-testnsmile .selectric-wrapper, #popinTNSMILE.selectric-wrapper{margin-left:0; display:block; margin-top:15px; } #page-testnsmile #bottom .listfamilles .famille .listemodeles{margin-bottom:20px;margin-top: 10px;} #page-testnsmile #bottom .listfamilles .famille .listemodeles .modele{margin-bottom:25px;} #popinTNSMILE .shop.showIt{max-height:700px} #popinTNSMILE.showIt .inside{transform:none} #popinTNSMILE .inside{left:0;right:0;top: 0;padding: 50px 15px 15px;min-height: 100vh; min-width:0; background: #FFF;overflow: scroll;max-height: 100v;height: 100vh;bottom: 0;transform: inherit;width: 100%;} #page-testnsmile #bottom .listfamilles .famille h2{text-align:center; font-size:25px; margin-bottom:10px} #popinTNSMILE .inside .closeIt{top:10px; right:10px;} #popinTNSMILE .inside .closeIt svg, #popinTNSMILE .inside .close img{width:30px;} /* MÉDIATHÈQUE */ #Mediatheque{padding-left: 15px; padding-right: 15px} #Mediatheque .title1{margin-bottom: 0} #Mediatheque .dossiers,#Mediatheque .medias{margin-top: 35px} /* FOOTER */ footer{padding:50px 25px 75px;} footer .table{display: block; position: relative; padding-bottom: 40px;} footer .table .social{position: absolute; bottom: 0;} footer .scrollTop{bottom:94px; right:40px} footer .scrollTop img, footer .scrollTop svg{width:30px; } footer .col.n1{margin-bottom: 20px; display: block} footer .col.n2{border-right:0;padding:0;display:block;width: 100%; max-width: 100%; margin-bottom: 20px} footer .col.n2 .newsletter .input label{font-size:17px; margin-bottom:15px; display:block} footer .col.n2 .newsletter .input label span{display:none} footer .col.n2 .newsletter .input label:after{display:none;} footer .col.n2 .newsletter .input input{padding-left:0} footer .col.n2 .newsletter .gdpr [type="checkbox"]:not(:checked) + label, footer .col.n2 .newsletter .gdpr [type="checkbox"]:checked + label{width:14px; height:14px} footer .col.n2 .newsletter .gdpr{font-size:11px;line-height:13px;} footer .col.n2 .newsletter .input input{font-size:14px} footer .col.n3{display:block; width:100%; padding-left:0; max-width: 100%} footer .col.n3 ul.nav2{display:block;} footer ul li a{font-size:12px;} footer .col.n2 .newsletter .input{width:100%;padding-bottom:10px;padding: 0 0 10px 0;} footer .copyright{ padding:20px 0; position:absolute; bottom:0;} /* SAISON 9 */ body.page-template-template-saison-9 #headerResponsive{animation: hideNav 0.5s; animation-delay:0.5s; animation-fill-mode: forwards;} body.page-template-template-saison-9 #AllPage{margin-top:0} @keyframes hideNav{ 0% { opacity: 1; } 99% { opacity: 0; visibility:visible} 100% {display:none; visibility:hidden; opacity:0} } #Saison9 .comeBack{top:0; padding:12px 0; width:150px; font-size:12px; height:36px; z-index:250} #Saison9 .title1{font-size:25px; line-height:29px} #Saison9 .intro p{font-size:18px; line-height:25px; padding:0 25px;} #Saison9 .cadre p{font-size:18px; line-height:25px; margin-top:10px;} #Saison9 .texteGros .conclusion{font-size:24px; line-height:35px} #Saison9 .texteGros{font-size:22px; line-height:29px;} #Saison9 .bike {padding-left:0; padding-right:0;} #Saison9 .bike .table{height: 100vw;margin-bottom: 0;} #Saison9 #planche .left{padding-top:50px} #Saison9 #planche p.intro{font-size:25px; line-height:30px} #Saison9 #planche p.txt{font-size:14px; line-height:19px;} #Saison9 #planche .right img.img3{display:none} #Saison9 #planche .right .img2{display:none} #Saison9 #planche .left .button1{margin-top:50px} #Saison9 #planche .left .img4{width:400px; left:-250px} #Saison9 .slide{margin-top:80px;} #Saison9 .slide{margin-left:-30px; margin-right:-30px} #Saison9 #vimeo iframe{ width:95vw; height:50vh; } #Saison9 #vince{position:relative} #Saison9 #vince .right{position:inherit;} #Saison9 #vince p{position:relative; z-index:2} #Saison9 #vince p.intro{font-size:19px; line-height:27px} #Saison9 #vince p.question{font-size:17px; line-height:23px;} #Saison9 #vince p.reponse{font-size:14px; line-height:19px} #Saison9 #vince .img2{position:relative;top: inherit;margin-top:25px;width: 50%;} #Saison9 #vince .img1{position:absolute; top:-120px; width:250px; z-index:1; right:-125px; left:inherit;; opacity:0.9} #Saison9 #vince .img3{bottom:-30px; left:inherit; right:0px; width:60%; top:inherit} #Saison9 #pub .in{font-size:25px; } /* ACCESSOIRES */ #Accessoires #liste {margin-top: 30px;} #Accessoires #liste .element {-webkit-flex: 0 0 calc(100% / 2); -ms-flex: 0 0 calc(100% / 2); flex: 0 0 calc(100% / 2);} /*#Accessoires #liste .element .titre{padding: 15px 0;} #Accessoires #liste .element .img{height: 80vw} #Accessoires #liste .element .img .filter{line-height: 80vw} #Accessoires #liste .element .titre{font-size: 18px; line-height: 24px; padding: 20px 2px} #Accessoires #liste{margin-top: 70px}*/ /* ACCESSOIRE */ /*#Page-noHeader #Accessoire .marges1{padding-left: 0; padding-right: 0} #Accessoire .top{margin-top: 70px} #Accessoire .top{padding-left: 0; padding-right: 0} #Accessoire .top .left .image{order:1; width: 100%; flex:inherit; height: 310px} #Accessoire .top .left .thumbs{order: 2; flex:inherit; padding-right: 0; margin-top:15px; height:inherit; width: 100%; max-width: 100%} #Accessoire .top .left .thumbs li{width: calc(25% - 12px); display: inline-block; margin-right: 15px; height: 60px} #Accessoire .top .left .thumbs li:last-child{margin-right: 0} #Accessoire .top .right{margin-top: 45px} #Accessoire .others .slider{padding: 0 30px} #Accessoire .others .element .titre{font-size: 18px; line-height: 24px; padding: 20px 2px} #Accessoire .others .element .img{height: 250px} #Accessoire .others.element .img .filter{line-height: 250px} #Accessoire .others .arrow{top:120px} #Accessoire .others .arrow.right{right: 20px} #Accessoire .others .arrow.left{left: 20px}*/ .formAides .bottom .listfamilles .aide{display: block; padding-bottom: 15px} .formAides .bottom .listfamilles .aide .montant{display: block; width: 100%;} .formAides .bottom .listfamilles .aide .infos{display: block; width: 100%} .formAides .bottom .listfamilles .aide .buttonContainer{display: block; width: 100%; text-align: center} .formAides .top .intro{margin-top: 20px} .formAides .top .intro p{font-size:13px; line-height:13px; } .formAides .top .search input[type=text]{width:100%; border-radius:0; margin-bottom:10px;} .formAides .top .search button{display:block;border-left: 1px solid #000;margin:0 auto;border-radius: 0px;} #CargoSpecial {text-align: center;} #CargoSpecial .bigTitle {font-size: 52px;} #CargoSpecial .veloFront .txt {font-size: 21px; max-width: 100%; position: relative; top: unset; left: unset; right: unset;} #CargoSpecial .veloFront .txt + .txt {margin-top: 30px;} #CargoSpecial .txtSeparator p {font-size: 36px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .nomMembre {font-size: 36px;} #CargoSpecial .bigTitle .shapeCargo.n1 {width: 200px; height: 200px; right: 0; margin-right: -120px;} #CargoSpecial .bigTitle .shapeCargo.n2 {width: 120px; height: 120px;} #CargoSpecial .bigTitle .shapeCargo.n3 {top: 350%;} #CargoSpecial .bigTitle .shapeCargo.n4 {width: 200px; height: 200px; top: 130%;} #CargoSpecial .bigTitle .shapeCargo.n5 {width: 90px; height: 90px; top: 160%;} #CargoSpecial .bigTitle .shapeCargo.n7 {top: 200%;} #CargoSpecial .veloFront .shapeCargo {right: 90%; width: 100px; height: 100px;} #CargoSpecial .presentationEquipe .membreEquipe .videoContainer .cursor-bubble {display: none!important;} #CargoSpecial .presentationEquipe .membreEquipe {-ms-flex-direction: column; flex-direction: column;} #CargoSpecial .presentationEquipe .membreEquipe .videoContainer {height: 60vh;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer {padding: 60px 20px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox {max-width: unset;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(odd) .videoContainer, #CargoSpecial .presentationEquipe .membreEquipe:nth-child(even) .videoContainer {order: 0;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(even) .txtContainer, #CargoSpecial .presentationEquipe .membreEquipe:nth-child(odd) .txtContainer {order: 1;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(3n+2) .txtContainer .shapeCargo {left: unset; right: 80%; width: 400px; height: 400px;} #CargoSpecial .presentationEquipe .membreEquipe:nth-child(3n) .txtContainer .shapeCargo {width: 500px; height: 500px; left: 70%;} #CargoSpecial .photosCaches {margin-bottom: 80px;} #CargoSpecial .photosCaches .col-12 {display: flex; display: -ms-flex; flex-direction: column; -ms-flex-direction: column;} #CargoSpecial .photosCaches .photo {max-width: 300px; width: 75%;} #CargoSpecial .photosCaches .col-12:nth-child(even) .photo {margin-left: auto;} #CargoSpecial .photosCaches .col-12:nth-child(odd) .photo {margin-right: auto;} #CargoSpecial .photosCaches .photo.photo2 {transform: unset;} #CargoSpecial .photosCaches .photo .movingOnHover {height: 80%; top: 17%;} #CargoSpecial .photosCaches .photo:hover .movingOnHover {transform: translate(0, -50%);} #CargoSpecial .cargoVariant .shapeCargo.n1 {top: 10%;} #CargoSpecial .cargoVariant .shapeCargo.n2 {width: 250px; height: 250px; margin-left: -100px;} #CargoSpecial .cargoVariant .shapeCargo.n3 {width: 250px; height: 250px; margin-right: -125px;} #CargoSpecial .containerPrintedsPhotos .itemContent .photo2 {margin-top: 0;} #CargoSpecial .containerPrintedsPhotos .itemContent:nth-child(even) .photo {margin-top: 50px;} #CargoSpecial .stickyWindowPart .allContent {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-justify-content: start; justify-content: start; overflow-x: auto; overflow-y: hidden; max-width: unset!important; position: relative;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n1 {top: 0; left: 0; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n2 {top: 10%; right: unset; left: 60%; height: 260px; width: 360px; margin-right: -160px; margin-left: unset;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n3 {top: 50%; left: 30%; margin-left: -60px; width: 185px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n4 {top: 5%; left: 160%; margin-left: unset; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n5 {top: 60%; left: 120%; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n6 {top: unset; bottom: 0; left: 200%; width: 350px; height: 300px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n7 {top: 30%; left: 260%; width: 250px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n8 {top: 5%; left: 290%; width: 200px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n9 {bottom: 0%; left: 350%; width: 300px; height: 300px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n10 {top: 0%; left: 410%; width: 200px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n7, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n8, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n9, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n10 {display: block;} /*#CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n1 {width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n2 {top: 20%; right: 0; height: 260px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n3 {top: 40%; left: 0; margin-left: -60px; width: 185px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n4 {top: 60%; left: unset; right: 0; margin-left: 0; width: 180px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n6 {left: 5%; width: 350px; height: 300px;}*/ /*#CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent {min-width: 250px; width: 100%; max-width: 400px;}*/ #CargoSpecial .stickyWindowPart .allContent .itemContent {min-width: 75vw!important; width: 100%; max-width: unset;} #CargoSpecial .stickyWindowPart .allContent .itemContent:nth-last-child(2) {min-width: 60vw!important;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent:not(:first-child) .photo {margin-top: 0px!important;} /*#CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent:not(:first-child) .photo {margin-top: 20px!important;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent:nth-child(odd) .photo {margin-right: 50px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .itemContent:nth-child(even) .photo {margin-left: 50px;}*/ #CargoSpecial .planchePhotos {margin-top: 120px; padding-top: 700px;} #CargoSpecial .planchePhotos img.n1 {left: 0;} #CargoSpecial .planchePhotos img.n4 {top: 65%; left: 8%;} #CargoSpecial .guirlande-photos::before {display: none;} #CargoSpecial .guirlande-photos>img.fakeImg {display: none!important;} #CargoSpecial .guirlande-photos {height: unset;} #CargoSpecial .guirlande-photos>*:not(.HDD-photos) {display: none;} #CargoSpecial .guirlande-photos .HDD-photos {display: block;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile {position: relative;height: 800px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-1 {height: 300px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-2 {height: 500px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-3 {height: 600px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-1 .shapeCargo.n1 {display: none;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-1 .shapeCargo.n2, #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-2 .shapeCargo.n2 {display: none;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-1 .nuage3, #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-2 .nuage3, #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-3 .nuage3 {display: none;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo {position: absolute; width: 180px; height: 225px; object-fit: cover;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:first-child {top: 30px; left: 40%; transform: rotate(6deg);} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(2) {top: 250px; right: 60%; transform: rotate(-9deg);} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(3) {top: 350px; left: 60%; transform: rotate(-2deg);} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(4) {top: 500px; right: 50%; transform: rotate(8deg);} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile .nuage2 {right: unset; left: 50%; margin-left: 100px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile .nuage3 {margin-left: -30px; width: 250px; height: 180px; bottom: 10px;} /*#GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox p, */#GameAndTrailSpecial #contentGameAndTrail .txtGris {font-size: 13px; text-align: center; width: 100%;} #GameAndTrailSpecial #contentGameAndTrail p {text-align: center;} #GameAndTrailSpecial #contentGameAndTrail .title2:not(:last-child) {margin-bottom: 20px;} #GameAndTrailSpecial #header .gameAndTrail>.fond .velo-carousel .owl-nav {width: 90%;} #GameAndTrailSpecial #header .gameAndTrail>.fond .velo-carousel .owl-item .item-velo {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} #GameAndTrailSpecial #contentGameAndTrail .video-presentation h1 {font-size: 24px; line-height: 28px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .title3 {font-size: 16px; text-align: center;} /*#GameAndTrailSpecial #contentGameAndTrail .performance-velo .title3, #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .title3, #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .title3*/, #GameAndTrailSpecial #contentGameAndTrail #modeles .titleDiv .title3 {font-size: 16px;} /*#GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox {display: block;} #GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox .leftGrid .bigImg, #GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox .bigImg {min-height: unset; height: 200px; aspect-ratio: unset;} #GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox>:not(.leftGrid) {margin-top: 30px;} #GameAndTrailSpecial #contentGameAndTrail .performance-velo .gridBox .logoStamp img {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}*/ #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces .info-piece {margin-top: 30px;} /*#GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre {font-size: 16px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre span {font-size: 50px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent ~ p:not(.title3) {font-size: 12px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent {height: 150px; margin-bottom: 20px;}*/ /*#GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::before, #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::after {width: 100px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne .lastOrderMobile {-webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px;}*/ #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .txtContent .titre-item {font-size: 18px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .txtContent .soustitre-item {font-size: 16px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .txtContent .content-item {margin-bottom: 20px;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant>.velo-mobile {height: 200px;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .choice-slider {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .choice-slider .link-slider img {width: 70px; max-width: 70px; max-height: 50px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px;margin-left: auto!important; margin-right: auto!important; margin-bottom: 20px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent img {width: auto; height: 150px; max-width: 100%; object-fit: contain;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .txtContent {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} /*#GameAndTrailSpecial #contentGameAndTrail .bandeauTitre .title2 {font-size: 24px; line-height: 28px;}*/ #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-1 {} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-3 {width: 200px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-4 {} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-5 {right: 50%; margin-right: -75px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-7 {} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-9 {right: 50%; margin-right: -90px;} #GameAndTrailSpecial #contentGameAndTrail .photo-texte-1 .gt-etoile-2 {top: unset; bottom: 0; left: unset; right: 0;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>* {margin: 0 20px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-application-1 {right: -40px; width: 140px; top: 150px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-application-2 {top: 300px; left: -40px; width: 140px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .niveauBatterie {top: 21%; height: 17%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile {text-align: center;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .veloContent {margin-top: -50px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces {margin-top: -40px;} #GameAndTrailSpecial #contentGameAndTrail .bandeauTitre img.titreImg {max-height: 180px; max-width: 260px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-2, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-6, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-8, #GameAndTrailSpecial #contentGameAndTrail .frein-composant .gt-decoration, #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .gt-decoration {display: none;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .photo-texte-1 .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-etoile-1, #GameAndTrailSpecial #contentGameAndTrail .frein-composant .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .photo-texte-2 .gt-etoile-1 {width: 50px;} .mb_list_bikes_carousel .element .infos {border-radius: 10px;} .mb_list_bikes_carousel .element .infos .infosList, .mb_list_bikes_carousel .element .button-row .decouvrir {padding: 15px;} .mb_list_bikes_carousel .element .infos .title {font-size: 21px;} .mb_list_bikes_carousel .element .button-row .decouvrir {font-size: 14px;} .mb_list_bikes_carousel .element .button-row .decouvrir span.txt::after {width: 13px; height: 13px;} .mb_list_bikes_overflow .element .infos {border-radius: 10px;} .mb_list_bikes_overflow .element .infos .infosList, .mb_list_bikes_carousel .element .button-row .decouvrir {padding: 15px;} .mb_list_bikes_overflow .element .infos .title {font-size: 21px;} .mb_list_bikes_overflow .element .button-row .decouvrir {font-size: 14px;} .mb_list_bikes_overflow .element .button-row .decouvrir span.txt::after {width: 13px; height: 13px;} .liste-specifications .more-specifications .specifications-button {font-size: 14px;} #Modele #others .titre-others {margin-bottom: 30px; display: block; text-align: center;} #Modele #others .titre-others .title3 {margin-right: 0; text-align: left; margin-bottom: 15px;} /* FIN ANNEE */ #HeaderHomeContent #header, #HeaderHomeContent #header #slider .in {min-height: 55vw; height: 55vw !important;} /*#HeaderHomeContent #header .scroll {width: 30px; height: 15px; bottom: 30px;} #HeaderHomeContent #header.withNoText .containerText .containerCell {padding-bottom: 70px;}*/ #HeaderHomeContent #header .scroll {display: none;} #HeaderHomeContent #header.withNoText .containerText .containerCell {padding-bottom: 20px;} #Modele .top .right .temoignagesVideos {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #Modele .top .right .temoignagesVideos .texteTemoignage {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; margin-right: 0; margin-top: 0; margin-bottom: 20px;} /*#Modele .top .right .temoignagesVideos .liensTemoignage {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #Modele .top .right .temoignagesVideos .liensTemoignage .itemTemoignage {margin: unset; margin-top: 3px; margin-bottom: 3px; padding: 0 5px;}*/ .liensTemoignage {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} .liensTemoignage .itemTemoignage {margin: unset; margin-top: 3px; margin-bottom: 3px; padding: 0 5px;} footer.footer-1 .list-footer .col-list-footer, footer.footer-1 .list-footer .col-list-footer.col-list-footer-large {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 0; padding: 0;} footer.footer-1 .item-deroulant-footer.item-deroulable {overflow:hidden; border-bottom: 2px solid #000000; transition: all 0.2s ease-in-out;} footer.footer-1 .item-deroulant-footer.item-deroulable>.titre-deroulant {position: relative; padding: 10px 10px; padding-right: 30px;} footer.footer-1 .item-deroulant-footer.item-deroulable>.titre-deroulant::after {content: '+'; position: absolute; top: 50%; right: 10px; font-size: 18px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} footer.footer-1 .item-deroulant-footer.item-deroulable.expanded>.titre-deroulant::after {content: '-';} footer.footer-1 .item-deroulant-footer.item-deroulable>.content-deroulant {display: none; padding: 15px 10px; padding-top: 0;} footer.footer-1 .item-deroulant-footer>.content-deroulant {margin-top: 0;} footer.footer-1 .item-deroulant-footer + .item-deroulant-footer {margin-top: 0;} footer.footer-1 .bottom-footer li a {font-size: 12px;} footer.footer-1 .social {margin-top: 40px;} #Notices .search-documents, #Catalogues .search-documents {width: 100%;} #Notices .liste a.element::after {margin-top: -15px;} #countryLang.loading .cl-content .scrollable-country::after {width: 50px; height: 50px; margin-top: 30px; border-width: 2px;} #multiblock-grid.hasMovember {grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;} #multiblock-grid .grid-item.gros-bloc.movember-bloc {min-height: 300px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab {margin-bottom: 30px; font-size: 18px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab img {width: 90px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab img:first-child {width: 100px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell a {font-size: 14px;} #Movember2022 .headerMovember .col-12 {padding-top: 50px;} #Movember2022 .headerMovember .col-12>img {max-width: 80%;} #Movember2022 .headerMovember .col-12::before {left: 90%;} #Movember2022 .headerMovember .col-12::after {right: 90%;} #Movember2022 .headerMovember .col-12>.presentation-offre {margin-top: 30px; padding: 30px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab {margin-bottom: 30px; font-size: 18px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab img:last-child {width: 90px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab img:first-child {width: 100px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab span {margin: auto 30px;} #Movember2022 .participationBox {padding-top: 25px; padding-bottom: 70px;} #Movember2022 .participationBox .title3, #Movember2022 .participationBox .buttons-box {margin-bottom: 20px;} #Movember2022 .participationBox .etapes-participation, .builderMoustache .listNum .listContainer {padding: 15px 30px;} #Movember2022 .participationBox .etapes-participation>.etape-participation, .builderMoustache .listNum .listContainer>li {padding: 15px 0;} #Movember2022 .participationBox .etapes-participation>.etape-participation>.number-etape, .builderMoustache .listNum .listContainer>li>.num-list {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px; font-size: 18px; margin-right: 20px;} #Movember2022 .galerie-movember .galerie-masonry .grid-column-width {width: 49%;} .leftAndRightBox .txtContent>img {height: 50px;} .leftAndRightBox + .leftAndRightBox, #Movember2022 .galerie-movember, #Movember2022 #includeMap {margin-top: 70px;} #movemberHome>.movemberWhite {padding: 50px 0;} #movemberHome>.movemberWhite>.carouselMovember .item-photo {margin-right: 20px;} #movemberHome>.movemberWhite>.carouselMovember + .contenuMovember {margin-top: 30px;} #movemberHome>.movemberWhite>.contenuMovember img, .builderMoustache .movemberLocator>.contenuTexte img {margin-bottom: 30px; max-width: 150px;} #movemberHome>.movemberWhite>.contenuMovember .title3, .builderMoustache .movemberLocator>.contenuTexte .title3 {margin-bottom: 10px;} #movemberHome>.movemberWhite>.contenuMovember .button1, .builderMoustache .movemberLocator>.contenuTexte .button1 {margin-top: 30px;} #movemberHome>.movemberWhite>.carouselMovember .item-photo>img {height: 150px;} #movemberHome>.movemberWhite>.carouselMovember .content-item>.item-photo:nth-child(2n) {padding-bottom: 50px;} #movemberHome>.movemberWhite>.carouselMovember .content-item>.item-photo:nth-child(2n+1) {padding-top: 50px;} .builderMoustache .movemberLocator>.contenuImage>.item-photo {height: 110px!important; padding: 5px!important;} #HeaderHomeContent #header .button2.blackButton.aos-animate, #HeaderHomeContent #header .button2.blackButton:not(.aos-init) {bottom: 20px;} .popup-window>.popup-container>.popup-content, .popup-window>.popup-container>.popup-footer {font-size: 12px;} .popup-window>.popup-container>.popup-content {padding: 30px 15px; font-size: 12px;} .popup-window>.popup-container>.popup-content .popup-logo {margin-bottom: 20px;} .popup-window>.popup-container>.popup-content .popup-form, .popup-window>.popup-container>.popup-content .multiple-form-step {margin-top: 30px;} .popup-window>.popup-container>.popup-content .popup-form .form-input {padding: 7px 15px; font-size: 14px;} .popup-window>.popup-container>.popup-content .popup-form .form-rgpd, .popup-window>.popup-container>.popup-content .popup-form .form-button {margin-top: 20px;} .popup-window>.popup-container>.popup-content .popup-form .form-rgpd {font-size: 9px;} .popup-window>.popup-container>.popup-content .popup-form>.form-sended {font-size: 16px; line-height: 21px;} .popup-window>.popup-container>.popup-footer {padding: 30px 15px; padding-top: 15px;} #Faq .listCats .category > .content .question .content .formAppearance {margin-top: -35px;} .formAppearance .form-input {padding: 7px 15px; font-size: 14px;} .formAppearance .form-rgpd, .formAppearance .form-button {margin-top: 20px;} .formAppearance .form-rgpd {font-size: 9px;} .formAppearance>.form-sended {font-size: 16px; line-height: 21px;} footer.footer-1 .list-footer .col-list-footer .formAppearance.newsletter-form, footer.footer-1 .list-footer .col-list-footer .newsletter-form {margin-bottom: 30px;} footer.footer-1 .list-footer .col-list-footer .formAppearance.newsletter-form .form-input, footer.footer-1 .list-footer .col-list-footer .newsletter-form .form-input {padding: 7px 15px;} footer.footer-1 .list-footer .col-list-footer .trustpilot-widget {margin-bottom: 30px;} #ModeleV2 .headerVeloModele {padding-top: 0;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2, #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox>.price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price {font-size: 24px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 170px; -ms-flex: 0 0 170px; flex: 0 0 170px; width: 170px; max-width: 170px;} #ModeleV2 h1, #ModeleV2 .title3 {font-size: 24px;} #ModeleV2 .titre-others .title3, #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant {font-size: 21px;} #ModeleV2 .all-deroulants>.mb_item-deroulant.builderDeroulant .content-box .container {padding-left: 15px; padding-right: 15px;} #ModeleV2 .titlePadding, #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant {padding-top: 20px; padding-bottom: 20px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .specs-ligne>.specs-ligne-titre {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; width: 150px; max-width: 150px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link {font-size: 14px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link>span {padding-left: 30px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link>span::before {content: unset; display: none;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_geometrie_modelev2>.tableau, #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_geometrie_modelev2>.image {width: 100%; display: block; text-align: center;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_geometrie_modelev2>.image {margin-top: 45px;} #ModeleV2 .mb_list_bikes_overflow .element .infos .pointforts {margin-top: 10px;} #ModeleV2 .mb_accessoires_grid {-ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;} #ModeleV2 .mb_builder_carousel::before {top: 286px;} #ModeleV2 .mb_builder_carousel .owl-nav {top: 143px;} #ModeleV2 .mb_builder_carousel .technologies-item>.txtContent {padding: 15px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-close {top: 15px; right: 15px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right {padding: 30px; padding-bottom: 60px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right h2 {font-size: 18px; margin-bottom: 15px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right p {font-size: 12px;} #ModeleV2 + #popup-technologies>.window-technologies {height: 70%; width: 80%;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-left {height: 45vw; min-height: 45vw;} #ModeleV2 #inNav .left.desktopShow {display: none;} #Famille[class^="special-"] #content>.fullHeader-special {min-height: 0; padding-top: 0;} #Famille.special-guidon-moustache #content>.fullHeader-special>.decoComplete>img.test-guidon {height: 20px;} #FAQ #header1 {height: unset; min-height: 200px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} #FAQ #header1 .table {margin: auto;} #header1.contentInBandeau .table .table-cell {padding-top: 0;} #FAQ #searchFAQ form {border-radius: 20px;} #FAQ #searchFAQ form button {min-width: unset; padding: 0; width: 33px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 33px; -ms-flex: 0 0 33px; flex: 0 0 33px; max-width: 33px; font-size: 0; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} #FAQ #searchFAQ form button::before, #FAQ #searchFAQ form button::after, #FAQ #searchFAQ form button .hover {content: unset; display: none; margin: 0;} #FAQ #searchFAQ form button::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 60%; height: 60%; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('https://moustachebikes.com/wp-content/themes/moustachebikes/img/pictos/search-faq-white.svg'); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #FAQ #searchFAQ form + .results-searchFAQ.bottomSearch>*:first-child, #FAQ #searchFAQ form + .results-searchFAQ:not(.searching).bottomSearch>*:nth-child(2) {padding-top: 25px;} #FAQ #searchFAQ form + .results-searchFAQ.topSearch>*:last-child {padding-bottom: 25px;} #FAQ #searchFAQ>.row {margin-left: 0; margin-right: 0;} #FAQ .introResults>.imgIntro>img {max-width: 50px;} #FAQ .resultsContent {margin-top: 60px;} #FAQ .contactFAQ {padding: 30px 0;} #FAQ .contactFAQ .contactContent>.contactTxt {text-align: center;} #FAQ .allOthers {padding-left: 15px; padding-right: 15px; margin-top: 30px;} #FAQ .FAQ_backLink {padding: 10px 20px; font-size: 14px;} #FAQ .backgroundGrey .container, #FAQ .contactFAQ .container, #FAQ #searchFAQ + .container {padding-left: 15px; padding-right: 15px;} #FAQ .contactFAQ .contactContent, #FAQ .resultsContent .notation-box {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #FAQ .contactFAQ .contactContent>.button1 {-webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset;} #FAQ .contactFAQ .contactContent>.button1, #FAQ .resultsContent .notation-box>#notationFAQ {margin-left: auto; margin-right: auto; margin-top: 20px;} #FAQ .resultsContent .notation-box {text-align: center;} #FAQ .resultsContent .notation-box>#notationFAQ {margin-right: auto;} #FAQ #searchFAQ form + .results-searchFAQ>* {padding: 10px 20px; font-size: 14px;} #FAQ #searchFAQ form + .results-searchFAQ>a.elem {padding-left: 50px;} #FAQ #searchFAQ form + .results-searchFAQ>a.elem::before {width: 15px; height: 15px;} #FAQ .linkFAQbutton {font-size: 12px;} #FAQ .linkFAQbutton>.img-button, #FAQ .linkFAQbutton>.txt-button {margin-right: 20px;} #FAQ .linkFAQbutton>.img-button {width: 30px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px;} #FAQ .linkFAQbutton>.txt-button .faq-title.bigger {font-size: 16px;} #FAQ .linkFAQbutton>.arrow-button {height: 20px; width: 20px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; max-width: 20px;} #FAQ .linkFAQbutton>.arrow-button::before {border-width: 3px; border-right: 0;} #FAQ #searchFAQ form label input {font-size: 12px;} #Famille.special-vtt-terre #content>.fullHeader-special>.decoComplete>.visuel>.visuel-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #Famille.special-vtt-terre #content>.fullHeader-special>.decoComplete>.visuel>.visuel-box>img.velo {width: 130%; margin-left: -15%; margin-top: -22%; margin-bottom: -28%; min-height: 0; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;} #Famille.special-vtt-terre #content>.fullHeader-special>.decoComplete>.visuel>.visuel-box>img:not(.velo) {position: relative; margin-left: auto; margin-right: auto; max-width: unset; top: unset; right: unset; margin-top: 0; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; transform: unset;} #Famille.special-vtt-terre #content>.fullHeader-special>.decoComplete>.visuel>.visuel-box>img.text {width: 75%; max-width: 300px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} #Famille.special-vtt-terre #content>.fullHeader-special>.decoComplete>.visuel>.visuel-box>img.moustache {width: 40%; max-width: 150px; -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; margin-bottom: 20px;} .padding-100 {padding-top: 70px; padding-bottom: 70px;} .padding-150 {padding-top: 100px; padding-bottom: 100px;} #Trail2023-Special>.header-trail {padding-top: 50px;} #Trail2023-Special>.header-trail .title1 {/*font-size: 21px;*/ font-size: 42px;} #Trail2023-Special>.header-trail .subTitle {/*font-size: 24px; margin-top: 10px;*/ font-size: 21px; margin-top: 5px;} #Trail2023-Special>.header-trail .mediaContent {margin-top: 10px;} #Trail2023-Special>.header-trail .mediaContent>.velo {width: 50%;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.titreImagine {font-size: 32px;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.txtImagine {font-size: 21px; margin-top: 30px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.title2, #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.flexVideo {margin: auto;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.title2 {width: 100%; -webkit-box: unset; -moz-box: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.title2 br {content: '';} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.title2 br::after {content: ' ';} #Trail2023-Special>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.flexVideo {width: 70%; margin-top: 15px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.imgContent, #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnLeft>.txtContent {padding-right: 0;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte.txtOnRight>.txtContent {padding-left: 0;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent {margin-top: 30px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent>.title3:not(:last-child), #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent>.subTitle:not(:last-child) {margin-bottom: 20px;} #Trail2023-Special>#contentGameAndTrail .builderTrail>.image_texte>.txtContent>.subTitle {font-size: 16px;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief {width: 100vw; height: 66.67vw;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.reliefSVG {top: 100%; height: auto; width: 80%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-3 {width: 80%; -webkit-transform: translate(20%, -30%); -moz-transform: translate(20%, -30%); -ms-transform: translate(20%, -30%); transform: translate(20%, -30%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-4 {top: 0; -webkit-transform: translate(-10%, -50%); -moz-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%); transform: translate(-10%, -50%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-5 {top: 70%; -webkit-transform: translate(12%, -50%); -moz-transform: translate(12%, -50%); -ms-transform: translate(12%, -50%); transform: translate(12%, -50%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-6 {width: 50%;} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-7 {left: unset; right: 0; width: 70%; -webkit-transform: scaleX(-1) translate(-20%, -50%); -moz-transform: scaleX(-1) translate(-20%, -50%); -ms-transform: scaleX(-1) translate(-20%, -50%); transform: scaleX(-1) translate(-20%, -50%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-8 {width: 100%; -webkit-transform: translate(30%, -70%); -moz-transform: translate(30%, -70%); -ms-transform: translate(30%, -70%); transform: translate(30%, -70%);} #Trail2023-Special>#contentGameAndTrail .builderTrail .builderBackRelief>.relief-9 {top: 50%; right: 100%; width: 40%; -webkit-transform: translate(75%, -55%); -moz-transform: translate(75%, -55%); -ms-transform: translate(75%, -55%); transform: translate(75%, -55%);} #Trail2023-Special>#contentGameAndTrail .builderTrail>* + * {margin-top: 100px;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail>.video_titre>.contentVideo>.flexVideo {width: 100%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-bleu {width: 50%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-jaune {width: 50%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-orange {width: 50%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-rouge {width: 50%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-violet {width: 25%;} #Trail2023-Special.game-page>#contentGameAndTrail .builderTrail .builderBackRelief>.poudres-vert {width: 50%;} #FAQ .resultsContent .notation-box>#notationFAQ>.emoji-input {width: 30px; height: 30px;} .s4-wysiwyg h2 {font-size: 19px;} .searchTNS-style input[type=text] {width: 100%;} .searchTNS-style .input button {margin-top: 15px;} .searchTNS-style input[type=text], .searchTNS-style .input button {border-radius: 10px;} .roundedBox {padding: 20px;} #TNS-single-v2, #TNS-single-v2 .getLocalisation {text-align: center;} #TNS-single-v2 .TNS-single-div {-webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;} #TNS-single-v2 .input {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} #TNS-single-v2 .input button {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: auto;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent {} #page-testnsmile-v2 .formulaireTNS>.backgroundContent::before, #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-2 {display: none!important;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-1 {top: unset; bottom: 20px; left: 10px; height: 90px; width: 90px;} #page-testnsmile-v2 .formulaireTNS>.backgroundContent>img#backPhoto-3 {left: unset; right: 20px; bottom: 10px; height: 110px; width: 140px;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire, #page-testnsmile-v2.hasShop .formulaireTNS>.contenuFormulaire {padding: 30px 0;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire {padding-bottom: 90px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles {grid-gap: 10px; gap: 10px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 140px; -ms-flex: 0 0 140px; flex: 0 0 140px; width: 140px; max-width: 140px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item, #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item>.famille-item-box {border-radius: 10px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item>.famille-item-box .imgContent {height: 100px;} #page-testnsmile-v2 #TNS_content>.filtresTNS .allFamilles>.famille-item>.famille-item-box .txtContent {padding: 10px; font-size: 12px;} #page-testnsmile-v2 #TNS_content>.TNS_resultats>.TNS_resultats-grid {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} #page-testnsmile-v2 #TNS_content>.TNS_resultats>.TNS_resultats-grid>.TNS_results-item>.distance, #TNS_resultats-grid>.TNS_results-item>.distance {font-size: 14px;} #page-testnsmile-v2 #TNS_content>.TNS_resultats>.TNS_resultats-grid>.TNS_results-item>.button1, #TNS_resultats-grid>.TNS_results-item>.button1 {margin-top: 20px;} #popupTNS-v2 .popupTNS-content {width: calc(100% - 30px);} #popupTNS-v2 .popupTNS-content .popup-close {width: 30px; height: 30px;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact>.titre-form, #popupTNS-v2 .popupTNS-content>.TNS-contact>.shop-contact>.titre-shop, #popupTNS-v2 .popupTNS-content>.TNS-avis>.titre-avis, #popupTNS-v2 .popupTNS-content>.TNS-sended>.titre-succes, #popupTNS-v2 .popupTNS-content>.TNS-sended>.titre-shop, #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-info>.titre-form {font-size: 16px;} #popupTNS-v2 .popupTNS-content>*:not(.popup-close) {padding: 20px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-logo img {width: 80px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-info>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-info>.nomVelo>.categorie-velo {font-size: 12px;} #popupTNS-v2 .popupTNS-content>.TNS-velo .TNS-info>.nomVelo>.titre-velo {font-size: 21px;} #popupTNS-v2 .popupTNS-content>.TNS-shops>.TNS-shop-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 230px; -ms-flex: 0 0 230px; flex: 0 0 230px; width: 230px; max-width: 230px;} #popupTNS-v2 .popupTNS-content>.TNS-shops>.TNS-shop-item>.TNS-shop-content {padding: 15px; padding-bottom: 30px; border-radius: 10px;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content {padding: 20px; font-size: 14px;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.title3 {font-size: 18px;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>.date-choice>.input-date-txt {font-size: 16px;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>.date-choice>.grid-journee {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} #popupTNS-v2 .popupTNS-content>.TNS-calendar>.calendar-content>.calendar-choices>.date-choice>.grid-journee>.grid-journee-item>.button-journee {padding: 10px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 230px; -ms-flex: 0 0 230px; flex: 0 0 230px; width: 230px; max-width: 230px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item>.photo-avis {width: 50px; height: 50px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item>.note-avis {margin-top: 15px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item>.texte-avis {padding: 20px 0; font-size: 12px;} #popupTNS-v2 .popupTNS-content>.TNS-avis>.list-avis>.avis-item>.nom-avis {padding-top: 20px; font-size: 12px;} #popupTNS-v2 .popupTNS-content>.TNS-contact {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-info {-ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 2;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.form-contact {-ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 2; grid-row-end: 3;} #popupTNS-v2 .popupTNS-content>.TNS-contact>.shop-contact {-ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 3; grid-row-end: 4;} #popupTNS-v2 .popupTNS-content>.TNS-sended {padding: 50px 20px;} #popupTNS-v2 .popupTNS-content>.TNS-sended>.titre-succes {font-size: 21px;} #popupTNS-v2 .popupTNS-content>.TNS-sended>.texte-succes {font-size: 14px;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire .tns-bike-search>img {max-width: 150px;} #page-testnsmile-v2 .formulaireTNS>.contenuFormulaire .tns-bike-search>p {font-size: 12px;} .popup-window[id^="newsletter-2023-"]>.popup-container>.popup-content .popup-form .newsletter_popup_hide {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .popup-window[id^="newsletter-2023-"]>.popup-container>.popup-content .popup-form .newsletter_popup_hide>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%;} .popup-window[id^="newsletter-2023-"]>.popup-container>.popup-content .popup-form .newsletter_popup_hide>*.select-div>.select2 .select2-selection, footer.footer-1 .list-footer .col-list-footer .formAppearance.newsletter-form .form-input-content>.newsletter_popup_hide>*.select-div>.select2 .select2-selection, footer.footer-1 .list-footer .col-list-footer .newsletter-form .form-input-content>.newsletter_popup_hide>*.select-div>.select2 .select2-selection {padding: 7px 15px;} #ModeleV2 .headerVeloModele .backLinkBox.backLinkWithVideo>.backlink .littleLink {padding: 15px 10px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"], #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list {margin-left: -30px; margin-right: -60px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::before, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::before, #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::after, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::after {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; max-width: 30px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.couleurs-item, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list>.accessoire-value {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 calc((100% - 30px*2 - 10px*4)/3);-ms-flex:0 0 calc((100% - 30px*2 - 10px*4)/3);flex:0 0 calc((100% - 30px*2 - 10px*4)/3);width:calc((100% - 30px*2 - 10px*4)/3);max-width:calc((100% - 30px*2 - 10px*4)/3);} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.images-item {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 calc((100% - 30px*2 - 10px*3)/2);-ms-flex:0 0 calc((100% - 30px*2 - 10px*3)/2);flex:0 0 calc((100% - 30px*2 - 10px*3)/2);width:calc((100% - 30px*2 - 10px*3)/2);max-width:calc((100% - 30px*2 - 10px*3)/2);} .popup-window.popup-special-j>.popup-container>.popup-close {width: 30px; height: 30px;} .popup-window.popup-special-j>.popup-container>.popup-close::before, .popup-window.popup-special-j>.popup-container>.popup-close::after {height: 3px;} .popup-window.popup-special-j>.popup-container>.popup-top {left: 20px; right: 50px; top: 30px;} .popup-window.popup-special-j>.popup-container>.popup-top>.popup-top-link {font-size: 14px; padding: 3px 10px;} .popup-window.popup-special-j>.popup-container>.popup-content .popup-logo {width: 20px;} .popup-window.popup-special-j>.popup-container>.popup-content .popup-j-title {font-size: 21px;} .popup-window.popup-special-j>.popup-container>.popup-content .mb-decompte-date>.number-content {padding: 10px; font-size: 10px;} .popup-window.popup-special-j>.popup-container>.popup-content .popup-form .form-button::before {width: 20px; height: 20px;} .popup-window.popup-special-j>.popup-container>.popup-content .popup-form .form-button::after {border: 3px solid rgba(0,0,0,0); border-right: 0; border-left: 6px solid #FFF;} .popup-window.popup-special-j>.popup-container>.popup-content .mb-decompte-date>.number-content>.number-txt{font-size: 2rem} .popup-window.popup-special-j>.popup-container>.popup-content{padding-top: 70px} #rounded-J-link {bottom: 15px; right: 15px; width: 40px; height: 40px;} body.single-sub-familles #rounded-J-link {bottom: 70px;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig {padding: 20px 15px; margin-left: -15px; margin-right: -15px; margin-bottom: 50px;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig>.smc {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig>.smc>* {font-size: 12px;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig>.smc>.smc-ref {-webkit-box:unset;-moz-box:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;width:unset;max-width:unset;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig>.smc>.smc-ref #specsModelConfig-ref {padding: 7px 30px;} #ModeleV2 .all-deroulants>.mb_item-deroulant #specsModelConfig>.smc>.smc-accs::before {top: -15px; left: 0; height: 1px; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .introduction-box>.backgroundElements .header-poisson {left: calc((100% - (100% - 20px*2)) / 2);} main#J-Special .nuage-detail-box>.backgroundElements .deco-baleine {left: calc((100% - (100% - 20px*2))/2 + 77%); width: 450px; top: 200px;} main#J-Special .nuage-detail-box>.backgroundElements .bike-nuage {left: calc((100% - (100% - 20px*2))/2 + 70px); width: 250px; top: 150px;} main#J-Special .jeu-detail-box>.backgroundElements .bike-path {left: calc((100% - (100% - 20px*2))/2 + 45%); width: 45%;} main#J-Special .tapis-detail-box>.backgroundElements .deco-raie {left: calc((100% - (100% - 20px*2))/2 + 75%); width: 65%; top: calc(10vw + 130px);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche {width: calc(10% + ((100% - (100% - 20px*2)) / 2));} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound {height: calc((100vw - 20px*2)/100 * 30);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::before {left: calc(100% - (100% - (100% - 20px*2))/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound::after {right: calc(100% - (100% - (100% - 20px*2))/2);} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeRound>.archeFront {width: calc(100% - 20px*2); -webkit-filter: drop-shadow(#D3D0DB 20px 10px 0) drop-shadow(#D3D0DB 20px 0 0) drop-shadow(#D3D0DB -20px 0px 0) drop-shadow(#D3D0DB -20px 10px 0); filter: drop-shadow(#D3D0DB 20px 10px 0) drop-shadow(#D3D0DB 20px 0 0) drop-shadow(#D3D0DB -20px 10px 0) drop-shadow(#D3D0DB -20px 0 0);} main#J-Special .design-box>.backgroundElements .archeContent .deco-nuage {left: calc((100% - (100% - 20px*2))/2 - 50px);} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-left-"] {left: calc((100% - (100% - 20px*2))/2 + 100px);} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-right-"] {right: calc((100% - (100% - 20px*2))/2 + 20px);} main#J-Special .padding1 {padding: 50px 0;} main#J-Special .introduction-box>.frontContent .croquis-j video {top: 40%;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende {width: 35%;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-title {font-size: 12px;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-author {font-size: 14px;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende>.esquisse-txt-detail {font-size: 10px;} main#J-Special .videoBox-rounded>* + .videoBox-link, main#J-Special .videoBox-rounded>.videoBox-link + * {margin-top: 30px;} main#J-Special .videoBox-rounded>.videoBox-link {width: 250px;} main#J-Special .header-video-box>.backgroundElements img[class^="building-left-"] {right: calc(50% + 150px);} main#J-Special .header-video-box>.backgroundElements img[class^="building-right-"] {left: calc(50% + 150px);} main#J-Special .header-video-box>.backgroundElements .building-left-1 {width: 15px; margin-right: 75px;} main#J-Special .header-video-box>.backgroundElements .building-left-2 {width: 25px; margin-right: 50px;} main#J-Special .header-video-box>.backgroundElements .building-left-3 {width: 40px; margin-right: 25px;} main#J-Special .header-video-box>.backgroundElements .building-left-4 {width: 35px;} main#J-Special .header-video-box>.backgroundElements .building-right-1 {width: 85px; margin-left: 225px;} main#J-Special .header-video-box>.backgroundElements .building-right-2 {width: 50px; margin-left: 150px;} main#J-Special .header-video-box>.backgroundElements .building-right-3 {width: 25px; margin-left: 100px;} main#J-Special .header-video-box>.backgroundElements .building-right-4 {width: 45px; margin-left: 60px;} main#J-Special .header-video-box>.backgroundElements .building-right-5 {width: 65px; margin-left: 37px;} main#J-Special .header-video-box>.backgroundElements .building-right-6 {width: 60px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom {padding-top: 260px;} main#J-Special .design-box>.backgroundElements .archeContent>.arche>.archeBottom>*>.murArche::before {width: 40px; -webkit-transform: skewY(-30deg) translateY(-4.3%); -moz-transform: skewY(-30deg) translateY(-4.3%); -ms-transform: skewY(-30deg) translateY(-4.3%); transform: skewY(-30deg) translateY(-4.3%);} main#J-Special .design-box>.frontContent .j-title-3 + p {margin-top: 30px; font-size: 15px; max-width: 60vw;} main#J-Special .design-box>.frontContent .arche-velos {margin-top: 100px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j.design-baloon-left-2 {width: 80px;} main#J-Special .design-box>.frontContent .videoBox-rounded, main#J-Special .fabrication-box>.frontContent .videoBox-rounded {margin-top: 50px;} main#J-Special .design-box>.frontContent .j-title-3 + p {font-size: 14px;} main#J-Special .design-box>.frontContent .eurobike-award {max-width: 450px;} main#J-Special .design-box>.frontContent .eurobike-award>.imgContainer {margin-right: 20px; height: 80px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px;} main#J-Special .design-box>.frontContent .eurobike-award>p {font-size: 12px;} main#J-Special .fabrication-box>.frontContent .map-france {max-width: 80%;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville {-webkit-transform: translate(-50%, -50%) scale(0.8); -moz-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8);} main#J-Special .durable-box>.frontContent .flex-elements {margin-top: 30px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable {width: calc((100% - 20px)/2);} main#J-Special .backElementsFrontContent[class*="-detail-box"]:not(.padding1) {padding: 50px 0;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j {top: 160px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison {top: 300px;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.third-baloon-combinaison {top: 100px;} main#J-Special .backElementsFrontContent.nuage-detail-box>.frontContent .titleJContainer {margin-bottom: calc(100vw/16*5);} main#J-Special .backElementsFrontContent.jeu-detail-box>.frontContent .titleJContainer {margin-bottom: calc(100vw/16*3);} main#J-Special .jeu-detail-box>.frontContent .secondContainer .deco-tortue {top: -12vw; width: 75%;} main#J-Special .tapis-detail-box>.backgroundElements .tapis-building-1 {width: 60vw;} main#J-Special .tapis-detail-box>.backgroundElements .tapis-building-2 {width: 30vw;} main#J-Special .backElementsFrontContent.tapis-detail-box>.frontContent .titleJContainer {margin-bottom: calc(100vw/16*2);} main#J-Special .esprit-carousel-box>.backgroundElements .deco-arbre {height: 50%;} main#J-Special .esprit-carousel-box #feuillesCerisier {height: 40%;} main#J-Special .esprit-carousel-box>.frontContent .odyssee-title {margin-bottom: 15px;} main#J-Special .esprit-carousel-box>.frontContent .odyssee-title + p {margin-bottom: 30px;} main#J-Special .combinaison-box>.backgroundElements .baloon-j {width: 75px;} main#J-Special .combinaison-box>.backgroundElements .baloon-j.second-baloon-combinaison {top: 250px;} main#J-Special .combinaison-box>.backgroundElements .deco-nuage {width: 100%;} main#J-Special .combinaison-box>.frontContent .j-title-3 + p {font-size: 14px;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons {-ms-grid-columns: unset; grid-template-columns: unset; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: auto;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons>.combinaison-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 270px; -ms-flex: 0 0 270px; flex: 0 0 270px; width: 270px; max-width: 270px;} main#J-Special .modeles-box>.frontContent .modeles-list {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} main#J-Special .modeles-box>.backgroundElements .s4AnimateScene {display: none;} main#J-Special .modeles-box>.frontContent .modeles-list {position: relative; overflow: unset;} main#J-Special .modeles-box>.frontContent .modeles-list::before {content: '';position: absolute; top: -30px; height: 60px; width: 100%; display: block; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); z-index: 1;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item-on {background-color: #ABBCD5;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item-all {background-color: #CAAD97;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item-off {background-color: #A5A39B;} main#J-Special #j-nav-box {display: none;} main#J-Special .introduction-box>.frontContent .titre-j .title1, main#J-Special .j-title-2, main#J-Special.newJ2024 .new-configs>.frontContent .title1 {font-size: 36px;} /*69*/ main#J-Special .j-title-3, main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .title-bike, main#J-Special .odyssee-video-box>.frontContent .odyssee-title {font-size: 28px;} /*60*/ main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .subtitle-bike {font-size: 18px;} /*32*/ main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle {font-size: 16px;} /*28*/ main#J-Special .introduction-box>.frontContent .titre-j .description, main#J-Special.newJ2024 .new-configs>.frontContent .subTitle {font-size: 14px; margin-top: 10px;} /*24*/ main#J-Special #mainContent {font-size: 14px;} main#J-Special .backElementsFrontContent>.backgroundElements .baloon-j.animatingElement, main#J-Special .header-video-box>.backgroundElements .round-baloon-j.animatingElement, main#J-Special .design-box>.backgroundElements .round-baloon-j.animatingElement, main#J-Special .videoBox-rounded>.videoBox-link>.videoBox + .round-shadow + .round-shadow, main#J-Special .jeu-detail-box>.backgroundElements .bike-path, main#J-Special .jeu-detail-box>.backgroundElements .bike-path>.path-content {animation: unset!important;} #ope-cover>img {width: 100%;} #header1.fake + .marges1 {padding-top: 20px;} #FamilleTopBar .FamilleTopBar-content {padding: 7px 15px;} #FamilleTopBar .FamilleTopBar-title {font-size: 14px;} #FamilleTopBar .FamilleTopBar-button {padding: 7px 20px; font-size: 12px;} #Actualites .liste {grid-template-columns: 1fr;-ms-grid-columns: 1fr;} #Actualites .InfiniteLoader {-ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 1; grid-column-end: 2;} .paddingPageWithHeader, body.hasInfoHeader .paddingPageWithHeader {padding-top: 0;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content, main#choisirVAE>.questionnaire-step.questionnaire-step-results {padding: 20px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-title, main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-title {font-size: 1.4em;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-title, main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-buttons {margin-bottom: 30px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-reponse>.questionnaire-reponse-txt {padding: 15px 20px; border-radius: 10px;} main#choisirVAE>.questionnaire-step.questionnaire-step-question>.question-content>.question-container>.questionnaire-buttons {margin-top: 30px;} main#choisirVAE>.questionnaire-step .questionnaire-buttons>.questionnaire-button {font-size: 12px;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content {padding: 30px 0;} main#choisirVAE>.questionnaire-step.questionnaire-step-results>.questionnaire-content>.questionnaire-list-bikes>.questionnaire-bike {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding: 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content {text-align: center;} main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-title2, main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-subtitle {font-size: 24px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>* {position: relative!important; top: unset!important; bottom: unset!important; left: unset!important; right: unset!important; width: 100%!important; height: auto!important;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-topright {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent {-webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-top: 56.25%; margin-top: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft {-webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; margin-top: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content {min-height: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-1 {top: 0; left: 5%; width: 19%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-2, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-3 {left: 26%; width: 27%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-2 {top: 10%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-3 {top: 45%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-4 {bottom: 50%; right: 33%; width: 12%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.imgContent>.image-header-5 {bottom: 0; right: 5%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content>* {margin-top: auto; margin-bottom: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content p:not(.marque-subtitle) {max-width: 150px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content p:not(.marque-subtitle)>br {content: '';} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content p:not(.marque-subtitle)>br::after {content: ' ';} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-topright>*, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content {margin-left: auto; margin-right: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent {font-size: 14px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content>.marque-subtitle {font-size: 24px; text-align: left;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn {grid-gap: 30px; gap: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.txtContent>.adn-txt {font-size: 21px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-decorations>.croix-1 {top: 100px; width: 2%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-decorations>.croix-2 {width: 10%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; overflow: hidden; overflow-x: auto; margin-left: -30px; margin-right: -30px; grid-gap: 0; gap: 0;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages::before, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages::after {content: ''; display: block; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; max-width: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; width: 35%; max-width: 35%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item + .avantage-item {margin-left: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item .imgContent .number {font-size: 24px; top: 5px; left: 10px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.txtCenter {margin-top: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges {max-width: 100%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content {min-height: 0; padding-top: 40%; padding-bottom: 40%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.marque-decorations-overflow>.marque-decorations {padding-top: 200%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.marque-decorations-overflow>.marque-decorations>.chemin {width: 80%; padding-top: 200%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.marque-decorations-overflow>.marque-decorations>.txt {left: 5%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.item-temoignage {width: 70%; padding-top: 48%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.item-temoignage + .item-temoignage {margin-top: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee {padding: 0;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.txtContent {text-align: center;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.txtContent p:not(.subTxt) {margin-left: auto; margin-right: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.imgContent {display: none;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-reseaux .marque-reseaux-list {grid-gap: 30px; gap: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours .marque-title3 {font-size: 16px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours .marque-title3:not(:last-child) {margin-bottom: 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours .marque-title3:not(:first-child) {margin-top: 50px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours {-ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 50px; gap: 50px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-parcours .marque-parcours ul>li {font-size: 14px;} #Accessoire .top .right .title3 {text-align: center;} #ModeleV2 .headerVeloModele .priceBox>.reduc-price.showReduc + .price {font-size: 14px;} #ModeleV2 .headerVeloModele .priceBox>.price>.mb_promo_price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price-diff {font-size: 12px;} #HeaderHomeContent .mis-en-avant {grid-template-columns: 1fr; -ms-grid-columns: 1;} #HeaderHomeContent .mis-en-avant>.mea-item>.contenu-mea {padding: 20px;} #Familles h1 {margin-bottom: 50px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson {top: 20%; left: calc((100% - (100% - 50px*2)) / 2);} #CampagnesRappels .formAppearance .form-input-content>.form-input-radio {width: 100%;} #CampagnesRappels .formAppearance .form-input-content>.form-input-radio + .form-input-radio {margin-left: unset!important;} #CampagnesRappels .rightInfo>#stickyInfo #bike_info .bike-img {max-width: 200px;} .footnotes-table td {font-size: 11px;} #grouped-models .switcher-group-models {padding: 6px 10px;} #grouped-models .switcher-group-models p {padding: 8px 16px; font-size: 12px;} #CampagneReprise202603 .title2 + .subtitle_style {text-align: center;} #CampagneReprise202603 .subtitle_style {font-size: 12px;} #CampagneReprise202603 .mb_marginTop_section {margin-top: 40px;} #CampagneReprise202603 .mb_marginTop_1 {margin-top: 20px;} #CampagneReprise202603 .clamp-flex-inputs>.form-input-row {--mb-campagnereprise-202603-clamp-inputs: 100%;} #CampagneReprise202603_bike_version .mb_list_bikes_overflow .element {max-width: 70vw;} #CampagneReprise202603_bike_version .mb_list_bikes_overflow .element:not(:first-child) {margin-left: 10px;} #CampagneReprise202603_bike_version .mb_list_bikes_overflow .element .button1 {padding: 7px 40px 7px 15px;} #CampagneReprise202603_bike_version .mb_list_bikes_overflow .element .button1::before {right: 15px;} #CampagneReprise202603_bike_version .mb_list_bikes_overflow .element .button1::after {right: 30px;} #CampagneReprise202603__shop .searchTNS-style {text-align: center;} #CampagneReprise202603__shop .searchTNS-style .input {display: block;} #CampagneReprise202603__shop .searchTNS-style .input input[type='text'] {width: 100%;} #CampagneReprise202603__shop .searchTNS-style .getLocalisation {text-align: center;} #CampagneReprise202603__shop__list_overflow .shop-item {--mb-campagnereprise-202603-shop: 60%;} #CampagneReprise202603__shop__list_overflow .shop-item .shop-item-content-name-container, #CampagneReprise202603_sended_shop .shop-item-content-name-container {display: block;} #CampagneReprise202603__shop__list_overflow .shop-item .shop-item-content-name, #CampagneReprise202603_sended_shop .shop-item-content-name {font-size: 16px;} #CampagneReprise202603__shop__list_overflow .shop-item .shop-item-content-distance, #CampagneReprise202603_sended_shop .shop-item-content-distance {font-size: 14px; padding-left: 0; margin-top: -10px;} } @media (min-width: 576px) AND (max-width: 767px) { #Famille .modeles .element.col-sm-6 {width: 50%; float: left;} } @media (max-width: 575px) { /*#navresponsive .allVelosShow .elementVelo{flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%;}*/ body.familles-template-template-famille-v2 #Trail2023-Special>.header-trail .mediaContent{width: calc(100vw); margin-left: -30px;} body.familles-template-template-famille-v2 #Trail2023-Special>.header-trail .mediaContent>.videoTrail{width: 100%} .padding-100{padding-top: 20px; padding-bottom: 20px} #includeMap {padding: 30px 0;} #includeMap .text form {display: block;} #includeMap .text form button {margin-left: 0; margin-top: 20px;} #Accueil #gamme .item-gamme {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;} #categorieFamille #content .elem .intro {font-size: 14px;} #Famille #builderIn .image_texte .image .arrow, #Famille #builderIn .image_texte .image .arrow::before, #Modele #builderIn .image_texte .image .arrow, #Modele #builderIn .image_texte .image .arrow::before {width: 30px; height: 30px;} #Famille #builderIn .image_texte .image .arrow::after, #Modele #builderIn .image_texte .image .arrow::after {height: 30px; width: 20px;} #Famille #builderIn .image_texte .image .arrow:hover::after, #Modele #builderIn .image_texte .image .arrow:hover::after {width: 25px;} #Modele #inNav, #ModeleV2 #inNav, #Accessoire #inNav {padding: 0;} #Modele #inNav .left ul li a[data-different], #ModeleV2 #inNav .left ul li a[data-different], #Accessoire #inNav .left ul li a[data-different] {display: none;} #Accessoires #liste .element {-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} #videoTop .sound-status {bottom: 20px; right: 20px;} #videoTop .screen-status {bottom: 25px; right: 70px;} #CargoSpecial .bigTitle {font-size: 32px;} #CargoSpecial .veloFront .txt {font-size: 18px;} #CargoSpecial .veloFront .txt + .txt {margin-top: 20px;} #CargoSpecial .txtSeparator p {font-size: 26px; max-width: 250px; margin: auto;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .nomMembre {font-size: 28px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .proMembre, #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .descMembre {font-size: 13px;} #CargoSpecial .endTitle a {font-size: 40px; max-width: 250px;} #CargoSpecial .veloFront {z-index: 2;} #CargoSpecial .bigTitle .shapeCargo.n4 {width: 170px;} #CargoSpecial .bigTitle .shapeCargo.n3, #CargoSpecial .bigTitle .shapeCargo.n7 {display: none;} #CargoSpecial .cargoVariant .shapeCargo.n1 {top: 5%; left: 5%; width: 70px; height: 70px;} #CargoSpecial .cargoVariant .shapeCargo.n2 {bottom: 0; width: 120px; height: 120px; margin-left: -50px;} #CargoSpecial .cargoVariant .shapeCargo.n3 {width: 150px; height: 150px; margin-right: -70px;} #CargoSpecial #videoTop {height: 50vh;} #CargoSpecial #videoTop iframe {min-width: 125vh;} #CargoSpecial .veloFront img {width: 250px;} #CargoSpecial .containerPrintedsPhotos .itemContent {width: 100%;} #CargoSpecial .stickyWindowPart .allContent .itemContent {min-width: 80vw!important;} #CargoSpecial .containerPrintedsPhotos .itemContent .photo {padding: 0 20px!important;} #CargoSpecial .containerPrintedsPhotos .itemContent .photo .inside .languette {width: 30px;} /*#CargoSpecial .containerPrintedsPhotos .itemContent:not(:first-child) .photo {margin-top: 20px!important;} #CargoSpecial .containerPrintedsPhotos .itemContent:nth-child(odd) .photo {margin-right: 50px;} #CargoSpecial .containerPrintedsPhotos .itemContent:nth-child(even) .photo {margin-left: 50px;}*/ #CargoSpecial .containerPrintedsPhotos .itemContent .photo .inside .languette {width: 20px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n1, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n1 {width: 150px; height: 150px; margin-left: -30px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n2, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n2 {left: 60%; height: 200px; width: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n3, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n3 {top: 60%; left: 30%; margin-left: 0; width: 140px; height: 140px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n4, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n4 {display: none;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n5, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n5 {top: 55%; width: 160px; height: 160px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n6, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n6 {left: 200%; width: 250px; height: 250px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n7, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n7 {top: 5%; left: 160%; width: 180px; height: 180px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n9, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n9 {top: unset; left: 350%; width: 200px; height: 200px;} #CargoSpecial .containerPrintedsPhotos .stickyWindowPart:not(.stickyActivate) .shapeCargo.n10, #CargoSpecial .containerPrintedsPhotos .stickyWindowPart.stickyActivate .shapeCargo.n10 {top: 0%; left: 410%; width: 200px; height: 200px;} #CargoSpecial .planchePhotos {padding-top: 215%;} #CargoSpecial .planchePhotos img.n1 {width: 60%;} #CargoSpecial .planchePhotos img.n2, #CargoSpecial .planchePhotos img.n3 {width: 70%;} #CargoSpecial .planchePhotos img.n4, #CargoSpecial .planchePhotos img.n5 {width: 65%;} #CargoSpecial .planchePhotos img.n2 {left: 35%;} #CargoSpecial .planchePhotos img.n3 {left: 26%;} #CargoSpecial .planchePhotos img.n4 {left: 2%; top: 62%;} #CargoSpecial .planchePhotos img.n5 {left: 45%; top: 76%;} #CargoSpecial .planchePhotos .shapeCargo.n4 {top: 50%; width: 20%; height: 20%;} #CargoSpecial .planchePhotos .brique {width: 25%;} #CargoSpecial .planchePhotos .nuage {left: 30%;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo {width: 140px; height: 185px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(2) {top: 230px; right: 55%;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(3) {top: 380px; left: 50%;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile img.HDD-photo:nth-child(4) {top: 520px; right: 53%;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile .nuage {width: 170px; height: 130px;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile .nuage2 {margin-left: 0; top: 25%;} #CargoSpecial .guirlande-photos .HDD-photos .HDD-mobile.notEngouhItem-1 .nuage2 {display:none;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer {padding: 50px 20px;} #CargoSpecial .presentationEquipe .membreEquipe .txtContainer .txtBox .imgMembre {width: 180px; height: 220px;} #CargoSpecial .endTitle {min-height: 70vh;} #CargoSpecial .endTitle>.row>.col-12 {padding: 80px 0;} #GameAndTrailSpecial #header.withNoText .containerText .containerCell {padding-bottom: 70px;} /*#GameAndTrailSpecial #header .gameAndTrail>.fond .titleImg>.logo-velo {max-width: 200px; height: 35px;} #GameAndTrailSpecial #header .gameAndTrail>.fond .titleImg>.relief-velo {width: 60px; margin-top: 10px;}*/ /*#GameAndTrailSpecial #header .gameAndTrail>.fond .fondDecor {width: 120%;}*/ #GameAndTrailSpecial #header .gameAndTrail>.fond .velo-carousel .owl-nav {width: 100%;} #GameAndTrailSpecial #header .scroll {bottom: 30px; width: 30px; margin-left: -15px; height: 15px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation {margin-bottom: 250px; margin-top: 30px} #GameAndTrailSpecial #contentGameAndTrail .video-presentation .video-window {bottom: -200px; left: 15px; right: 15px;} #GameAndTrailSpecial #contentGameAndTrail .video-presentation.video-open .video-window {left: 15px; right: 15px;} /*#GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre {padding: 25px 15px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre {padding: 25px 15px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre + .chiffre {margin-top: 15px!important;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre {font-size: 12px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .bannerChiffre .content-chiffre .chiffre span {font-size: 24px;} #GameAndTrailSpecial #contentGameAndTrail .batterie-composant .batterie-txt .imgs-batterie {grid-gap: 10px; gap: 10px; margin-top: 30px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo {padding-bottom: 150px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(1) {width: 80px; height: 60px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(3) {width: 80px; height: 60px; bottom: 30px;} #GameAndTrailSpecial #contentGameAndTrail .geometrie-velo .chiffre-geo:nth-child(4) {width: 60px; height: 60px; bottom: 60px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant .flex-colonne {padding-left: 30px; padding-right: 30px;} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::before {-webkit-transform: translateX(-70%); -moz-transform: translateX(-70%); -ms-transform: translateX(-70%); transform: translateX(-70%);} #GameAndTrailSpecial #contentGameAndTrail .amortisseur-composant::after {-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}*/ #GameAndTrailSpecial #contentGameAndTrail .info-slider, #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces, .mb_list_bikes_carousel {padding: 0 30px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .owl-nav button, #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces .owl-nav button, .mb_list_bikes_carousel .owl-nav button {width: 20px; height: 20px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .owl-nav button::after, #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces .owl-nav button::after, .mb_list_bikes_carousel .owl-nav button::after {border-top-width: 2px; border-right-width: 2px;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .title2, #GameAndTrailSpecial #contentGameAndTrail .suspension-composant .choice-slider {padding-right: 0;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant>.velo-mobile {display: none;} #GameAndTrailSpecial #contentGameAndTrail .jante-composant .roue-tourne {-webkit-transform: translateX(80%) rotate(90deg)!important; -moz-transform: translateX(80%) rotate(90deg)!important; -ms-transform: translateX(80%) rotate(90deg)!important; transform: translateX(80%) rotate(90deg)!important;} #GameAndTrailSpecial #contentGameAndTrail .jante-composant .title2, #GameAndTrailSpecial #contentGameAndTrail .jante-composant .title2 + p {padding-right: 0;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent {-webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px;} #GameAndTrailSpecial #contentGameAndTrail .info-slider .item-slider .imgContent img {height: 100px;} #GameAndTrailSpecial #contentGameAndTrail .bandeauTitre img:not(.titreImg) {min-height: 120px;} #GameAndTrailSpecial #header .gameAndTrail>.fond .fondDecor .decor .header-fond {bottom: 20.53%;} #GameAndTrailSpecial #header .gameAndTrail>.fond .velo-carousel {top: 35%; height: 40%;} #GameAndTrailSpecial #header .gameAndTrail>.fond .titleImg>.pointilles-velo {top: 30%;width: 200%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .imgContent img {width: 80%;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .txtModif {padding: 80px 0;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>* {margin: 0; width: 45%; max-width: 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .application-visuel>*:last-child {margin-left: auto;} #GameAndTrailSpecial #contentGameAndTrail .tailleTexte1 {font-size: 14px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent {height: auto;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberPower, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberCadence {font-size: 24px;} #GameAndTrailSpecial #contentGameAndTrail .application-mobile .imgContent .numberCadence {top: 23%;} #GameAndTrailSpecial #contentGameAndTrail .suspension-composant {padding-bottom: 0;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .veloContent {margin-top: -30px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces {margin-top: -20px;} #GameAndTrailSpecial #contentGameAndTrail .bandeauTitre img.titreImg {max-height: 100px; max-width: 140px;} #GameAndTrailSpecial #contentGameAndTrail .pieces-velo .infos-pieces.notVisible {height: 0;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-3 {width: 150px; left: 0; height: 80px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-4 {width: 70px; height: 70px; right: 0; top: 10px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-1 {height: 70px; width: 80px; left: 0;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-9 {right: 0; margin-right: 0; height: 80px; width: 130px;} #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-7, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-modif-5, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-decoration {display: none;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .photo-texte-1 .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .application-mobile .gt-etoile-1, #GameAndTrailSpecial #contentGameAndTrail .frein-composant .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .modif-efficacite .gt-etoile-2, #GameAndTrailSpecial #contentGameAndTrail .photo-texte-2 .gt-etoile-1 {width: 30px;} #GameAndTrailSpecial #contentGameAndTrail .gauche-droite + .gauche-droite{margin-top: 35px} #GameAndTrailSpecial #header .gameAndTrail>.fond .fondDecor .decor .header-color{height: 100%} #GameAndTrailSpecial .vjs-loading-spinner{top:50vw; left: 50vw} #GameAndTrailSpecial #header .gameAndTrail .containerText a.button2{opacity: 1; transform: none !important} .mb_list_bikes_carousel .element .image {min-height: 160px;} .mb_list_bikes_carousel .element .infos .title {font-size: 18px;} .mb_list_bikes_carousel .owl-nav {top: 80px;} .mb_list_bikes_carousel::before {right: calc(100% - 30px);} .mb_list_bikes_carousel::after {left: calc(100% - 30px);} .mb_list_bikes_overflow .mb_listing {padding-bottom: 80px;} .mb_list_bikes_overflow .element .image {min-height: 160px;} .mb_list_bikes_overflow .element .infos .title {font-size: 18px;} .mb_list_bikes_overflow .mb_listing .element {max-width: 80vw;} .mb_list_bikes_overflow .mb_listing ~ .arrow {display: none;} #comparateur .selection .select2 .select2-selection {padding-right: 20px;} #comparateur .selection .select2 .select2-selection__arrow {width: 20px; top: 5px;} #comparateur .selection .selectric-items li, .select2-container--default .select2-results__option .select2-results__option {padding-left: 30px;} footer .scrollTop {bottom: 75px; line-height: 0;} footer .lang p {font-size: 12px; padding-right: 35px;} #countryLang .cl-content .cross_mark {width: 14px; height: 14px;} #countryLang .cl-content .cross_mark::before, #countryLang .cl-content .cross_mark::after {height: 2px;} #countryLang .cl-content .closeCountryLang {padding: 10px 30px; font-size: 14px;} #countryLang .cl-content .scrollable-country {padding: 30px;} #countryLang .cl-content .scrollable-country .title3 {margin-bottom: 20px;} #countryLang .cl-content .scrollable-country .deroulant-continent>.titre-deroulant {padding: 20px 0; font-size: 16px;} #countryLang .cl-content .scrollable-country .deroulant-continent>.content-box>.content-container {padding-bottom: 20px; padding-left: 24px;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays>.nom-pays {margin-right: 0; font-size: 14px; width: auto!important; -webkit-flex: unset!important; -ms-flex: unset!important; flex: unset!important;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays>.list-langues>.lien-langue {font-size: 12px; padding: 0 10px;} #countryLang .cl-content .scrollable-country .allCountryLinks>.item-pays>.list-langues>.lien-langue::before {left: calc(10px); width: calc(100% - 10px*2);} footer.footer-1 .item-deroulant-footer.item-deroulable>.titre-deroulant {font-size: 14px;} footer.footer-1 .bottom-footer {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} footer.footer-1 .bottom-footer li:not(:first-child) {border-left: 0;} #multiblock-grid .grid-item.gros-bloc.movember-bloc {padding: 20px; min-height: 250px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab {font-size: 16px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .logo-collab span {margin: auto 15px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .title3, #HeaderHomeContent #header.movember #video .containerText .containerCell .description {margin-bottom: 20px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .progression-bar {margin-left: 15px; margin-right: 15px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .progression-bar .progression-div {height: 20px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .progression-bar .progression-div .progression-color .progression-cursor {width: 20px;} #multiblock-grid .grid-item.gros-bloc.movember-bloc .containerCell .progression-bar .progression-div .progression-color .progression-txt {font-size: 12px;} #Movember2022 .headerMovember .col-12 {padding-top: 30px;} #Movember2022 .headerMovember .col-12>img {max-width: 100%;} #Movember2022 .headerMovember .col-12::before, #Movember2022 .headerMovember .col-12::after {content: unset; display: none;} #Movember2022 .headerMovember .col-12>.presentation-offre {margin-top: 15px; padding: 20px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab {font-size: 16px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .logo-collab span {margin: auto 15px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .title3, #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .description {margin-bottom: 20px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .progression-bar {margin-left: 15px; margin-right: 15px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .progression-bar .progression-div {height: 20px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .progression-bar .progression-div .progression-color .progression-cursor {width: 20px;} #Movember2022 .headerMovember .col-12>.presentation-offre .maxWidthContent .progression-bar .progression-div .progression-color .progression-txt {font-size: 12px;} #Movember2022 .participationBox .list-velos {overflow-x: auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap;} #Movember2022 .participationBox .list-velos .item-velo {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%;} #Movember2022 .participationBox .list-velos .item-velo:not(:first-child) {margin-left: 20px;} #Movember2022 .participationBox .buttons-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} #Movember2022 .participationBox .buttons-box a {margin: 0 auto;} #Movember2022 .participationBox .buttons-box a + a {margin-left: auto; margin-top: 10px;} #Movember2022 .participationBox .etapes-participation, .builderMoustache .listNum .listContainer {padding: 10px 20px;} #Movember2022 .participationBox .etapes-participation>.etape-participation>.number-etape, .builderMoustache .listNum .listContainer>li>.num-list {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; max-width: 20px; height: 20px; font-size: 14px; margin-right: 15px;} #Movember2022 .participationBox .etapes-participation>.etape-participation>.description-etape {font-size: 14px;} #Movember2022 .galerie-movember .title3 {margin-bottom: 30px;} #Movember2022 .galerie-movember .galerie-masonry img {margin-bottom: 10px;} footer.footer-1 .list-footer .col-list-footer .newsletter-title {font-size: 14px;} body.mb_language_fr #HeaderHomeContent #header .button2.blackButton.aos-animate, body.mb_language_fr #HeaderHomeContent #header .button2.blackButton:not(.aos-init) {-webkit-transform: translate(-50%, 50%) scale(0.6); -moz-transform: translate(-50%, 50%) scale(0.6); -ms-transform: translate(-50%, 50%) scale(0.6); transform: translate(-50%, 50%) scale(0.6);} body.mb_language_fr #HeaderHomeContent #header .button2:not(.blackButton).aos-animate, body.mb_language_fr #HeaderHomeContent #header .button2:not(.blackButton):not(.aos-init) {-webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2, #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox {padding: 15px 10px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.title2, #ModeleV2 h1, #ModeleV2 .title3 {font-size: 21px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; width: 130px; max-width: 130px;} #ModeleV2 .topHeaderMobile .mobileTitlePrice>.priceBox>.price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price {font-size: 18px;} #ModeleV2 .headerVeloModele>.info-principale>.imgLeft>.all-sliders {padding-left: 15px; padding-right: 15px;} #ModeleV2 .headerVeloModele>.info-secondaire>.imgLeft>.all-sliders .elementSlider {padding-left: 50px; padding-right: 50px;} #ModeleV2 .headerVeloModele>.info-secondaire>.imgLeft>.all-sliders .elementSlider>.owl-nav>button {width: 50px;} #ModeleV2 .headerVeloModele>.info-secondaire>.imgLeft>.all-sliders .elementSlider>.owl-nav>button>.arrow {width: 16px; height: 8px;} #ModeleV2 .headerVeloModele select[name=variations] {font-size: 14px;} .galerieGridV2{padding: 0} .galerieGridV2>.galerieGridV2-item {} .galerieGridV2.galerieGridV2>.galerieGridV2-item:not(:first-child) {margin-left: 10px;} .galerieGridV2.galerieGridV2-3>.galerieGridV2-item, .galerieGridV2.galerieGridV2-8>.galerieGridV2-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 300px; width: 280px; max-width: 280px; height: 280px;} .galerieGridV2.galerieGridV2-8>.galerieGridV2-item:nth-child(2), .galerieGridV2.galerieGridV2-8>.galerieGridV2-item:nth-child(8) {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; max-width: 300px;} #ModeleV2 .titre-others .title3, #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant {font-size: 18px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant .titleContent {padding-right: 1.7em;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant .titleContent::before, #ModeleV2 .all-deroulants>.mb_item-deroulant>.titre-deroulant .titleContent::after {right: 0.7em;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .mb_builder_modelev2>*>* {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; max-width: 300px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .specs-ligne {font-size: 13px; padding: 10px 0;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .specs-ligne>.specs-ligne-titre {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 120px; flex: 0 0 120px; width: 120px; max-width: 120px;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link>.download-button {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 3em; -ms-flex: 0 0 3em; flex: 0 0 3em; width: 3em; max-width: 3em;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link>.download-button::before {width: 1.5em; height: 1.5em;} #ModeleV2 .all-deroulants>.mb_item-deroulant>.content-box>.content-container .documentation-link>span {padding-left: 20px;} #ModeleV2 .titre-others.d-flex {-webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;} #ModeleV2 .titre-others .button1 {margin-top: 15px; margin-left: 0;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item {padding: 20px 15px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 250px; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; max-width: 250px;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item .logoActualite {margin-bottom: 15px; height: 60px;} #ModeleV2 .actualitesModele .actualitesModeleContainer>.actualites-item p:not(:last-child) {font-size: 12px;} #ModeleV2 .mb_conseils_gamme .content-gammes {padding: 30px;} #ModeleV2 .mb_conseils_gamme .content-gammes .title3 {margin-bottom: 30px;} #ModeleV2 .mb_conseils_gamme .content-gammes .mb_item-deroulant .titre-deroulant {font-size: 16px;} #ModeleV2 .mb_conseils_gamme .content-gammes .mb_item-deroulant .content-box>.content-container>.builderMoustache {font-size: 14px;} #ModeleV2 #callContainer {padding: 30px 0;} #ModeleV2 #callContainer .titleCall img {width: 40px;} #ModeleV2 #callContainer .titleCall p {margin-top: 15px; font-size: 18px;} #ModeleV2 #callContainer .callButtonDiv {margin-top: 15px;} #ModeleV2 .mb_accessoires_grid {-ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 15px; gap: 15px;} #ModeleV2 .mb_builder_carousel::before {display: none; content: unset;} #ModeleV2 .mb_builder_carousel .owl-nav {top: 35vw;} #ModeleV2 .mb_builder_carousel .owl-nav>button {width: 40px; height: 40px;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .owl-nav {width: 80px; height: 40px;} #ModeleV2 .mb_builder_carousel .technologies-item>.imgContent {padding-top: 70vw;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-right {padding: 20px; padding-bottom: 50px;} #ModeleV2 + #popup-technologies>.window-technologies {width: 90%; height: 70%;} #ModeleV2 + #popup-technologies>.window-technologies>.popup-velo-carousel .technologie-item>.technologie-left {height: 52vw; min-height: 52vw;} #Trail2023-Special>.header-trail .title1 {font-size: 28px;} #Trail2023-Special>.header-trail .subTitle {font-size: 16px;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.titreImagine {font-size: 21px;} #Trail2023-Special>#contentGameAndTrail #imagineTrail>.txtImagine {font-size: 16px;} #headerResponsive .accountLink {right: 145px;} #headerResponsive .accountLink, #headerResponsive .search {width: 35px;} #ModeleV2 .headerVeloModele.bottomHeaderMobile>.container>.row {width: calc(100% + 15px*2);} #ModeleV2 .bottomHeaderMobile>.container, #ModeleV2 .bottomHeaderMobile>.container .col-sm-12 {max-width: 100%;} #ModeleV2.special-le-j .headerVeloModele .backLinkBox.backLinkWithVideo>.backlink .littleLink {padding-left: 10px; padding-right: 10px; -webkit-mask: unset; mask: unset;} #ModeleV2 .headerVeloModele>.info-principale>.imgLeft>#accessoire-config-filters {left: 15px; right: 15px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"], #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list {margin-left: -30px; margin-right: -30px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::before, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::before, #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]::after, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list::after {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 15px; -ms-flex: 0 0 15px; flex: 0 0 15px; width: 15px; max-width: 15px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.couleurs-item, #ModeleV2 .headerVeloModele .box-content.box-config-accessoire>.config-accessoire-list>.accessoire-value, #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.images-item {-webkit-box:0;-moz-box:0;-webkit-flex:0 0 200px;-ms-flex:0 0 200px;flex:0 0 200px;width:200px;max-width:200px;} #ModeleV2 .headerVeloModele .box-filtre-config>[class*="filtre-config-"]>.filtre-value.couleurs-item{-webkit-flex:0 0 28%;-ms-flex:0 0 27%;flex:0 0 27%;width:27%;max-width:27%;} .mailConfigModel .inputConfig {display: block; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; border-radius: 0; overflow: unset;} .mailConfigModel .form-input, .mailConfigModel button {border-radius: 10px;} .mailConfigModel .form-input {-webkit-box-shadow:0 1px 6px rgba(164,164,164,0.30); -moz-box-shadow: 0 1px 6px rgba(164,164,164,0.30); box-shadow: 0 1px 6px rgba(164,164,164,0.30);} .mailConfigModel button {-webkit-box:unset;-moz-box:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;width:100%;max-width:100%; margin-top: 10px;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .design-box>.backgroundElements .archeContent .baloon-j, main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison, main#J-Special .combinaison-box>.backgroundElements .baloon-j.second-baloon-combinaison {width: 30px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-9, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-10, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-11 {width: 45px;} main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-2, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-4, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-6, main#J-Special .introduction-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special .design-box>.backgroundElements .archeContent .baloon-j.design-baloon-left-1, main#J-Special .design-box>.backgroundElements .archeContent .baloon-j.design-baloon-right-5, main#J-Special .nuage-detail-box>.backgroundElements .baloon-j.second-baloon-combinaison {display: none;} main#J-Special .introduction-box {min-height: unset;} main#J-Special .introduction-box>.backgroundElements::before {width: 50vw; height: 50vw;} main#J-Special .introduction-box>.backgroundElements .baloon-j, main#J-Special .introduction-box>.backgroundElements .header-poisson {top: 70%;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-1 {width: 30px; margin-top: -60px; margin-left: 0px;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-2 {display: none!important;} main#J-Special .introduction-box>.backgroundElements .header-poisson.header-poisson-3 {width: 25px; margin-top: 28px; margin-left: 33px;} main#J-Special .introduction-box>.frontContent .titre-j {padding-top: 10vh; padding-bottom: 20px;} main#J-Special .introduction-box>.frontContent .croquis-j video {top: 33%;} main#J-Special .introduction-box>.frontContent .croquis-j .esquisse-legende {width: 100%; -webkit-transform: translateX(40%) scale(0.6); -moz-transform: translateX(40%) scale(0.6); -ms-transform: translateX(40%) scale(0.6); transform: translateX(40%) scale(0.6);} main#J-Special .header-video-box>.backgroundElements .parallax-buildings {display: none;} main#J-Special .header-video-box>.backgroundElements .round-baloon-j {width: 90px;} main#J-Special .videoBox-rounded>.videoBox-link {width: 200px; max-width: 100%;} main#J-Special .videoBox-rounded>.videoBox-link>.videoBox::before {width: 40px; height: 40px;} main#J-Special .videoBox-rounded>.videoBox-link>.videoBox::after {border-width: 4px; border-left-width: 8px;} main#J-Special .design-box>.backgroundElements .archeContent>.backArche {display: none;} main#J-Special .design-box>.backgroundElements .archeContent .round-baloon-j {width: 80px; top: 40px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j.design-baloon-left-2 {width: 50px; left: 40px; margin-left: 0; bottom: 270px;} main#J-Special .design-box>.backgroundElements .archeContent .baloon-j[class*="design-baloon-right-"] {right: 80px; bottom: 50px;} main#J-Special .design-box>.backgroundElements .archeContent .deco-nuage {left: 0; width: 200px; bottom: 200px;} main#J-Special .design-box>.frontContent .j-title-3 {padding-bottom: 60px;} main#J-Special .design-box>.frontContent .eurobike-award {max-width: 100%; border-radius: 20px; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;} main#J-Special .design-box>.frontContent .eurobike-award>.imgContainer {margin-right: auto; margin-left:auto; margin-bottom: 20px; height: 80px; -webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px;} main#J-Special .design-box>.frontContent .eurobike-award>p {font-size: 12px;} main#J-Special .design-box>.frontContent .arche-velos {width: 100%;} main#J-Special .fabrication-box>.frontContent .map-france {max-width: 100%;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.nom-ville {font-size: 14px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville.nom-position-y-bottom>.nom-ville {top: 110%;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville.nom-position-y-top>.nom-ville {bottom: 110%;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville.popup-position-x-left>.popup-ville {right: 150%;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville {width: 250px; padding: 20px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville>.ville-image {width: 100px; height: 66.66px; margin-bottom: 15px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville>.ville-name {font-size: 16px;} main#J-Special .fabrication-box>.frontContent .map-france>.point-ville>.popup-ville>.ville-text {font-size: 12px;} main#J-Special .durable-box>.backgroundElements .round-baloon-j {width: 100px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable {width: 100%; padding: 20px 15px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable .element-title {font-size: 18px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable .element-title + p {margin-top: 20px;} main#J-Special .durable-box>.frontContent .flex-elements>.element-durable p + p {margin-top: 15px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .txtJtransparentContainer {padding: 20px;} main#J-Special .backElementsFrontContent[class*="-detail-box"]>.frontContent .txtJtransparentContainer h3 {font-size: 21px;} main#J-Special .nuage-detail-box>.backgroundElements .bike-nuage {width: 50%; left: 15%;} main#J-Special .nuage-detail-box>.backgroundElements .baloon-j {width: 45px; top: 140px;} main#J-Special .nuage-detail-box>.backgroundElements .deco-baleine {left: calc(100% - 50px); width: 80%; top: 170px;} main#J-Special .jeu-detail-box>.backgroundElements .bike-path {width: 60%; left: 40%; top: 100px;} main#J-Special .jeu-detail-box>.frontContent .secondContainer .deco-tortue {width: 70vw; top: -1vw; left: 10vw;} main#J-Special .tapis-detail-box>.backgroundElements .deco-raie {left: 80%; width: 65%; top: calc(10vw + 100px);} main#J-Special .esprit-carousel-box {padding-top: 50px;} main#J-Special .esprit-carousel-box>.backgroundElements .deco-nuage {width: 70%;} main#J-Special .esprit-carousel-box>.frontContent .bike-carousel {margin-top: -15px;} main#J-Special .esprit-carousel-box>.frontContent .bike-carousel>img {width: 90%;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel {padding-top: 40px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .owl-nav>button {width: 30px; height: 30px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p.titleSlide {font-size: 18px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p + p {margin-top: 15px;} main#J-Special .esprit-carousel-box>.frontContent .esprit-carousel .carousel-item-texte p.titleSlide + p {margin-top: 20px;} main#J-Special .combinaison-box>.frontContent .grid-combinaisons>.combinaison-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; width: 80%; max-width: 80%;} main#J-Special .combinaison-box>.frontContent .j-title-3 + p {font-size: 14px;} main#J-Special .combinaison-box>.backgroundElements .deco-baleine {width: 80%; top: calc(300px - 20vw);} main#J-Special .combinaison-box>.backgroundElements .baloon-j {width: 55px;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content {padding: 30px;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .text-bike {margin-top: 30px; margin-bottom: 15px;} main#J-Special .introduction-box>.frontContent .titre-j .title1, main#J-Special .j-title-2, main#J-Special.newJ2024 .new-configs>.frontContent .title1 {font-size: 28px;} /*69*/ main#J-Special .j-title-3, main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .title-bike, main#J-Special .odyssee-video-box>.frontContent .odyssee-title {font-size: 28px;} /*60*/ main#J-Special .videoBox-rounded>.videoBox-txt {font-size: 20px;} main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle br, main#J-Special .videoBox-rounded>.videoBox-txt br {display: none;} main#J-Special .modeles-box>.frontContent .modeles-list>.modele-item>.frontContent>.modele-content .subtitle-bike {font-size: 18px;} /*32*/ main#J-Special .odyssee-video-box>.frontContent .odyssee-subtitle, main#J-Special .videoBox-rounded>.videoBox-txt {font-size: 16px;} /*28*/ main#PageMarque2023 #PageMarqueContent {padding-left: 0; padding-right: 0; font-size: 14px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.marque-decorations-overflow {display: none;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent {text-align: center;} main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-title2, main#PageMarque2023 #PageMarqueContent>.marque-column-container .marque-subtitle, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-header>.header-content>.txtContent-bottomleft>.txt-content>.marque-subtitle {font-size: 21px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile, main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li a {font-size: 14px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile>span {padding: 10px 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile::before {border-width: 5px; border-top-width: 0; right: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav .actualAnchorMobile::after {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; max-width: 40px;} main#PageMarque2023 #PageMarqueContent>.marque-column-nav ul.marque-nav>li a {padding: 5px 15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.txtContent>.adn-txt {font-size: 18px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn {-ms-grid-columns: 1fr; grid-template-columns: 1fr;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.imgContent {-ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 2; grid-row-end: 3;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-adn>.txtContent>* {margin-left: auto; margin-right: auto;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-adn>.marque-decorations {height: 50%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages {margin-left: -15px; margin-right: -15px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-avantages>.marque-avantages>.avantage-item {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%; text-align: left;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content>.txtContent {max-width: 100%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content .backMap>.absolute-photo-1 {top: 19%; left: 1%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-vosges>.vosges-content .backMap>.absolute-photo-7 {display: none;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-temoignages>.list-temoignages>.item-temoignage {width: 100%; padding-top: 67%;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent .video-container>.txt-video-conten {padding: 20px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent .video-container>.txt-video-conten>.button-play {-webkit-box: 0; -moz-box: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; width: 30px; max-width: 30px; height: 30px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent .video-container>.txt-video-content .video-title, main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-sub-emplois>.marque-candidature-spontannee>.txtContent .subTxt {font-size: 16px;} main#PageMarque2023 #PageMarqueContent>.marque-column-container>.marque-subcontent .video-container>.txt-video-content .video-subtitle {font-size: 10px;} #ModeleV2 .headerVeloModele .priceBox>.price>.mb_promo_price, #ModeleV2 .headerVeloModele.hasConfig .priceBox>.reduc-price-diff {font-size: 9px;} main#J-Special.newJ2024 .new-configs>.frontContent .header-new-configs>.new-configs-back {margin-top: -100px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j {width: 30px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-8, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-9, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-10, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-11 {width: 40px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-2, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-4, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-6, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j.header-baloon-8 {display: none;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .baloon-j, main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson {top: 10%;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-1 {width: 30px; margin-top: -60px; margin-left: 0px;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-2 {display: none!important;} main#J-Special.newJ2024 .new-conf-automatiq-detail-box>.backgroundElements .header-poisson.header-poisson-3 {width: 25px; margin-top: 28px; margin-left: 33px;} main#J-Special.newJ2024 .new-conf-nexus-detail-box>.backgroundElements .deco-nuage {width: 60%; top: 5%; left: 85%;} #ModeleV2 .headerVeloModele .rentBox .priceRent {font-size: 12px; line-height: 1.2;} #CampagneReprise202603_bike_version #mb_list_bikes_overflow {padding-bottom: 30px;} #CampagneReprise202603_bike_version #mb_list_bikes_overflow::-webkit-scrollbar-track {margin-left: 50px; margin-right: 50px;} #CampagneReprise202603_bike_version #mb_list_bikes_overflow::-moz-scrollbar-track {margin-left:50px; margin-right: 50px;} #CampagneReprise202603__shop__list_overflow .shop-item {--mb-campagnereprise-202603-shop: 90%;} #CampagneReprise202603_sended_steps .steps-container>.steps-left {--mb-campagnereprise-202603-step-arrow: 30px;} #CampagneReprise202603_sended_steps .steps-container>.steps-left::after {border-width: 15px; border-bottom: 0; border-top-width: 12px;} } @media (max-width: 374px) { #Modele #inNav .left ul li a, #Accessoire #inNav .left ul li a{font-size: 9px;} } /* HEADER NEW BIKES */ /*@media (max-width: 767px){ body.page-template-template-accueil #HeaderHomeContent #header, #HeaderHomeContent #header #slider .in { min-height: 90vw; height: 90vw !important; } body.page-template-template-accueil #HeaderHomeContent .containerCover img{top: 80px} body.page-template-template-accueil #HeaderHomeContent #header .button2{margin-top: -30px} }*/