Concessionnaire Ford à Québec | Desjardins Auto Collection

Bienvenue chez Desjardins Auto Collection, votre concessionnaire Ford exclusif pour la grande région de Québec. Que vous soyez au centre-ville de Québec, à Beauport, à Charlesbourg, dans Lebourgneuf ou Saint-Émile, notre concession est facile d'accès au bord de l'autoroute de la Capitale, dans le secteur Pierre-Bertrand, à Vanier. Nous offrons toute la gamme de VUS Ford, de l'Escape à l'Explorer en passant par le Edge en plus de la célèbre Mustang. Pour votre prochain véhicule, choisir Ford c'est choisir un véhicule bien pensé, fiable et technologique. Un essai routier vous convaincra assurément.

Chez AutoCollection, vous trouverez un important inventaire en camions Ford F-150, F-250, F-350 mais aussi F-550 et F-650. Quelque soit votre projet personnel ou commercial, notre équipe vous offre un service inégalé pour choisir votre prochain véhicule, y compris dans la gamme ultra-modulaire Transit. Fan de performance ? Nous sommes un concessionnaire agrée pour les modèles Raptor et Shelby. Puisque nous sommes l'un des plus importants concessionnaires Ford au Québec et au Canada, nous sommes très heureux de proposer tout un ensemble de services en ligne aux propriétaires comme la réservation de votre rendez-vous au service ou la commande de pièces. Nous sommes également fiers de soutenir activement notre communauté. Pour une expérience client incomparable, notre équipe des ventes est disponible en clavardage sur ce site et sur Facebook.

Ventes (418) 683-4451 Obtenir l'itinéraire

Contactez-nous

Ventes (418) 683-4451

Heures d'ouverture

Lun - Jeu	09:00 - 20:00
Ven	09:00 - 18:00
Sam - Dim	Fermé

Lun - Ven	07:30 - 17:00
Sam - Dim	Fermé

Lun - Ven	08:00 - 17:00
Sam - Dim	Fermé

Visitez-nous

175 Rue du Marais, Québec, QC, G1M 3C8, Canada

Obtenir l'itinéraire

Rejoignez-nous sur

Desjardins Auto Collection^© 2024 · Plan du site · Conditions · politique de confidentialité ·

body, input, button, select, .header-item__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded body, .fonts-loaded input, .fonts-loaded button, .fonts-loaded select, .fonts-loaded .header-item__label { font-family: DM Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .fonts-loaded h1, .fonts-loaded h2, .fonts-loaded h3, .fonts-loaded h4, .fonts-loaded h5, .fonts-loaded h6 { font-family: DM Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}

:root { --color-primary: #102b4e; --color-primary-dark: #0169aa; --color-primary-light: #2b4669; --color-primary-lighter: #b2cdf0; } @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"); .fa-regular, .far {font-family: "Font Awesome 5 Pro";} @media(max-width: 767px) { .header .header__wrap:nth-of-type(3) { display: none; } } /* Page Alfred */ @media(max-width: 767px) { .alfred-form { height: 1200px!important; } .page-id-7477 .primary-wrapper { padding: 0; } } .alfred-form { width: 100%; height: 1200px; border: none; } /* Visite 360 - À propos */ .about-visit a { float: right; font-size: 12px; } .about-visit iframe { width: 100%; } /* Service mobile Ford */ .page-id-6907 .page-title { display: inherit!important; background: url("https://fordtadvantage-com.cdn-convertus.com/uploads/sites/85/2024/03/DAC_ServiceMobile_Banner_1920x225.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; } .page-id-6907 #contact { color: black; } @media(max-width: 767px) { .service_mobile .row { display: inherit; } .service_mobile .row-reversed { margin-top: 4rem; display: flex; flex-direction: column-reverse; padding: 0 1.5rem; } .service_mobile .row a { margin-bottom: 0!important; } .service_mobile .row h2 { margin-top: 2rem; } .service_mobile .col { padding: 0; margin: 1rem auto!important; } .service_mobile .row-reversed .col { flex-grow: initial; flex-shrink: initial; flex-basis: initial; } .service_mobile .service_mobile_availability { margin-bottom: 1rem!important; } .service_mobile .row-twotext .col { margin-bottom: 4rem!important; } .service_mobile .service_mobile_formseparator { margin-top: 0!important; } } @media(min-width: 768px) { .service_mobile .row-twotext h2 { height: 80px; } .service_mobile h1 { margin-top: 0!important; } } @media(min-width: 992px) { .service_mobile .row-twotext h2 { height: 60px; } } .service_mobile .col { margin: 3rem auto; } .service_mobile .col h2 { line-height: 1; margin-bottom: 2rem; color: black; } .service_mobile .col p, .service_mobile .col ul { color: black; font-weight: 400; margin-bottom: 2rem; list-style: none; } .service_mobile .col ul li { line-height: 3; font-weight: 600; text-transform: uppercase; padding-left: 1rem; } .service_mobile .col ul li:nth-of-type(2n) { background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .service_mobile .col a { color: white; font-weight: 400; margin-bottom: 2rem; background-color: #102b4e; padding: 1rem; display: inline-block; transition: .5s ease; } .service_mobile .col a:hover { opacity: .8; transition: .5s ease; } .service_mobile .service_mobile_availability { background-color: #eee; margin-bottom: 4rem; padding: 2rem; text-align: center; color: black; } .service_mobile .service_mobile_availability h2 { font-weight: 600!important; } .service_mobile .service_mobile_availability h3 { color: black!important; font-size: 1em; font-weight: 200; } /*.service_mobile .service_mobile_availability p { font-size: 1.5em; }*/ .service_mobile .service_mobile_availability .service_hr { display: flex; justify-content: center; } .service_mobile .service_mobile_formseparator { margin-bottom: 5rem; background-color: black; } /* Récompenses FordPass */ .rewards .zone-grise { justify-content: center; } .rewards .zone-grise div { margin-bottom: 0!important; width: 100%; } .rewards .zone-grise div p { margin-bottom: 0!important; } .rewards .zone-grise div a { display: inline-block; margin-top: 2rem; } .rewards .comment-profiter .right ol { padding-left: 1.5rem; } .rewards .comment-profiter .right ol li { margin-top: .5rem; } .rewards .comment-profiter .right p { margin-bottom: 1rem!important; } .rewards .comment-profiter .right a { display: inline-block; margin: 0 1rem 1rem 0; } .rewards .download-app { margin-bottom: 0!important; justify-content: flex-start; text-align: inherit; } .rewards .download-app a { display: inherit!important; width: inherit; } @media(min-width: 768px) { .rewards .download-app a img { width: inherit; max-height: 60px; margin-right: .5rem; } } @media(max-width: 767px) { .rewards .download-app a img { width: 175px; margin-bottom: 1rem; } } .rewards .download-app a { padding: 0!important; margin: 0!important; background-color: transparent!important; } /* Choisir son VÉ */ div#chooseev_im .my-4 { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } @media(min-width: 768px) { div#chooseev_im .d-md-none { display: none; } div#chooseev_im .row { display: flex; padding-left: 2rem; padding-right: 2rem; margin-bottom: 3rem!important; } div#chooseev_im .mt-3 { margin-top: 1rem!important; } div#chooseev_im .col-md-3 { width: 24%; padding: 0; } div#chooseev_im .col-md-9 { width: 75%; padding: 0; } div#chooseev_im .mt-md-0 { margin-top: 0; } } @media(max-width: 767px) { div#chooseev_im .d-none { display: none; } div#chooseev_im .mt-3 { margin-top: 1rem; } div#chooseev_im .col-md-3 { width: 100%!important; max-width: none!important; padding: 0; } div#chooseev_im .col-md-9 { width: 100%!important; max-width: none!important; flex: none; padding: 0; } } div#chooseev_im div.img-header, div#chooseev_im div.img-header img { width: 100%; } div#chooseev_im h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } div#chooseev_im h2 { margin-bottom: 2rem; } div#chooseev_im p { line-height: 1.5; padding-right: 1rem; } @media only screen and (max-width: 768px) { div#chooseev_im{ padding: 0 15px; } div#chooseev_im p { padding: 0; } } div#chooseev_im h1, div#chooseev_im h2 { text-transform: uppercase; text-align: center; } div#chooseev_im h1, div#chooseev_im h2, div#chooseev_im h3 { color: #1f2f53; } div#chooseev_im h2 { margin-top: 3rem!important; } div#chooseev_im strong { color: #174790; line-height: 1.5!important; } div#chooseev_im .row img { object-fit: cover; } div#chooseev_im .lp-link { text-decoration: underline; font-weight: bold; } div#chooseev_im .configure-link { background-color: #102b4e; padding: .5rem 1.5rem; color: white; text-decoration: none; transition: 0.3s ease; display: inline-block; margin-top: 1rem; } div#chooseev_im .configure-link:hover { opacity: .8; transition: 0.3s ease; } #landingpage_im .alfred_lp_testdrive:before, .how-it-works .alfred_lp_testdrive:before { content: "\f622"; font-family: "Font Awesome 5 Pro"; width: 22px; margin-right: .25rem; } /* Page Équipe - Icône d'information */ #team-app a[convertus-data-id='team__member-link'] { position: relative; } #team-app a[convertus-data-id='team__member-link']:after { content: "i"; font-family: "Font Awesome 5 Pro"; position: absolute; top: -1rem; right: -1rem; background-color: white; border-radius: 50%; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; } #team-app a[convertus-data-id='team__member-link']:hover:after { background-color: #102B4E; color: white; } /* Page Équipe - Lien Alfred */ .alfred_link { background-color: #102B4E; color: white; padding: 1rem; display: inline-block; transition: .5s ease; } .alfred_link:hover { color: white; opacity: .8; transition: .5s ease; } .alfred_link:before { content: "\f073"; font-family: "Font Awesome 5 Pro"; margin-right: .5rem; } /*Ajout Tableau Rabais Mach-E*/ #landingpage_im table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } #landingpage_im table tr { padding: .35em; } #landingpage_im table thead{ background-color: #f8f8f8; } #landingpage_im table th:last-child,#landingpage_im table td:last-child{ background-color: rgb(16,43,78, 0.4); ; color:#fff; } .texte-table-blanc span, .last-rabais-totaux span{ color:#fff; } #landingpage_im table th { letter-spacing: .1em; text-transform: uppercase; } @media(min-width:768px){ .last-rabais-totaux { border-bottom: 3px solid #102B4E !important; } #landingpage_im table th, #landingpage_im table td { padding: 1.5em 0 1.5em 0em; text-align: center; } #landingpage_im table tbody tr:nth-child(1),#landingpage_im table tbody tr:nth-child(2){ border-bottom:1px solid #ccc; padding:2rem; } #landingpage_im table tbody td:nth-child(4), #landingpage_im table td:last-child{ border-bottom:1px solid #cccc; } #landingpage_im table th:last-child{ border: 3px solid #102B4E; border-bottom:none; } #landingpage_im table td:nth-child(){ border: 1px solid; } #landingpage_im table td:last-child{ border: 3px solid #102B4E; border-top:none; } } @media screen and (max-width: 767px) { #landingpage_im table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; font-size: 1.1rem; } #landingpage_im table th, #landingpage_im table td { padding: 1.5em; text-align: center; } #landingpage_im table { border: 0; } #landingpage_im table caption { font-size: 1.3em; } #landingpage_im table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #landingpage_im table tr { display: block; margin-bottom: .625em; } #landingpage_im table td { border-bottom: 1px solid #ddd; display: block; font-size: 1.7rem; text-align: right; } #landingpage_im table td:last-child { border-bottom: 0; } } .montant-indication{ font-size: 1rem; margin-top:1rem; } .srp_offer .legal_button { position: inherit; color: #0276b3; background: none; width: inherit; height: inherit; text-decoration: underline; font-size: 1rem; margin-top: 2rem; } .srp_offer .legal_text { font-size: 1rem; display: none; } .srp_offer .legal_text_visible { display: inherit!important; } .srp_offer { max-width: 1200px; margin: 1rem auto 3rem auto!important; position: relative; } .srp_offer button { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: none; background: gray; border-radius: 50%; font-size: 2rem; transition: .3s ease; cursor: pointer; } .srp_offer button:hover { opacity: .8; transition: .3s ease; } .srp_offer #offre_prev { left: -33px; } .srp_offer #offre_prev:before { content: "\f053"; font-family: 'FontAwesome'; color: white; } .srp_offer #offre_next:before { content: "\f054"; font-family: 'FontAwesome'; color: white; } .srp_offer #offre_next { right: -33px; } .vdp-wrapper .motocommerce-ctas { display: none; } .comparison .vehicle .desc { padding-top: 1rem; } @media(max-width: 767px) { .comparison .vehicle { width: 100%!important; } } /* Promotions */ .special__content--time { font-size: 30px; } /*Subventions véhicules électriques*/ .page-id-4427 .page-title { display: inherit!important; } .subventions .text-center a { background: #102B4E; color: white; padding: 0.5rem 1rem; display: inline-block; transition: .5s ease; margin-bottom: 2rem; } .subventions .text-center a:hover { transition: .5s ease; opacity: .8; text-decoration: none; } .subventions ul { padding-left: 3rem; } .subventions li { margin-bottom: 0.5rem; } .subventions p { padding-right: 0 !important; } .subventions h3 { margin-top: 1rem; margin-bottom: 1rem; color: #1f2f53; } .subventions h3 { text-decoration: none !important; } .subventions p span { background: #1f2f53; color: #fff; padding: 1rem; text-align: center; width: 100%; display: block; } .subventions p, .subventions ul { color: #102B4E !important; } .subventions hr { border: 1px solid #102B4E !important; margin-top: 3rem !important; margin-bottom: 3rem !important; } .subvention { text-align: center; margin: 2rem 0 !important; } .subventions h3 p>strong { padding-left: 2rem !important; } div.section_subventions { margin-top: 3rem; } .ford_admissibles { background: #eee; padding: 1rem; } p.subvention{ margin: 1rem 0 2rem 0 !important; } div.ford_admissibles{ padding: 0.5rem 2rem !important; margin-top: 2rem !important; } .footer__mobile-social .footer__logo-link { margin: 2rem 0; } .accessoires_ford p, .roadside p { padding-right: 0!important; } .lp_fordpass .fordpass_threecol h3 { text-align: center!important; margin-top: 1rem; color: #102B4E; text-transform: uppercase; font-size: 16px; } .lp_fordpass .fordpass_threecol p { text-align: center!important; } .liens-mobile { margin-top: 2rem; } .liens-mobile a { text-decoration: none;background-color: #102B4E;color: white!important;text-align: center;width: 100%;padding: 1rem;margin-bottom: 2rem;text-decoration: none!important; } .alexa_sync4 .download-app a { margin-top: 0; } .alexa_sync4 .contact { padding: 0!important; } @media(max-width: 767px) { .sync4 .sync4-icons img { width: 32%; max-width: 92px!important; margin-bottom: 0; } } @media(min-width: 768px) { .alexa_sync4 .download-app a img { width: 75%; height: 72px!important; object-fit: cover!important; } .sync4 .sync4-icons img { width: 32%; max-width: 92px!important; margin-bottom: 0; } } @media(max-width: 767px) { .alexa_sync4 h2 { margin-top: 2rem; } .sync4 .sync4-icons { display: flex; flex-flow: row wrap; } .sync4 .sync4-icons div { width: 50%; } } @media(max-width: 767px) { .lp_fordpass #video { height: 360px!important; } } .rewards .zone-grise { background-color: #eee; } .coPilot360_2 h2 { margin-top: 2rem; } .coPilot360_2 div[style='background-color: #eee;padding: 2rem;margin-top: 1rem'] { margin-top: 2rem!important; } .page_ve h2 { margin-bottom: 2rem; } .page_ve h3 { margin-bottom: 1rem; } .page_ve h4 { font-size: 2rem!important; } .fordprotect div.intro p { padding-right: 0!important; } .roadside .sync4-icons img { margin-bottom: 0; max-width: 92px!important; } .roadside .sync4-icons { margin-top: 0; } @media(max-width: 767px) { .roadside .sync4-icons div { margin-bottom: 0; } } .page-id-2811 .page-title, .page-id-3250 .page-title, .page-id-2809 .page-title, .page-id-2786 .page-title, .page-id-2876 .page-title, .page-id-2886 .page-title, .page-id-2888 .page-title, .page-id-2803 .page-title, .page-id-2806 .page-title, .page-id-3352 .page-title, .page-id-2845 .page-title, .page-id-2849 .page-title, .page-id-2847 .page-title, .page-id-2851 .page-title, .page-id-3738 .page-title, .page-id-3428 .page-title, .page-id-2782 .page-title, .page-id-3799 .page-title, .page-id-3746 .page-title, .page-id-2774 .page-title, .page-id-2853 .page-title, .page-id-2778 .page-title, .page-id-2780 .page-title { display: inherit!important; } .page-id-3738 .page-title, .page-id-3746 .page-title, .page-id-3799 .page-title, .page-id-4427 .page-title { background-image: url(https://fordtadvantage-com.cdn-convertus.com/uploads/sites/85/2023/06/DAC_HeaderGenerique_Decouvrez_1920x225.jpg); } @media(max-width: 767px) { #landingpage_im .how-it-works_content { align-items: flex-start; } .le-plan-icons { display: flex; flex-flow: row wrap; } .le-plan-icons div { width: 50%; padding: 1%; } #landingpage_im .how-it-works_content--item { width: 30%!important; margin: 1%; } #landingpage_im .how-it-works_content--item p { margin: 0!important; } #landingpage_im .how-it-works_content--item h3 { display: none; } #landingpage_im .how-it-works_content--item a { background-color: transparent!important; color: black!important; } } #landingpage_im iframe { border: none; width: 100%; height: 500px; margin-bottom: 2rem; } @media(max-width: 767px) { #landingpage_im iframe, .landingpage_im iframe, .no-border, .galerie_photo { height: 4000px!important; } } @media(max-width: 767px) { #landingpage_im .summary p { margin-bottom: 20px; } .hidden-desktop { display: none; } } @media(min-width: 768px) { .hidden-mobile { display: none; } } .no-border { border: none; } .page-id-3738 .page-title, .page-id-3746 .page-title { display: none; } .page-template-default .page-title { display: none; } #landingpage_im #order h2 { color: black!important; } /* Salle de montre */ .showroom_agf .alfred_testdrive { background-color: #38A9E7!important; } .showroom_agf .alfred_unavailable:before, .showroom_agf .alfred_testdrive:before { content: "\f622"; font-family: "Font Awesome 5 Pro"; width: 22px; height: 22px; margin-right: .5rem; } .showroom_agf .alfred_unavailable { background-color: #ddd!important; cursor: inherit!important; border: none; font-size: 16px; width: 100%; } .showroom_agf .alfred_unavailable:hover { opacity: inherit!important; } .showroom_agf .intro { line-height: 1.3; } .showroom_agf div.img-header { width: 100%; } .showroom_agf div.img-header img { width: 100%; } .showroom_agf div.intro h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } @media only screen and (max-width: 768px) { .showroom_agf div.intro p { padding: 0; } } .showroom_agf h1, .showroom_agf h2, .showroom_agf h3 { color: #1f2f53; } .showroom_agf .vehicles { margin-bottom: 4rem; justify-content: inherit!important; } .showroom_agf .vehicle { border: 1px solid #eee; border-radius: 1rem; padding: 1rem; text-align: center; margin: .5%!important; } .showroom_agf .vehicle-details-image { margin-bottom: 1rem; width: 100%!important; } .showroom_agf .vehicle-details-title { background: none!important; color: #1f427c!important; } /*.showroom_agf .vehicle-details p { display: none; }*/ .showroom_agf .vehicle-details-price { display: inherit!important; padding-right: 0!important; margin-bottom: 0!important; text-align: center!important; } .showroom_agf .vehicle-button { display: block!important; background-color: #174790; color: white!important; padding: 0.5rem 1rem; text-transform: uppercase; border-radius: 1rem; text-decoration: none!important; } .showroom_agf .vehicle-button:first-of-type { margin-bottom: .5rem; } .showroom_agf .vehicle-button:hover { text-decoration: none; opacity: 0.8; } @media(max-width: 767px) { .showroom_agf .hidden-mobile { display: none; } .showroom_agf .vehicle { margin-bottom: 1rem; width: 100%; } } @media(min-width: 768px) { .showroom_agf .hidden-desktop { display: none; } .showroom_agf .vehicles { display: flex; flex-flow: row wrap; } .showroom_agf .vehicle { width: 48%; margin: .5%; display: flex; flex-direction: column; justify-content: space-between; } } @media(min-width: 981px) { .showroom_agf .vehicle { width: 24%!important; } } /* Landing page Guide de remorquage */ .guide_de_remorquage p { padding-right: 0!important; } .guide_de_remorquage blockquote { padding-left: 1rem; border-left: 3px solid #102B4E; font-style: italic; } .guide_de_remorquage ul { padding-left: 1rem; margin-bottom: 2rem; color:#1f2f53; } .guide_de_remorquage li { margin-bottom: .5rem; } .guide_de_remorquage h3 { margin-top: 2rem; margin-bottom: 1rem; text-decoration: underline; color:#1f2f53; } .guide_de_remorquage .text-center a { background: #102B4E; color: white; padding: 0.5rem 1rem; display: inline-block; transition: .5s ease; margin-bottom: 2rem; } .guide_de_remorquage .text-center a:hover { transition: .5s ease; opacity: .8; text-decoration: none; } .guide_de_remorquage .d-none { display: none; } @media(min-width: 768px) { .guide_de_remorquage .d-md-none { display: none; } .guide_de_remorquage .d-md-block { display: block; } } /* Landing page Alexa */ @media(min-width: 992px) { .alexa_sync4 .row { display: flex; } .alexa_sync4 .row a { width: 25%; } } @media(max-width: 991px) { .alexa_sync4 .row { text-align: center; } .alexa_sync4 .col-6 { width: 50%!important; max-width: none!important; flex: none!important; } .alexa_sync4 .download-app a img { height: inherit!important; width: 50%!important; } } .alexa_sync4 .row span.mt-3 { background: #102B4E; color: white!important; padding: 0.5rem 1rem; display: inline-block; margin-bottom: 2rem; margin-top: 1rem; } .alexa_sync4 .row a { transition: .5s ease; } .alexa_sync4 .row a:hover { opacity: .8; transition: .5s ease; } .alexa_sync4 .download-app img { display: inherit!important; } @media(min-width: 768px) { .alexa_sync4 .download-app { display: flex; justify-content: space-evenly; text-align: center; align-items: center; } } .alexa_sync4 .download-app { margin-bottom: 50px; } .alexa_sync4 .download-app a { text-align: center; display: flex; justify-content: center; } .alexa_sync4 .download-app a img { height: 60px; object-fit: contain; } .section-banner { position: relative; } .section-banner img { filter: brightness(0.5); } .job-title { margin-bottom: 1rem; } .section-banner span { position: absolute; left: 3rem; font-size: 3rem; color: white; top: 50%; transform: translatey(-50%); } @media(min-width: 768px) { .sync4-two-col-text h2 { margin-top: 0!important; } } .bloc_important { margin-top: 2rem; margin-bottom: 2rem; } .cp360-link { display: inline!important; } /*.button-block-button__background, .button-block-button, .button-block-widget__content, .button-block-widget { margin: 0!important; }*/ /* equal height SRP fix */ @media screen and (min-width: 991px){ .grid-row{ row-gap: 5rem; align-items: stretch; } .grid-view .vehicle-card{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 0; align-items: stretch; } .grid-view .vehicle-card__no-price{ padding-left: 1rem; font-weight: 400; } } /** VDP V4 Image styling ***/ .vdp-wrapper .photo-gallery__image--main{ min-height: 0; } .vdp-wrapper .photo-gallery__image img{ position: relative; object-fit: contain; } .vdp-wrapper .photo-gallery__image{ min-height: 0; } /*Mustang et versions*/ .liens-desktop { justify-content: space-between; } .liens-mobile a { display: block; } .legend { padding-top: 1rem; font-size: 0.9rem; } @media(min-width: 451px) { .mobile{ display: none; } .desktop{ display: block; } #mobile{ display:none; } #desktop{ display: flex; } .btn_inventaire{ display:inline-block; margin-bottom: 2em; } .vehicles { display: flex; justify-content: space-between; flex-flow: row wrap; margin: 3rem 0; } .vehicle { width: 30%; } } @media(max-width: 565px) { div.liens-desktop>a{ font-size: 0.7rem !important; } } @media(max-width: 450px) { #desktop{ display: none; } .mobile{ display: block; } .desktop{ display: none; } } /* Comparaison camions */ @media(min-width: 768px) { div#landingpage_im .vehicles { display: flex; justify-content: space-between; flex-flow: row wrap; } div#landingpage_im .vehicle { width: 48%; } } div#landingpage_im .vehicle { margin: 2rem 0; } div#landingpage_im .vehicle h3 { background-color: #102B4E; padding: 1rem; color: white; margin-bottom: 1rem; } div#landingpage_im .vehicle img { width: 100%; } div#landingpage_im .infos { margin-top: 1rem; background: #eee; padding: 2rem; text-align: justify; } div#landingpage_im .vehicle ul { padding-left: 1rem; } div#landingpage_im .vehicle a, div#landingpage_im .vehicle button { display: block; margin: 1rem 0; text-decoration: underline; color: #102b4e; font-weight: bold; } div#landingpage_im .vehicle ul a { display: inline!important; } div#landingpage_im .vehicle .desc { text-align: justify; width: 100%; } /* Véhicules électriques */ @media(max-width: 767px) { .ev-explanation, .ev-models { display: block!important; } .ev-explanation-image img { width: 65%; justify-content: center; display: flex; margin: 0 auto !important; } .ev-model { width: 90%!important; margin-bottom: 70px!important; } } .ev-type { margin: 40px auto; } .ev-explanation { background-color: #eeeeee; display: flex; justify-content: space-between; margin-bottom: 2rem; } .ev-explanation-image, .ev-explanation-text { padding: 2rem; } .ev-explanation-text h3 { margin-bottom: 1.25rem !important; } .ev-explanation-text ul { line-height: 1.5; padding-left: 0.9rem; } .ev-models { display: flex; /*flex-flow: row wrap;*/ } .ev-model { margin: 1rem; width: 30%; } .ev-model img { width: 100%; } .ev-model h4 { margin-top: 15px!important; margin-bottom: 30px!important; font-size: 2.4rem; color: #1F2F53 !important; } .ev-model a { background-color:#1F2F53!important; padding:10px 20px!important; color: white!important; } .ev-model a:hover { color: white!important; text-decoration: none!important; } /* LP modèle */ #landingpage_im .specs h2 { margin-top: 0!important; } #landingpage_im ul { padding-left: 0!important; } #landingpage_im iframe { border: none; } /* LP Explorer */ #landingpage_im iframe { border: none; margin-top: 1em; } div.how-it-works_content { display: flex!important; flex-wrap: wrap!important; justify-content: space-around!important; margin-bottom: 30px!important; } div.how-it-works_content--item { width: 25%!important; display: flex!important; flex-direction: column!important; justify-content: center!important; align-items: center!important; flex: 1 1 auto!important; } div.how-it-works_content--item img { width: 35%!important; } div.how-it-works { text-align: center!important; } div.how-it-works a{ display: inline-block!important; background: #1f2f53!important; text-transform: uppercase!important; width: 100%!important; padding: 20px 0!important; color: white!important; text-decoration: none!important; font-size: 1em!important; } div.how-it-works a:hover { background: #066FEF!important; color: white!important; text-decoration: none!important; } div.how-it-works h3{ margin-top: 0px!important; font-size: 1.2em!important; height: 40px; display: flex; justify-content: center; align-items: center; } div.how-it-works p{ margin-top: 20px!important; width: 100%; } @media only screen and (max-width: 768px) { div.how-it-works_content--item img { width: 35%!important; margin-top: 1rem!important; } div.how-it-works_content--item { width: 100%!important; } } @media(min-width: 768px) { div.how-it-works a { padding: 20px!important; display: flex!important; justify-content: center!important; align-items: center!important; height: 60px!important; } div.how-it-works_content--item:nth-of-type(2) { margin: 0 25px!important; } } .hidden-on-mobile { width: 100%; } @media(min-width: 768px) { .hidden-on-mobile { display: none; } } .intro { line-height: 1.3; } @media (min-width: 960px) { .customform_msg { width: 304px; } } @media (min-width: 960px) { .customform_msg { width: 304px; } } div#landingpage_im .gallery_content { margin-top: 2em; margin-bottom: 2em; display: flex; flex: 2; justify-content: center; padding: 1em; background-color: lightgrey; } div#landingpage_im .gallery_content figure { max-width: 25%; height: auto; margin: 1em; } div#landingpage_im .gallery_content figure:hover { opacity: 0.4; } div#landingpage_im .gallery_content figure img { width: 100%; } div#landingpage_im div.img-header { width: 100%; } div#landingpage_im div.img-header img { width: 100%; } div#landingpage_im div.intro h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } div#landingpage_im div.intro p { padding-right: 5%; margin-bottom: 20px; } div#landingpage_im div.characteristics { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } .lp_f150 div.characteristics { width: 100%!important; } div#landingpage_im div.characteristics div.summary { width: 60%; } div#landingpage_im div.characteristics div.summary div { margin-bottom: 1em; } div#landingpage_im div.characteristics div.summary div ul { padding-left: 5%; } div#landingpage_im div.characteristics div.summary div img { display: none; } div#landingpage_im div.characteristics div.summary p.mention { font-style: italic; color: gray; margin-top: 1em; } div#landingpage_im div.characteristics div.specsContainer { width: 40%; } @media(min-width: 768px) { div#landingpage_im div.characteristics div.specsContainer { margin-top: 4rem; } } div#landingpage_im #formulaire { background-color: #102B4E!important; } div#landingpage_im div.characteristics div.specsImage { margin-bottom: 0!important; } div#landingpage_im div.characteristics div.specs { padding: 1em; margin-top: 0!important; background: #102B4E!important; } div#landingpage_im div.characteristics div.specs h2 { color: white; margin-bottom: 10px; } div#landingpage_im div.characteristics div.specs ul { padding-left: 5%; } div#landingpage_im div.characteristics div.specs ul li { color: white; margin-bottom: 10px; font-size: 16px; } div#landingpage_im div.how-it-works_content { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px; } div#landingpage_im div.how-it-works_content--item { width: 20%; display: flex; flex-direction: column; justify-content: center; align-items: center; } div#landingpage_im div.how-it-works_content--item img { width: 50%; } div#landingpage_im div.how-it-works { text-align: center; } div#landingpage_im div.how-it-works p { text-align: center; } div#landingpage_im div.how-it-works a { display: inline-block; background: #2a68a6; text-transform: uppercase; width: 100%; padding: 20px 0; color: white; text-decoration: none; font-size: 0.8rem; } div#landingpage_im div.how-it-works h3 { margin-top: 20px; font-size: 1.2rem; } div#landingpage_im div.how-it-works p { margin-bottom: 20px; } @media only screen and (max-width: 768px) { div#landingpage_im div.intro p { padding: 0; } div#landingpage_im div.characteristics { flex-wrap: wrap; } div#landingpage_im div.characteristics div.summary { width: 100%; } div#landingpage_im div.characteristics div.specs { width: 100%; } div#landingpage_im div.gallery_content { flex-wrap: wrap; } div#landingpage_im div.gallery_content figure { max-width: 85%; } div#landingpage_im div.how-it-works_content--item { width: 100%; } div#landingpage_im div.how-it-works_content--item img { width: 65%; } div#landingpage_im div.characteristics div.summary div img { display: block; width: 100%; } div.specsContainer { width: 100% !important; } } /* Accessoires Ford */ /* section avec background */ .section-with-bg { background-color: #eeeeee; padding: 2rem; } .section-with-bg h2, .section-with-bg h3 { text-align: center; margin-bottom: 2rem !important; } /* section sur 3 colonnes en desktop */ @media (min-width:768px) { .section-with-col { display: flex; justify-content: space-between; flex-flow: row wrap; } .section-with-col-center { display: flex; justify-content: center; flex-flow: row wrap; } .col-with-icon, .col-with-img { width: 30%; } .col-as-link { width: 25%; } } /* colonne avec icone et texte */ .col-with-icon { display: flex; flex-direction: column; align-items: center; } .col-with-icon img { width: 30% !important; } @media (max-width:767px) { .col-with-icon img { width: 15% !important; margin-top: 2rem; } } .title-icon { text-transform: uppercase; color: #1f2f53; text-align: center; font-weight: bold; margin-top:2rem !important; } .text-icon { text-align: center; } .text-icon a { color: #1f2f53; font-weight: bold; text-decoration: none; } /* colonne avec image et texte */ .col-with-img { display: flex; flex-direction: column; align-items: center; } .col-with-img h3 { margin-top:2rem; margin-bottom:1rem; text-align: center; } .col-with-img img { width:100%; } @media (max-width:767px) { .col-with-img img { margin-top: 2rem; } } .col-with-img .img-details { text-align: center; width:100%; } /* colonne avec img et lien*/ .col-as-link { display: flex; flex-direction: column; align-items: center; } @media (min-width:768px) { .col-as-link { margin-left:1rem; margin-right:1rem; } } .col-as-link img { width:100%; } @media (max-width:767px) { .col-as-link img { margin-top: 2rem; } } /* Assistance routière */ .roadside .sync4-icons img { max-width: 128px; } @media(min-width: 768px) and (max-width: 980px) { .roadside .sync4-icons div { width: 32%; } } @media(max-width: 767px) { .roadside .sync4-icons { display: flex; flex-flow: row wrap; justify-content: space-between; } .roadside .sync4-icons div { width: 48%; } } .roadside .center-div p { text-align: center!important; } .roadside .center-div a { display: inline-block; } /* Pièces Ford */ a.fordpass-trader{ background-color: none !important; padding: none !important; color: none !important; } div#pieces-ford .intro { line-height: 1.3; } div#pieces-ford div.img-header { width: 100%; } div#pieces-ford div.img-header img { width: 100%; } div#pieces-ford div.intro h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } @media only screen and (max-width: 768px) { div#pieces-ford div.intro p { padding: 0; } } div#pieces-ford h1, div#pieces-ford h2, div#pieces-ford h3 { color: #1f2f53; } div#pieces-ford section { margin: 2rem auto; } div#pieces-ford ul { padding-left: 1rem; } div#pieces-ford a { background-color: #102B4E; padding: 1rem; color: white; display: inline-block; } div#pieces-ford a:hover { text-decoration: none!important; opacity: 0.8; } div#pieces-ford div.promo { background-color: #174790; padding: 1rem 2rem; margin-bottom: 3rem; color: white; margin-top: 0; } @media(min-width: 768px) { div#pieces-ford section { display: flex; justify-content: space-between; } div#pieces-ford section div, div#pieces-ford section img { width: 48%; } } div#pieces-ford div.contact { padding: 20px; color: white; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://admin.d2cmedia.ca/assets/siteImages/1414/ckfinder/images/ford-parts/ford_protect.jpeg"); background-repeat: no-repeat; background-size: cover; background-position: 50%; } @media (min-width: 960px) .customform_msg { width: 304px; } @media(max-width: 959px) { .pieces-origine-ford { margin-bottom: 2rem!important; } .promo { margin: 0!important; } .garantie-pieces { margin-top: 1rem!important; } .deux-boutons { display: flex!important; justify-content: space-between!important; } .deux-boutons a { width: 48%; text-align: center; } } @media(min-width: 767px) and (max-width: 959px) { .deux-blocs-gris .bloc-gris { height: 55vw; display: inline; } div#pieces-ford .promo { margin-bottom: 3rem!important; } } @media(max-width: 767px) { .plan-protection-ford { display: flex!important; flex-direction: column-reverse!important; } .plan-protection-ford h3 { margin-top: 1rem!important; } } /* Ford Protect */ .programme { border: 1px solid #102B4E; border-radius: 30px; padding: 1.5rem 2rem; margin-bottom: 2rem; } .programme h3 { color: #102B4E; border-bottom: 1px solid #102B4E; padding-bottom: 0.5rem; } .programme-gras { color: #102B4E; margin-bottom: 0.5rem!important; } .programme-bleu { background-color: #102B4E; color: white; } .programme-bleu h3, .programme-bleu .programme-gras { color: white; } .programme-bleu h3 { border-bottom-color: white; } .programme-pourquoi { background-color: #eee; padding: 2rem; } .programme-pourquoi-raison { margin-top: 1rem; margin-bottom: 1rem; } .programme-pourquoi-raison p { padding-right: 0!important; } .programme-pourquoi-raison img { max-width: 72px; } .programme-pourquoi-raison a { color: #102B4E!important; text-decoration: none; } .programmes-lien { background-color: #102B4E!important; color: white!important; text-align: center; text-decoration: none!important; padding: 1rem; } @media(max-width: 767px) { .programme-pourquoi-raison, .programme-pourquoi-raison p { text-align: center!important; } } @media(max-width: 768px) { .programme-pourquoi-raison, .programme-pourquoi-raison p { text-align: center!important; } .programme-pourquoi-raison img { margin-bottom: 1rem; } .programme-twocol img { width: 100%; } .programmes-lien { display: block; margin-top: 1rem; margin-bottom: 1rem; } } @media(min-width: 768px) { .programmes { display: flex; flex-flow: row wrap; justify-content: space-between; } .programme { width: 31%; display: flex; flex-direction: column; justify-content: center; } .programme-pourquoi-raison { display: flex; align-items: center; } .programme-pourquoi-raison p { margin-left: 2rem; margin-bottom: 0!important; } .programme-twocol { display: flex; justify-content: space-between; } .programme-twocol-left { padding-right: 1rem; } .programmes-twocol .programme { width: 48%; } .programmes-liens { display: flex; justify-content: space-around; } .programmes-lien { width: 32%; } } /* Page Achat/Location */ div.achat_location div.img-header, div.achat_location div.img-header img { width: 100%; } div.achat_location h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } div.achat_location h2 { margin-bottom: 2rem; } div.achat_location p { line-height: 1.5; padding-right: 1rem; } @media only screen and (max-width: 768px) { div.achat_location{ padding: 0 15px; } div.achat_location p { padding: 0; } } div.achat_location h1, div.achat_location h2 { text-transform: uppercase; text-align: center; } div.achat_location h1, div.achat_location h2, div.achat_location h3 { color: #1f2f53; } div.achat_location li { list-style-type: inherit!important; margin: .5rem auto; } div.achat_location ul { padding-left: 1rem; } div.achat_location h2 { margin-top: 3rem!important; } div.achat_location strong { color: #174790; line-height: 1.5!important; } div.achat_location .deux-colonnes p { text-align: justify; } div.achat_location .avantages div { padding-right: 1rem; padding-left: 1rem; padding-bottom: 1rem; } div.achat_location .avantages { background-color: #eee; } /* Deux colonnes */ @media(max-width: 767px) { div.achat_location .avantages { background-color: none; } div.achat_location .container { width: 100%!important; max-width: none!important; padding: 0!important; } div.achat_location .benefits { background-color: #eee; } } @media(min-width: 768px) { div.achat_location .deux-colonnes { display: flex; justify-content: space-between; margin: 1rem auto; } div.achat_location .deux-colonnes p, div.achat_location .deux-colonnes div { width: 49%; } div.achat_location .avantages { align-items: center; } div.achat_location .avantages img { width: 100%; height: 100%; object-fit: cover!important; } div.achat_location .container { align-self: stretch; padding: 0!important; margin: 0!important; } } @media(max-width: 767px) { div.achat_location .deux-colonnes img { margin-bottom: 1rem; } div.achat_location .avantages h3 { margin-top: 1.5rem!important; } } /* Boutons */ @media(min-width: 768px) { div.achat_location .boutons { display: flex; justify-content: space-evenly; flex: 1 1 0px; } div.achat_location .boutons a { width: 30%; display: flex; justify-content: center; align-items: center; } } @media(max-width: 767px) { div.achat_location .boutons a { display: block; margin-top: 1rem; } } div.achat_location .boutons { margin-bottom: 4rem; } div.achat_location .boutons a { background-color: #102b4e!important; color: white!important; padding: 1rem; text-decoration: none!important; margin-top: 1rem; text-transform: uppercase; text-align: center; } div.achat_location .boutons a:hover { opacity: 0.8; } /* Contact */ div.achat_location div.contact { margin-top:2rem; padding: 20px; color: white; background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://admin.d2cmedia.ca/assets/siteImages/1414/ckfinder/images/buy-lease/page_achatlocation_formulairecontact_1440x960.jpg"); background-size: cover; background-position: 50% 50%; } div.achat_location div.contact h2 { margin: 1rem 0!important; } div.achat_location div.contact a { display: inline-block; background: #2a68a6; text-transform: uppercase; width: 100%; padding: 20px 0; color: white; text-decoration: none; text-align: center; } @media only screen and (max-width: 768px) { } /* Centre du pneu Ford */ /* Deux colonnes, trois colonnes et quatre colonnes */ @media(min-width: 768px) { .deux-colonnes, .trois-colonnes, .quatre-colonnes { display: flex; justify-content: space-between; flex-flow: row wrap; } .trois-colonnes div { width: 31%; } .quatre-colonnes .colonne { width: 47%; } } .deux-colonnes, .trois-colonnes, .quatre-colonnes, .pneus, .magasiner-pneus { margin: 3rem auto; } .deux-colonnes .left { width: 39%; } @media(max-width: 767px) { .deux-colonnes .left, .deux-colonnes .right { width: 100%!important; } .deux-colonnes .left img { margin-bottom: 30px; } .deux-colonnes .right { margin-bottom: 50px; } } .deux-colonnes .left img, .trois-colonnes img { width: 100%; } .trois-colonnes img { margin-bottom: 1rem; } .deux-colonnes .right { width: 59%; } .deux-colonnes .right a, .magasiner-pneus a, .trois-colonnes a { background-color: #102B4E!important; color: white!important; padding: 1rem; text-decoration: none; display: inline-block; } .quatre-colonnes .blockquote { border-left: 5px solid #112b4d; padding-left: 1rem!important; font-size: 1em; } .trois-colonnes, .quatre-colonnes { line-height: 1.4!important; } .trois-colonnes h3, .quatre-colonnes h3 { text-align: center; margin: 1rem; min-height: 65px; align-items: center; display: flex; justify-content: center; } .trois-colonnes p, .quatre-colonnes p { text-align: justify; } .quatre-colonnes img { width: 40%; } /* Détails */ .details-hidden { display: none!important; } /* Pneus */ .pneus a { background-color: transparent!important; margin: 0!important; width: 48%; } .pneus img { width: 100%; } .pneus { display: flex; justify-content: center; flex-flow: row wrap; } @media(min-width: 768px) { .pneus a { width: 20%; } } /* Page Le Plan */ @media(min-width: 768px) { .le-plan-icons div { width: 24%!important; margin-left: .5%; margin-right: .5%; } } .leplan-fiche-img { width: 90%!important; } .responsive-container-100 { padding-bottom: 30px; } .leplan-link { color: white!important; text-decoration: none!important; background-color: #102B4E!important; padding: 1rem; margin-top: 30px; display: inline-block; } .sync4-intro { text-align: center; padding-right: 0; margin-bottom: 80px; padding-right: 0!important; } .sync4-icons { margin-top: 50px; padding: 1rem; } .sync4-icons div, .sync4-icons p { text-align: center!important; } .sync4-icons img { margin-bottom: 30px; width: 50%; margin-left: auto; margin-right: auto; } .sync4-icons p { padding-right: 0!important; text-transform: uppercase; font-weight: bold; color: #102B4E; } .sync4-two-col-left, .sync4-two-col-right { margin-top: 30px; } .sync4-two-col-img img { width: 100%; } .sync4-text-zone { background-color: #eee; padding: 2rem!important; margin-top: 30px!important; } @media(max-width: 767px) { .sync4-icons div { margin-bottom: 50px; } } @media(min-width: 768px) { .sync4-icons { display: flex; justify-content: center; flex-flow: row wrap; } } @media(min-width: 768px) and (max-width: 980px) { .sync4-icons div { width: 48%; } } @media(max-width: 980px) { .leplan-fiche-img { margin-bottom: 30px!important; } .sync4-icons div img { width: 25%!important; } } @media(min-width: 981px) { .sync4-two-col-left, .sync4-two-col-right { padding-top: 2rem!important; padding-bottom: 2rem!important; } .sync4-icons div { width: 32%; } .sync4-two-col-left, .sync4-two-col-right { display: flex; justify-content: space-between; flex-flow: wrap; } .sync4-two-col-left { flex-direction: row-reverse; } .sync4-two-col-text, .sync4-two-col-img { width: 49%; } } /* LP SYNC4 */ @media(min-width: 992px) { .sync4 .sync4-icons div { width: 24%; } } .sync4-intro { text-align: center; padding-right: 0; margin-bottom: 80px; padding-right: 0!important; } .sync4-icons { margin-top: 50px; padding: 1rem; } .sync4-icons div { text-align: center; } .sync4-icons img { margin-bottom: 30px; width: 50%; margin-left: auto; margin-right: auto; } .sync4-icons p { padding-right: 0!important; text-transform: uppercase; font-weight: bold; color: #102B4E; } .sync4-two-col-left, .sync4-two-col-right { margin-top: 30px; } .sync4-two-col-img img { width: 100%; } .sync4-text-zone { background-color: #eee; padding: 2rem!important; margin-top: 30px!important; } @media(max-width: 767px) { .sync4-icons div { margin-bottom: 50px; } } @media(min-width: 768px) { .sync4-icons { display: flex; justify-content: center; flex-flow: row wrap; } .app-links { display: flex; justify-content: space-around; } .app-links a { width: 48%; } } @media(min-width: 768px) and (max-width: 980px) { .sync4-icons div { width: 48%; } } @media(max-width: 980px) { .app-title h2 { padding-top: 30px!important; } .leplan-fiche-img { margin-bottom: 30px!important; } .sync4-icons div img { width: 32%!important; } } .sync4-icons div, .sync4-icons p { text-align: center!important; } @media(min-width: 981px) { .sync4-two-col-left, .sync4-two-col-right { padding-top: 2rem!important; padding-bottom: 2rem!important; } .sync4-icons div { width: 32%; } .sync4-two-col-left, .sync4-two-col-right { display: flex; justify-content: space-between; } .sync4-two-col-left { flex-direction: row-reverse; } .sync4-two-col-text, .sync4-two-col-img { width: 49%; } } @media(max-width: 767px) { .download-app { text-align: center; } .download-app a img { width: 50%; } } @media(min-width: 768px) { .download-app { display: flex; justify-content: space-between; text-align: center; } .download-app a { width: 48%; } } .download-app { margin-bottom: 50px; } .download-app a { text-align: center; } .download-app a img { width: 50%; } /* Landing pages */ div#landingpage_im div.img-header { width: 100%; } div#landingpage_im div.img-header img { width: 100%; } div#landingpage_im h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0 10px 0; } div#landingpage_im p { line-height: 1.5; } /* Landing page Ford Blue Cruise */ @media(min-width: 768px) { div#landingpage_im .bloc_important { width: 100%!important; } div#landingpage_im .bloc_image div { width: 66%; } div#landingpage_im .cruise_image { width: 33%!important; } } /*div#landingpage_im h2 { margin-top: 3rem!important; }*/ div#landingpage_im strong { color: #102B4E; } div#landingpage_im .bloc_image { margin: 2rem auto; } div#landingpage_im .bloc_image img { width: 100%; } div#landingpage_im .bloc_important { background-color: #eee; padding: 1rem!important; } div#landingpage_im .bloc_important p { margin-bottom: 0!important; } div#landingpage_im hr { border-color: black; } div#landingpage_im .bloc_conclusion { color: #102B4E; text-align: center; } div#landingpage_im .bloc_technologies { margin: 3rem auto; } div#landingpage_im .bloc_technologies img { width: 100%; margin-bottom: 1rem; } div#landingpage_im .bloc_technologies a { background-color: #102B4E; color: white; display: block; padding: 1rem; text-align: center; margin-bottom: 2rem; } div#landingpage_im .bloc_technologies a:hover { opacity: 0.8!important; color: white!important; text-decoration: none!important; } @media(max-width: 767px) { div#landingpage_im .bloc_image, div#landingpage_im .bloc_image img, div#landingpage_im .bloc_important { margin: 2rem 0; } } @media(min-width: 768px) { div#landingpage_im .bloc_image { display: flex; justify-content: space-between; } div#landingpage_im .bloc_technologies { display: flex; justify-content: space-between; } div#landingpage_im .bloc_technologies div { width: 31%; } } /* Page FordPass */ @media(min-width: 768px) { .fordpass_threecol, .fordpass_twocol { display: flex; justify-content: space-between; flex-flow: row wrap; } .fordpass_threecol div { width: 32%; margin-top: 2rem; } .fordpass_twocol div { width: 48%; margin-top: 2rem; } } .fordpass_threecol div, .fordpass_twocol div { margin-top: 2rem; } @media(min-width: 768px) { .comment-profiter { display: flex; justify-content: space-between; } } .comment-profiter { margin-top: 30px; } .comment-profiter .left { width: 39%; } @media(max-width: 767px) { .comment-profiter .left, .comment-profiter .right { width: 100%!important; } .comment-profiter .left img { margin-bottom: 30px; } .comment-profiter .right { margin-bottom: 50px; } } .comment-profiter .left img { width: 100%; } .comment-profiter .right { width: 59%; } .comment-profiter .right a, .zone-grise a { background-color: #102b4e; color: white!important; padding: 1rem; margin-top: 30px; text-decoration: none; } @media(max-width: 767px) { .zone-grise { padding: 2rem 2rem 1rem 2rem!important; } .zone-grise div { margin-bottom: 40px; } .download-app { text-align: center; } .download-app a img { width: 50%; } } @media(min-width: 768px) { .zone-grise { display: flex; justify-content: space-between; } .zone-grise div { width: 48%; } .download-app { display: flex; justify-content: space-between; text-align: center; } .download-app a { width: 48%; } } .zone-grise { background-color: lightgray; margin-top: 50px; padding: 2rem 2rem 3rem 2rem; } .zone-grise div { text-align: center; } .zone-grise p { margin-bottom: 30px; padding-right: 0!important; } .download-app { margin-bottom: 50px; } .download-app a { text-align: center; margin-top: 2rem; } .download-app a img { width: 50%; } main .gamme-maverick { margin: 1rem; } #landingpage_im p { text-align: left; } /* LP Rewards */ @media(min-width: 768px) { .rewards .right { margin-left: 2rem; } } .rewards .zone-grise p { text-align: center!important; } /* FordPass */ .lp_fordpass h2 span, .lp_fordpass h3 span { color: #1f2f53; font-weight: bold; font-size: 1.5em; } .lp_fordpass, .lp_fordpass span { font-size: 1.5rem; } /* Co-Pilot 360 */ .coPilot360_2 .bloc_image { margin: 2rem auto!important; } .coPilot360_2 .bloc_image img { width: 100%!important; } .coPilot360_2 .bloc_important { background-color: #eee!important; padding: 1rem!important; margin-bottom: 1rem!important; } .coPilot360_2 .bloc_important p { border-left: 3px solid #102b4e!important; padding: 0 0 0 1rem!important; margin-bottom: 0!important; } .coPilot360_2 .bloc_conclusion { color: #102b4e!important; text-align: center!important; } .coPilot360_2 .bloc_technologies { margin: 3rem auto!important; } .coPilot360_2 .bloc_technologies img { width: 100%!important; margin-bottom: 1rem!important; } .coPilot360_2 .bloc_technologies a { background-color: #102b4e!important; color: white!important; display: block!important; padding: 1rem!important; text-align: center!important; margin-bottom: 2rem!important; } .coPilot360_2 .bloc_technologies a:hover { opacity: 0.8!important; color: white!important; text-decoration: none!important; } @media(max-width: 767px) { .coPilot360_2 .bloc_image_droite p, .coPilot360_2 .bloc_image_gauche p { margin-top: 1rem!important; } .coPilot360_2 .bloc_image_gauche { display: flex!important; flex-direction: column-reverse!important; } } @media(min-width: 768px) { .coPilot360_2 .bloc_image { display: flex!important; } .coPilot360_2 .bloc_image p { width: 66%!important; } .coPilot360_2 .bloc_image .image { width: 33%!important; } .coPilot360_2 .bloc_image_droite p { margin-left: 1rem!important; margin-right: 0!important; } .coPilot360_2 .bloc_technologies { display: flex!important; justify-content: space-between!important; } .coPilot360_2 .bloc_technologies div { width: 31%!important; } } .coPilot360_2 .bloc_inclus li { padding-top: 1rem!important; padding-bottom: 1rem!important; list-style-type: none!important; padding-left: 0!important; border-bottom: 2px solid #102b4e!important; } .coPilot360_2 .bloc_inclus li:last-of-type { border-bottom: none!important; } /*Transit Connect 2022*/ .hidden-on-mobile { width: 100%; } @media(min-width: 768px) { .hidden-on-mobile { display: none; } } .intro { line-height: 1.3; } @media (min-width: 960px) { .customform_msg { width: 304px; } } @media (min-width: 960px) { .customform_msg { width: 304px; } } div#landingpage_im .gallery_content { margin-top: 2em; margin-bottom: 2em; display: flex; flex: 2; justify-content: center; padding: 1em; background-color: lightgrey; } div#landingpage_im .gallery_content figure { max-width: 25%; height: auto; margin: 1em; } div#landingpage_im .gallery_content figure:hover { opacity: 0.4; } div#landingpage_im .gallery_content figure img { width: 100%; } div#landingpage_im div.img-header { width: 100%; } div#landingpage_im div.img-header img { width: 100%; } div#landingpage_im div.intro h1 { width: 100%; text-align: center; text-transform: uppercase; margin: 1em 0; } div#landingpage_im div.intro p { padding-right: 5%; margin-bottom: 20px; } div#landingpage_im div.characteristics { display: flex; justify-content: space-between; align-items: flex-start; } div#landingpage_im div.characteristics div.summary { width: 57.614501186441%; } div#landingpage_im div.characteristics div.summary div { margin-bottom: 1em; } div#landingpage_im div.characteristics div.summary div ul { padding-left: 5%; } div#landingpage_im div.characteristics div.summary div img { display: none; } div#landingpage_im div.characteristics div.summary p.mention { font-style: italic; color: gray; margin-top: 1em; } div#landingpage_im div.characteristics div.specsContainer { width: 40.68259661017%; } @media(min-width: 768px) { div#landingpage_im div.characteristics div.specsContainer { margin-top: 20px; } } div#landingpage_im div.characteristics div.specs { padding: 1em; background: #0169aa; } div#landingpage_im div.characteristics div.specs h2 { color: white; margin-bottom: 10px; } div#landingpage_im div.characteristics div.specs ul { padding-left: 5%; } div#landingpage_im div.characteristics div.specs ul li { color: white; margin-bottom: 10px; font-size: 16px; } div#landingpage_im div.how-it-works_content { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 30px; } div#landingpage_im div.how-it-works_content--item { width: 20%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } div#landingpage_im div.how-it-works_content--item img { width: 50%; } div#landingpage_im div.how-it-works { text-align: center; } div#landingpage_im div.how-it-works a { display: flex; justify-content: center; align-items: center; background: #2a68a6; text-transform: uppercase; width: 100%; color: white; text-decoration: none; font-size: 0.8rem; } div#landingpage_im div.how-it-works h3 { margin-top: 20px; font-size: 1.2rem; } div#landingpage_im div.how-it-works p { margin-bottom: 20px; } @media only screen and (max-width: 768px) { div#landingpage_im div.intro p { padding: 0; } div#landingpage_im div.characteristics { flex-wrap: wrap; } div#landingpage_im div.characteristics div.summary { width: 100%; } div#landingpage_im div.characteristics div.specs { width: 100%; } div#landingpage_im div.gallery_content { flex-wrap: wrap; } div#landingpage_im div.gallery_content figure { max-width: 85%; } div#landingpage_im div.how-it-works_content--item { width: 100%; } div#landingpage_im div.how-it-works_content--item img { width: 65%; } div#landingpage_im div.characteristics div.summary div img { display: block; width: 100%; } div.specsContainer { width: 100% !important; } } /*h1, h2, h3 { color: #1f2f53; }*/ div#landingpage_im div.version { line-height: 1.5 !important; margin: 30px auto; text-align: center; } @media(min-width: 768px) { div#landingpage_im div.version { width: 24%; } div#landingpage_im div.versions { display: flex; flex-flow: row wrap; justify-content: space-between; } } div#landingpage_im div.version img { width: 100%; } div#landingpage_im div.version h3 { text-align: center; margin-bottom: 10px; } div#landingpage_im div.contact { padding: 20px; color: white; /*background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://fordtadvantage-com.cdn-convertus.com/uploads/sites/2/2022/07/TransitConnect_Ext_002.jpg");*/ background-size: cover; background-position: 50% 50%; } .broncoLink { margin-top: 20px; background-color: #0169aa; } .broncoLink img { width: 100%; object-fit: cover; max-height: 100px; margin-bottom: 5px; } .broncoLink p { text-align: center; } .broncoLink a { padding-bottom: 5px; display: block; color: white; text-decoration: none; text-align: center; } /* Infolettre */ @media(min-width: 768px) { .inscription-formulaire { max-width: 75%; margin: auto; } } #mc_embed_signup { clear: left; font: 14px Helvetica, Arial, sans-serif; } .mc-field-group { margin: 1rem auto; justify-content: space-between; max-width: 450px; } #mc_embed_signup_scroll .indicates-required { text-align: left; } #mc_embed_signup_scroll { border-top: 2px solid #102b4e; padding-top: 1rem; cursor: default; margin-top: 2rem; } #mc_embed_signup_scroll label { display: block; text-align: left; } #mc_embed_signup_scroll input { width: 100%; padding: 1rem; cursor: text !important; max-width: none; } #mc_embed_signup_scroll input[type=submit] { cursor: pointer !important; } #mc_embed_signup_scroll input[type=submit]:hover { opacity: .8; } #mc-embedded-subscribe { background-color: #102b4e; border: none; padding: .75rem 3rem !important; color: white; text-transform: uppercase; border-radius: 2rem; width: auto !important; margin-top: 2rem; } /* Page Emplois */ /* STYLE SPECIFIQUE À CETTE PLATEFORME */ .special-requirement { padding: 0.5rem; background-color: #102B4E; text-align: center; color: white; margin-top: -1rem!important; margin-bottom: 1rem; } .formulaire-commande label { color: white; margin: 1rem; text-align: left; } .formulaire-commande input[type=submit] { display: block; margin: 4rem 1rem 1rem 1.5rem; background-color: #0276b3; box-shadow: none; border: none; border-radius: 0; } .formulaire-commande a { color: white; text-decoration: underline; } #ventes h2, #service h2, #pieces h2, #administration h2 { margin-top:3rem; margin-bottom:3rem; color:#102b4e; } .application { margin-top: 2rem; } .application h4 { margin-bottom:1rem !important; } .intro p { text-align:center; } /* fin */ /* IMAGE */ /*div img { width: 100%; }*/ /* SPACING */ /*div { margin-top: 1rem; margin-bottom: 1rem; }*/ .section-banner { margin-top:3rem !important; } /* BUTTON */ .custom-button-primary { color: white; background-color: #102B4E; text-transform: uppercase; padding: 0.75rem 1rem; margin: 1rem; text-align: center; text-decoration: none; border-radius: 24px; } .custom-button-primary:hover { opacity: 0.7; color: white; } /* RESPONSIV */ /* responsiv row */ .responsiv-row { width: 100%; /*display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;*/ } .responsiv-row-center { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; } .responsiv-row-element { display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 150px; max-width: 35%; } /* VISIBILITY */ .hidden-mobile { display: block; } @media (max-width:767px) { .hidden-mobile { display: none; } } .hidden-desktop { display: block; } @media (min-width:768px) { .hidden-desktop { display: none; } } .hidden-content { display: none !important; } .hidden { display: none !important; } /* JOB OFFER */ .job-offer { width: 100%; margin-top: 2rem!important; margin-bottom: 2rem!important; } @media (min-width:768px) { .job-offer { display: flex; justify-content: space-between; align-items: flex-start; } .job-offer img { width: calc((100% * (1/4)) - .5rem)!important; object-fit: contain; } .job-offer-content { width: calc((100% * (3/4)) - .5rem)!important; margin-top: 0!important; } } @media (min-width: 992px) { .job-offer img { width: calc((100% * (1/3)) - .5rem)!important; } .job-offer-content { width: calc((100% * (2/3)) - .5rem)!important; } } .job-offer .job-img { border-radius: 6px; } .job-title { background-color: #102B4E; color: white; padding: 1rem; text-align: center; } @media(max-width: 991px) { .job-title { margin-bottom: 1rem!important; } } @media(max-width: 767px) { .job-title { display: none; } } .date, .job-number { font-weight: bold; color: #102b4e; } .view-description, .hide-description { font-weight: bold; color: #102b4e; margin: 1rem 0; } .detailed-job-description, .hide-description { display: none; } .detailed-job-description, .short-job-description { margin-top: 1rem; padding-top:1rem; border-top: 1px solid #102b4e; } .detailed-job-description-title { text-transform: uppercase; } .application { background-color: #eeeeee; padding: 2rem; border-radius: 6px; } .application h4 { font-weight: bold; } .application-contact, .application-tel { font-weight: bold; color: #102B4E; } .application-mail { color: #102B4E; font-weight: bold; text-decoration: none; } .application-mail:hover { color: #102B4E; opacity: 0.7; } .departments-buttons { text-align: center; } /* No Job */ .no-job { background-color: #eeeeee; padding: 2rem; border-radius: 6px; } .no-job h3 { font-size: 1.17em!important; margin-bottom: 1rem!important; } .no-job p { margin-bottom: 1rem!important; } .no-job p:last-of-type { margin-bottom: 0; } /* Page Implication */ @media(min-width: 768px) { .page-id-2811 .implication { display: flex; justify-content: space-between; } .page-id-2811 .implication-gauche, .page-id-2811 .implication-droite { width: 48%; } } @media(max-width: 767px) { .page-id-2811 .implication { display: flex; flex-direction: column-reverse; } .page-id-2811 .implication h2 { margin-top: 1rem; } } .page-id-2811 .implication p { margin: 1rem 0; } .page-id-2811 .implication a { background-color: #102b4e; color: white; padding: 1rem; display: inline-block; transition: 0.5s ease; } .page-id-2811 .implication ol { padding-left: 2rem; } .page-id-2811 .implication a:hover { opacity: .8; transition: 0.5s ease; } .page-id-2811 main hr { border-top: 1px solid rgba(0,0,0,0.1); } /* Page À propos */ .page-id-11 .primary-wrapper a { text-decoration: underline; } /* Header */ .header__nav-bar { max-width: 1440px; margin: auto; box-shadow: none; } .header__logo-link { margin-right: 0; } .header__info { margin-top: 1.75rem; align-items: center; } .header__info div, .header__info a { margin-bottom: 0; } .header__info .social-icon { margin-top: 0; margin-bottom: 0; background-color: #102B4E; color: white; transition: 0.5s ease; } .header__info .social-icon:hover { opacity: .8; transition: 0.5s ease; } @media(max-width: 990px) { .header__icons { align-items: center; } } @media(min-width: 991px) and (max-width: 1433px) { .header__info div, .header__info a { margin-top: 1rem; height: 24px; line-height: 24px; margin-right: 0!important; margin-left: 3.2rem; } .header__info .header__info-single--phone, .header__info .social-block { margin-top: 0!important; margin-left: 0!important; } } .header__text-link { background-color: #102B4E; color: white; padding: 0 1rem; transition: 0.5s ease; height: 24px; display: flex; align-items: center; justify-content: center; line-height: 24px; } .header__text-link i { margin-right: 4px; } .header__text-link:hover { opacity: .8; transition: 0.5s ease; color: white; } /* Accueil */ h1[convertus-data-id="about-widget__heading"] { padding-top: 2rem; } .about-widget__excerpt a { text-decoration: underline; } .home #testimonial_widget-3, .home #testimonial_widget-3:after { background-color: white; color: #102b4e; } div#about_widget-3 .about-widget__info-container { background: none!important; } div#about_widget-3 .about-widget__excerpt { padding-left: 0!important; } /*.home .button_block_widget-5, .home .custom-html-widget { max-width: 1440px; margin: auto; }*/ /* Blogue */ @media(min-width: 768px) { .page-id-19 .sidebar { margin-top: 0; } } .single-post .sidebar { margin-top: 0; } .single-post .blog-post__title { display: none; } .single-post img { margin: 2rem 0; } .single-post h2 { line-height: 1.15; margin-top: 2rem; } .single-post p { margin: 1rem 0; } .single-post .main a { text-decoration: underline; } .single-post ol { padding-left: 2rem; } .single-post hr { border-top: 1px solid rgba(0,0,0,0.1); } .blog-post__secondary-info { justify-content: flex-end; } .blog-post__cat-tags { display: none; } .header__nav-bar { padding: 0 1.6rem; } /*nav update*/ .header__nav-bar__top .header__info { padding-right: 5rem; } .header-search.vue-header-search {display: flex;align-items: center;height: 100%;} .header__main .navigation { align-items: center; } .header .menu-item { display: flex; align-items: center; justify-content: center; } .header .menu-item.menu-item-has-children>a:after { line-height: initial; } .header__nav { flex-direction: row; align-items: center; } .header-search__trigger--active, .header-search__trigger:hover { background-color: transparent; color: var(--color-primary-dark); } /*button block*/ .button-block-4 .button-block-widget .button-block-button__subheading { order: -1; display: block; margin-bottom: 0; } .button-block-4 .button-block-widget .button-block-button__heading-area { display: flex; flex-direction: column; } /*footer logo*/ .footer__logo { max-width:200px; /* background-color: #fff; */ } /* Personne ressource */ @media(min-width: 768px) { .im-intro-block { display: flex; justify-content: space-between; align-items: flex-start; } .im-intro-block div:first-of-type { width: 60%; } .im-intro-block div:first-of-type h1 { text-align: left!important; } .personne-ressource { width: 40%; margin-top: 6.5rem; margin-left: 2rem; } } .accroche-bleu { color: #2d96cd; text-transform: uppercase; font-size: 1.75rem; margin-bottom: .5rem!important; margin-top: 0!important; } @media(max-width: 981px) { .accroche-bleu { margin-bottom: 1rem!important; } } .personne-ressource { box-shadow: 0px 0px 20px 0px rgb(50 50 50 / 25%); padding: 2rem; } .personne-ressource hr { border: 1px solid #2d96cd!important; margin: 0; } .carte-ressource { display: flex; align-items: start; width: 100%!important; margin-top: .5rem!important; margin-bottom: 0; } .carte-ressource img { max-width: 100px; object-fit: cover; border-radius: 50%; margin-top: 1rem; } @media(max-width: 981px) { .carte-ressource img { margin-right: 2rem; } } .ressource-nom { font-weight: bold; font-size: 2rem; margin-bottom: 0!important; margin-top: 0!important; } .ressource-titre { font-size: 1em; color: #2d96cd; margin-bottom: 1rem!important; margin-top: 0!important; } .carte-ressource p { margin: 0!important; } .ressource-mail, .ressource-telephone { display: block; color: black; } .ressource-mail i, .ressource-telephone i { margin-right: .5rem; color: #2d96cd; } div#landingpage_im div.version { line-height: 1.5; margin: 30px auto; } @media(min-width: 768px) { div#landingpage_im .versionsBronco div.version { width: 30%; } div#landingpage_im div.versionsBronco { display: flex; flex-flow: row wrap; justify-content: space-between; } } div#landingpage_im div.version img { width: 100%; } div#landingpage_im div.version h3 { text-align: center; margin-bottom: 10px; } div#landingpage_im div.version ul { padding-left: 1rem!important; } /* Button Block */ .button-block-1 .button-block-widget{ padding:0; } .button-block-1 .wrapper{ max-width:100%; margin:0; } .button-block-1 .button-block-widget.dark .widget-heading { display:none; } .button-block-1 .button-block-widget__column{ min-height:50rem; } .button-block-1 .button-block-widget__row:first-child:not(:last-child) { margin: 0; } .button-block-1 .button-block-widget__column:first-child:not(:last-child){ margin:0; } .button-block-1 .button-block-widget .button-block-button:first-child:not(:last-child){ margin:0; } .button-block-1 .button-block-widget .button-block-button__cta{ display:none; } .button-block-button__heading-area{ position: absolute; bottom: 0; left: 0; padding: 2rem; background: rgba(2,118,179,0.75); padding-right: 0; padding-left: 2rem; height:7rem; display:flex; align-items:center; } .button-block-1 .button-block-widget .button-block-button__heading{ font-weight:lighter; font-size:1.8rem; width:80% } .button-block-1 .button-block-widget .button-block-button__cta{ display:none; } .button-block-1 .button-block-widget .button-block-button__background::after{display:none;} .button-block-1 .button-block-widget .button-block-button__heading-area:after { content: ''; height: 40px; width: 40px; position: absolute; right: 20px; bottom: 0; background: url(https://fordtadvantage-com.cdn-convertus.com/uploads/sites/2/2020/10/Button-Block-Arrow.png) no-repeat center; background-size: contain; bottom: 50%; transform: translateY(50%); } a.header__text-link[href*="lincoln"] { text-indent: -99999em; background: transparent url(https://fordtadvantage-com.cdn-convertus.com/uploads/sites/85/2023/06/Lincoln-Logo-Vector.svg) no-repeat scroll 0; display: block; background-size: contain; } a.header__text-link[href*="service"] { text-align: right; } /*about widget home-page*/ div#about_widget-3 .about-widget__excerpt { width: auto; padding: 2.4rem; } div#about_widget-3:after { display: none; } div#about_widget-3 .about-widget__info-container { background: rgba(255,255,255,0.7); width: 50%; } div#about_widget-3 { background-attachment: fixed; } div#about_widget-3 .widget-heading { line-height: 1; } /*srp detailed specs*/ .vehicle-card .detailed-specs { margin-right: 0; display: flex; flex-direction: column; align-items: stretch; align-content: stretch; flex-wrap: nowrap; } .detailed-specs.inline-view .detailed-specs__single, .grid-view .detailed-specs__single { display: flex; } .detailed-specs.inline-view .detailed-specs__single:not(:last-child):after, .grid-view .detailed-specs__single:not(:last-child):after { display: none; } .detailed-specs__single, .detailed-specs__single-container { flex-grow: 1; text-align: center; } .detailed-specs__label { text-align: center; } a.gtm_print.window_sticker_print span { font-size: 0; } a.gtm_print.window_sticker_print span:before { font-size: 1.4rem; content: "Étiquette de vitre"; } /*fine tuning*/ .footer__main { padding: 2rem; } /*newsletter*/ .wpcf7-form, .wpcf7-form__wrapper { width: 100%; } #mc_embed_signup { width: 100%; } .garage-drawer { top: 50%; } .footer.dark .contact-block__link strong { min-width: fit-content; } :lang(fr-ca) .model-overview-widget__cta a:before { content: "Configurer"; font-size: 1.6rem; } :lang(fr-ca) .model-overview-widget__cta a { font-size: 0; } /*achter votre véhicule*/ .page-id-3036 .usp-3 .usp-widget__icon-wrap { background-color: var(--color-primary); border-radius: 50%; width: 8.1rem; height: 8.1rem; margin-bottom: 4.2rem; justify-content: center; display: flex; align-items: center; } .page-id-3036 .usp-3 .usp-widget__icon--fa { color: #fff; } .page-id-3036 .widget-heading--centered:after { display: none; } .page-id-3036 .usp-3 .usp-widget__single { padding: 0; text-align: left; } .page-id-3036 .usp-3 .usp-widget__description, .usp-3 .usp-widget__title { font-size: 2rem; line-height: 1.3; padding-bottom: 1.9rem; } .page-id-3036 .usp-3 .usp-widget__link-container { max-width: 33rem; max-height: 28rem; border: 1px solid #ececec; box-shadow: 0 2px 3px 0 rgba(0,0,0,.05); margin: auto; display: block; padding: 2.4rem; border-radius: 10px; } .page-id-3036 .usp-3 .usp-widget .button { background: transparent; box-shadow: none; color: var(--color-primary); align-items: start; text-align: left; padding: 0; margin: 0; display: block; min-height: 0; } .page-id-3036 .button:after { display: none; } @media (max-width: 991px){ .page-id-3036 .button { width: 100%!important; max-width: 100%; justify-content: center; }} .page-id-3036 div#usp_widget-5 .col-lg-3 { max-width: 33%; flex: 0 0 33%; margin-bottom: 3.6rem; } @media (max-width: 991px){ .page-id-3036 div#usp_widget-5 .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50.0%; flex: 0 0 50.0%; max-width: 50%; }} @media (max-width: 767px){ .page-id-3036 div#usp_widget-5 .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100.0%; flex: 0 0 100.0%; max-width: 100%; }} .page-id-3036 .widget-heading:after { display: none; } .page-id-3036 .widget-heading { font-size: 3.6rem; line-height: 1.28; margin-bottom: 2.4rem; } .page-id-3036 .info-block__details--button-group { display: flex; } .page-id-3036 a.button.button--centered.button--hollow.info-block__details--button { margin-left: 1.6rem; } .page-id-3036 .about-1 .about-widget .widget-heading { text-align: center; } .page-id-3036 .usp-3 .usp-widget__link-container:hover { cursor: pointer; box-shadow: 0 0 11px rgba(33,33,33,.2); } .page-id-3036 .about-1 .button { margin-top: 2rem; }