.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_button_module_wrapper.et_pb_button{color:inherit}.et_pb_button{display:inline-block}.et_pb_module.et_pb_button:not(.et_block_module){max-width:-moz-max-content;max-width:max-content}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}
.et_pb_code_inner{position:relative}
.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image .et_pb_module{line-height:1.7em}.et_flex_column>.et_pb_image,.et_flex_group>.et_pb_image,.et_grid_column>.et_pb_image,.et_grid_group>.et_pb_image,.et_grid_module>.et_pb_image{margin-left:unset;margin-right:unset}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image.et_block_module{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image:where(.et_flex_module)>.et_pb_image_wrap{width:-moz-fit-content;width:fit-content;display:flex}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay:hover .et_pb_image_wrap .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;transition:all .3s;border:1px solid #e5e5e5;box-sizing:border-box;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
.et_pb_module.et_pb_social_media_follow{list-style-type:none!important;margin:0 0 22px;padding:0;--vertical-gap:10px;--horizontal-gap:10px;--flex-direction:row}.et_pb_social_media_follow_network{position:relative;flex-direction:row;align-items:center;--vertical-gap:10px;--horizontal-gap:10px}.et_pb_social_media_follow_network.et_block_module{display:inline-block;margin-bottom:10px;margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{display:inline-block;margin-bottom:0!important}.et_pb_social_media_follow_network a{display:inline-block;text-decoration:none;text-align:center;position:relative}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network{margin-right:10px}.et_pb_social_media_follow.et_block_module .et_pb_social_media_follow_network:last-child{margin-right:0}.et_pb_social_media_follow_network a.follow_button{padding:0 12px;font-size:14px;line-height:1.6em;background:rgba(0,0,0,.1);color:rgba(0,0,0,.5);border-radius:3px;border-width:0;border-style:solid;transition:all .3s}.et_block_module.et_pb_social_media_follow_network a.follow_button{margin-top:5px;margin-right:10px}.et_pb_social_media_follow_network.last-child a,.et_pb_social_media_follow_network:last-child a{margin-right:0}.et_pb_social_media_follow.has_follow_button .et_pb_social_media_follow_network.et_block_module a.icon{margin-right:10px}.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_social_media_follow.et_pb_bg_layout_dark .et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}.et_pb_social_media_follow_network a.icon{height:32px;width:32px;padding:0;box-sizing:content-box}.et_pb_social_media_follow_network a.icon:hover:before{color:hsla(0,0%,100%,.7)}.et_pb_social_media_follow_network a.icon{border-radius:3px}.et_pb_social_media_follow_network_name{display:none}.et_pb_social_icon a.icon{vertical-align:middle}.et_pb_social_icon a.icon:before{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr;height:32px;width:32px;font-size:16px;line-height:32px;display:block;color:#fff;transition:color .3s;position:relative;z-index:10}.et-pb-social-fa-icon a.icon:before{font-family:FontAwesome}.et-social-telegram a.icon:before{content:"\F3FE"}.et-social-amazon a.icon:before{content:"\F270"}.et-social-bandcamp a.icon:before{content:"\F2D5"}.et-social-bitbucket a.icon:before{content:"\F171"}.et-social-behance a.icon:before{content:"\F1B4"}.et-social-buffer a.icon:before{content:"\F837"}.et-social-codepen a.icon:before{content:"\F1CB"}.et-social-deviantart a.icon:before{content:"\F1BD"}.et-social-flipboard a.icon:before{content:"\F44D"}.et-social-foursquare a.icon:before{content:"\F180"}.et-social-github a.icon:before{content:"\F09B"}.et-social-goodreads a.icon:before{content:"\F3A9"}.et-social-google a.icon:before{content:"\F1A0"}.et-social-houzz a.icon:before{content:"\F27C"}.et-social-itunes a.icon:before{content:"\F3B5"}.et-social-last_fm a.icon:before{content:"\F202"}.et-social-line a.icon:before{content:"\F3C0"}.et-social-medium a.icon:before,.et-social-meetup a.icon:before{content:"\F3C7"}.et-social-odnoklassniki a.icon:before{content:"\F263"}.et-social-patreon a.icon:before{content:"\F3D9"}.et-social-periscope a.icon:before{content:"\F3DA"}.et-social-quora a.icon:before{content:"\F2C4"}.et-social-researchgate a.icon:before{content:"\F4F8"}.et-social-reddit a.icon:before{content:"\F281"}.et-social-snapchat a.icon:before{content:"\F2AC"}.et-social-soundcloud a.icon:before{content:"\F1BE"}.et-social-spotify a.icon:before{content:"\F1BC"}.et-social-steam a.icon:before{content:"\F3F6"}.et-social-tripadvisor a.icon:before{content:"\F262"}.et-social-tiktok a.icon:before{content:"\E07B"}.et-social-twitch a.icon:before{content:"\F1E8"}.et-social-vk a.icon:before{content:"\F189"}.et-social-weibo a.icon:before{content:"\F18A"}.et-social-whatsapp a.icon:before{content:"\F232"}.et-social-xing a.icon:before{content:"\F168"}.et-social-yelp a.icon:before{content:"\F1E9"}.et-social-pinterest a.icon:before{content:"\E095"}.et-social-linkedin a.icon:before{content:"\E09D"}.et-social-tumblr a.icon:before{content:"\E097"}.et-social-skype a.icon:before{content:"\E0A2"}.et-social-flikr a.icon:before{content:"\E0A6"}.et-social-myspace a.icon:before{content:"\E0A1"}.et-social-dribbble a.icon:before{content:"\E09B"}.et-social-youtube a.icon:before{content:"\E0A3"}.et-social-vimeo a.icon:before{content:"\E09C"}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow_network a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}.rtl .et_block_module.et_pb_social_media_follow_network a{margin-left:10px;margin-right:0}:root {
--rouge:       #DF202D;
--creme:       #F1DAB3;
--vert-nuit:   #1C2826;
--bleu-acier:  #779CAB;
--bleu-vif:    #2A9FEF;
--blanc:       #FFFFFF;
--gris-clair:  #F5F5F5;
--gris-texte:  #444444;
--noir:        #111111;
--font-titre:  'Roboto Slab', Georgia, serif;
--font-texte:  'Roboto', Helvetica, sans-serif;
--font-mono:   'Courier New', monospace;
} .container,
#page-container .container,
.et_pb_section .container {
max-width: 1380px !important;
padding-left: 30px !important;
padding-right: 30px !important;
} body {
background-color: #FDFAF6;
}
#page-container,
#main-content,
#left-area,
#content-area,
.et_pb_post {
background-color: #FDFAF6 !important;
}
h1, h2, h3, h4, h5, h6,
.et_pb_text h1, .et_pb_text h2,
.et_pb_text h3, .et_pb_text h4 {
font-family: var(--font-titre);
color: var(--vert-nuit);
letter-spacing: 0.02em;
}
a {
color: var(--bleu-vif);
transition: color 0.2s ease;
}
a:hover {
color: var(--rouge);
} #main-header,
#main-header.et-fixed-header {
background-color: var(--vert-nuit) !important;
}
#main-header .nav li a,
#main-header .et_mobile_menu li a {
color: var(--creme) !important;
font-family: var(--font-texte);
font-size: 13px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
#main-header .nav li a:hover,
#main-header .nav .current-menu-item > a {
color: var(--rouge) !important;
}
#logo {
max-height: 60px !important;
} #footer-bottom,
#main-footer {
background-color: var(--vert-nuit) !important;
color: var(--creme) !important;
}
#footer-bottom a,
#main-footer a {
color: var(--bleu-acier) !important;
}
#footer-bottom a:hover,
#main-footer a:hover {
color: var(--rouge) !important;
} .et_pb_button,
a.et_pb_button,
.btn-appel,
a.btn-appel,
body #page-container .et_pb_button,
body #page-container a.et_pb_button,
body #page-container .et_pb_section .et_pb_button,
body #page-container .et_pb_section a.et_pb_button {
font-family: 'Oswald', var(--font-texte) !important;
font-size: 13px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
border-radius: 5px !important;
padding: 6px 12px !important;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
border-width: 2px !important;
border-style: solid !important;
display: inline-block !important;
text-decoration: none !important;
cursor: pointer !important;
}
.et_pb_button:hover,
a.et_pb_button:hover,
.btn-appel:hover,
a.btn-appel:hover,
body #page-container .et_pb_button:hover,
body #page-container a.et_pb_button:hover,
body #page-container .et_pb_section .et_pb_button:hover,
body #page-container .et_pb_section a.et_pb_button:hover {
background-color: var(--creme) !important;
border-color: var(--creme) !important;
color: var(--vert-nuit) !important;
}
.et_pb_button.btn-secondaire,
body #page-container .et_pb_button.btn-secondaire {
background-color: transparent !important;
border-color: var(--creme) !important;
color: var(--creme) !important;
}
.et_pb_button.btn-secondaire:hover,
body #page-container .et_pb_button.btn-secondaire:hover {
background-color: var(--creme) !important;
border-color: var(--creme) !important;
color: var(--vert-nuit) !important;
} .et_pb_button:after,
body #page-container .et_pb_button:after {
display: none !important;
}
.et_pb_button:hover,
body #page-container .et_pb_button:hover {
padding: 6px 12px !important;
} .voiture-card {
background-color: var(--blanc);
border: 1px solid #e8e0d4;
border-radius: 4px;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease;
display: flex;
flex-direction: column;
}
.voiture-card:hover {
box-shadow: 0 8px 32px rgba(28, 40, 38, 0.15);
transform: translateY(-4px);
}
.voiture-card__image {
position: relative;
overflow: hidden;
aspect-ratio: 4/3;
}
.voiture-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.voiture-card:hover .voiture-card__image img {
transform: scale(1.05);
}
.voiture-card__badge {
position: absolute;
top: 12px;
left: 12px;
background-color: var(--rouge);
color: var(--blanc);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 2px;
}
.voiture-card__body {
padding: 20px 20px 16px;
background-color: var(--blanc);
flex: 1;
}
.voiture-card__marque {
font-family: var(--font-ui);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--bleu-acier);
margin-bottom: 6px;
}
.voiture-card__titre {
font-family: var(--font-titre) !important;
font-size: 22px !important;
color: var(--vert-nuit) !important;
margin-bottom: 10px;
line-height: 1.2;
text-transform: capitalize !important;
}
.voiture-card__titre a {
text-transform: capitalize !important;
text-decoration: none !important;
color: inherit !important;
}
.voiture-card__specs {
font-family: var(--font-texte);
font-size: 13px;
color: #888;
margin-bottom: 0;
}
.voiture-card__footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
background-color: var(--blanc);
border-top: 1px solid #f0ebe2;
}
.voiture-card__prix {
font-family: var(--font-titre);
font-size: 24px;
color: var(--vert-nuit);
font-weight: 700;
}
.voiture-card__cta {
font-family: var(--font-ui);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--rouge) !important;
text-decoration: none;
border-bottom: 1px solid var(--rouge);
padding-bottom: 1px;
transition: opacity 0.2s;
}
.voiture-card__cta:hover {
opacity: 0.75;
} .page-id-37 #main-content > .container {
padding-top: 0 !important;
}
.page-id-37 .main_title,
.page-id-37 h1.entry-title {
font-family: 'Roboto Slab', Georgia, serif !important;
font-weight: 300 !important;
letter-spacing: 0.14em !important;
text-align: center !important;
color: var(--vert-nuit) !important;
background-color: var(--creme);
margin: 0 -9999px 40px !important;
padding: 52px 9999px 44px !important;
font-size: 28px !important;
text-transform: uppercase;
position: relative;
} .page-id-37 .main_title::after,
.page-id-37 h1.entry-title::after {
content: '';
display: block;
width: 48px;
height: 3px;
background-color: var(--rouge);
margin: 16px auto 0;
} .page-id-37 .main_title::before,
.page-id-37 h1.entry-title::before {
content: '— Collection —';
display: block;
font-family: var(--font-texte);
font-size: 11px;
font-weight: 500;
letter-spacing: 0.22em;
color: var(--bleu-acier);
text-transform: uppercase;
margin-bottom: 12px;
} .legarage-seo-intro {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 32px;
align-items: start;
margin-bottom: 40px;
padding-bottom: 32px;
border-bottom: 1px solid #e8e0d4;
}
.legarage-seo-intro__titre {
font-family: var(--font-titre);
font-size: 22px;
color: var(--vert-nuit);
line-height: 1.3;
margin: 0;
}
.legarage-seo-intro__texte {
font-family: var(--font-texte);
font-size: 14px;
line-height: 1.75;
color: var(--gris-texte);
margin: 0;
}
.legarage-seo-intro__texte strong {
color: var(--vert-nuit);
font-weight: 600;
}
@media (max-width: 767px) {
.legarage-seo-intro {
grid-template-columns: 1fr;
gap: 12px;
}
} .legarage-filtres__grid {
display: flex;
flex-wrap: nowrap;
gap: 16px;
align-items: flex-end;
}
.legarage-filtres__grid > div {
flex: 1;
}
.legarage-filtres__grid > div:last-child {
flex: 0 0 auto;
}
@media (max-width: 767px) {
.legarage-filtres__grid {
flex-wrap: wrap;
}
.legarage-filtres__grid > div {
flex: 1 1 calc(50% - 8px);
}
.legarage-filtres__grid > div:last-child {
flex: 0 0 auto;
}
}
.legarage-filtres {
background-color: var(--creme);
padding: 30px;
border-radius: 4px;
margin-bottom: 40px;
}
.legarage-filtres label {
color: var(--vert-nuit);
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
display: block;
margin-bottom: 6px;
}
.legarage-filtres select,
.legarage-filtres input[type="text"],
.legarage-filtres input[type="number"] {
width: 100%;
background-color: var(--blanc);
border: 1px solid rgba(28, 40, 38, 0.2);
color: var(--vert-nuit);
padding: 10px 14px;
border-radius: 2px;
font-family: var(--font-texte);
font-size: 14px;
appearance: none;
}
.legarage-filtres select:focus,
.legarage-filtres input:focus {
border-color: var(--vert-nuit);
outline: none;
}
.legarage-filtres .btn-filtrer {
background-color: var(--rouge);
color: var(--blanc);
border: 2px solid var(--creme);
padding: 12px 30px;
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
border-radius: 2px;
transition: background-color 0.25s, color 0.25s;
margin-top: 8px;
display: inline-block;
width: auto;
}
.legarage-filtres .btn-filtrer:hover {
background-color: var(--vert-nuit);
color: var(--creme);
border-color: var(--vert-nuit);
}
.legarage-filtres .btn-filtrer--reset {
background-color: transparent !important;
color: var(--gris-texte) !important;
border-color: rgba(28,40,38,0.2) !important;
}
.legarage-filtres .btn-filtrer--reset:hover {
background-color: var(--gris-clair) !important;
color: var(--vert-nuit) !important;
border-color: var(--vert-nuit) !important;
}
.legarage-filtres .btn-filtrer--icone {
padding: 9px 12px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
} .legarage-hero {
background-color: var(--vert-nuit);
position: relative;
}
.legarage-hero::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--rouge), var(--bleu-acier));
} .tag-marque,
.tag-categorie {
display: inline-block;
background-color: var(--creme);
color: var(--vert-nuit);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 2px;
margin: 2px;
}
.tag-vendu {
background-color: var(--bleu-acier);
color: var(--blanc);
}
.tag-reserve {
background-color: var(--rouge);
color: var(--blanc);
} .vc-wrap {
overflow: hidden;
}
.vc-track {
display: flex;
width: max-content;
gap: 24px;
padding-bottom: 8px;
will-change: transform;
}
.vc-slide {
flex: 0 0 340px;
} @media (hover: none) and (pointer: coarse) {
.vc-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.vc-wrap::-webkit-scrollbar { display: none; }
.vc-track {
animation: none;
transform: none !important;
width: auto;
}
.vc-slide[aria-hidden="true"] { display: none; }
.vc-slide {
flex: 0 0 80vw;
scroll-snap-align: start;
}
} .marques-carousel-wrap {
overflow: hidden;
background: #ffffff;
border: 1px solid #e8e0d4;
}
.marques-carousel__track {
display: flex;
width: max-content;
will-change: transform;
}
.marque-logo-item {
flex: 0 0 160px;
height: 110px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
background: #ffffff;
border-right: 1px solid #f0ebe2;
padding: 12px 20px;
text-decoration: none;
box-sizing: border-box;
filter: grayscale(100%);
opacity: 0.6;
transition: opacity 0.3s, filter 0.3s;
}
.marque-logo-item:hover {
filter: grayscale(0%);
opacity: 1;
}
.marque-logo-item img {
max-width: 100%;
max-height: 48px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.marque-logo-item__nom {
font-family: 'Oswald', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #1C2826;
text-align: center;
line-height: 1.2;
white-space: nowrap;
} @media (max-width: 980px) {
.voiture-card__specs {
gap: 8px;
}
.voiture-detail__prix {
font-size: 26px;
}
}
@media (max-width: 767px) {
.legarage-filtres {
padding: 20px;
}
.voiture-card__footer {
flex-direction: column;
gap: 10px;
text-align: center;
}
} @media (hover: none) and (pointer: coarse) {
.marques-carousel-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.marques-carousel-wrap::-webkit-scrollbar { display: none; }
.marques-carousel__track {
animation: none;
transform: none !important;
width: auto;
} .marque-logo-item[aria-hidden="true"] {
display: none;
}
.marque-logo-item {
flex: 0 0 33.333%;
scroll-snap-align: start;
}
}.fiche-retour {
display: inline-flex;
align-items: center;
gap: 6px;
font-family: 'Oswald', var(--font-texte);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--bleu-acier);
text-decoration: none;
margin-bottom: 20px;
transition: color 0.2s;
}
.fiche-retour:hover {
color: var(--rouge);
} .fiche-layout {
display: grid;
grid-template-columns: 1fr 300px;
gap: 32px;
align-items: start;
} .fiche-main { min-width: 0; } .fiche-galerie { margin-bottom: 0; }
.fiche-galerie__main {
display: block;
position: relative;
overflow: hidden;
background: var(--noir);
aspect-ratio: 4/3;
}
.fiche-galerie__main img {
width: 100%; height: 100%;
object-fit: cover; display: block;
transition: transform 0.4s ease;
}
.fiche-galerie__main:hover img { transform: scale(1.02); }
.fiche-galerie__compteur {
position: absolute; bottom: 16px; right: 16px;
background: rgba(17,17,17,0.72); color: var(--creme);
font-size: 12px; letter-spacing: 0.08em;
padding: 6px 12px; border-radius: 2px;
display: flex; align-items: center; gap: 6px;
backdrop-filter: blur(6px);
} .fiche-carrousel {
position: relative;
display: flex;
align-items: center;
gap: 0;
margin-top: 0;
background: var(--noir);
}
.fiche-carrousel__track {
display: flex;
gap: 4px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
flex: 1;
padding: 0 2px;
}
.fiche-carrousel__track::-webkit-scrollbar { display: none; }
.fiche-carrousel__item {
flex: 0 0 120px;
height: 80px;
display: block;
overflow: hidden;
scroll-snap-align: start;
border: 2px solid transparent;
transition: border-color 0.2s;
}
.fiche-carrousel__item:hover { border-color: #555; }
.fiche-carrousel__item.is-active { border-color: var(--rouge); }
.fiche-carrousel__item img {
width: 100%; height: 100%;
object-fit: cover; display: block;
transition: opacity 0.2s;
}
.fiche-carrousel__item:hover img { opacity: 0.85; }
.fiche-carrousel__prev,
.fiche-carrousel__next {
flex-shrink: 0;
width: 32px;
height: 80px;
background: rgba(28,40,38,0.75);
color: var(--creme);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
padding: 0;
z-index: 1;
}
.fiche-carrousel__prev:hover,
.fiche-carrousel__next:hover { background: #555; } .fiche-header {
padding: 28px 0 20px;
border-bottom: 1px solid #e8e0d4;
margin-bottom: 32px;
}
.fiche-header__marque {
display: inline-block;
font-family: var(--font-texte); font-size: 11px; font-weight: 600;
letter-spacing: 0.2em; text-transform: uppercase;
color: var(--bleu-acier); margin-bottom: 8px;
}
.fiche-header__titre {
font-family: var(--font-titre); font-size: 32px;
color: var(--vert-nuit); margin: 0 0 12px; line-height: 1.2;
}
.fiche-header__meta {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.fiche-header__meta-left {
display: flex; gap: 20px; flex-wrap: wrap;
font-size: 13px; color: var(--gris-texte);
}
.fiche-header__meta-left span::before {
content: '·'; margin-right: 20px; color: #ccc;
}
.fiche-header__meta-left span:first-child::before { display: none; }
.fiche-header__services {
display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end;
}
.fiche-header__services span {
background: var(--creme); color: var(--vert-nuit);
font-size: 11px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase;
padding: 4px 10px; border-radius: 2px;
} .fiche-body {
display: grid;
grid-template-columns: 1fr 340px;
gap: 48px; align-items: start;
}
.fiche-section { margin-bottom: 32px; }
.fiche-section__titre {
font-family: var(--font-titre); font-size: 18px; color: var(--vert-nuit);
margin-bottom: 16px; padding-bottom: 10px;
border-bottom: 2px solid var(--creme);
}
.fiche-section__contenu {
font-family: var(--font-texte); font-size: 14px;
line-height: 1.8; color: var(--gris-texte);
}
.fiche-section--creme {
background: var(--creme); padding: 24px; border-radius: 4px;
}
.fiche-section--creme .fiche-section__titre {
border-bottom-color: rgba(28,40,38,0.15);
} .fiche-sidebar {
position: sticky;
top: 24px;
align-self: start;
border-radius: 4px;
overflow: hidden;
border: 1px solid #e8e0d4;
border-top: 3px solid var(--rouge);
background: var(--blanc);
} .fiche-sidebar__prix-wrap {
background: var(--blanc);
padding: 20px 24px 16px;
border-bottom: 1px solid #f0ebe2;
}
.fiche-sidebar__statut {
display: inline-block;
font-size: 10px; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
padding: 4px 10px; border-radius: 2px;
margin-bottom: 10px;
}
.fiche-sidebar__marque {
font-family: 'Oswald', var(--font-texte);
font-size: 11px; font-weight: 600;
letter-spacing: 0.18em; text-transform: uppercase;
color: var(--bleu-acier);
margin-bottom: 6px;
}
.fiche-sidebar__prix {
font-family: var(--font-titre); font-size: 32px; font-weight: 700;
color: var(--vert-nuit); line-height: 1;
margin: 0;
}
.fiche-sidebar__ref {
font-size: 11px; color: var(--bleu-acier);
letter-spacing: 0.08em; margin-top: 6px;
} .fiche-sidebar__services {
display: flex; flex-wrap: wrap; gap: 6px;
padding: 16px 24px;
background: var(--blanc);
border-bottom: 1px solid #f0ebe2;
}
.fiche-sidebar__services span {
background: var(--creme); color: var(--vert-nuit);
font-size: 11px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase;
padding: 4px 10px; border-radius: 2px;
} .fiche-sidebar__cta {
display: block !important;
margin: 0 !important;
padding: 16px 24px !important;
font-family: 'Oswald', var(--font-texte) !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
text-align: center !important;
color: var(--rouge) !important;
background: var(--blanc) !important;
border: none !important;
border-top: 1px solid #f0ebe2 !important;
text-decoration: none !important;
transition: color 0.2s, background 0.2s !important;
border-radius: 0 !important;
}
.fiche-sidebar__cta:hover {
color: var(--vert-nuit) !important;
background: var(--creme) !important;
} .fiche-sidebar__specs {
background: var(--blanc);
border-top: 1px solid #f0ebe2;
padding: 4px 0;
}
.fiche-specs__row {
display: flex; justify-content: space-between; align-items: baseline;
gap: 12px; padding: 9px 24px;
border-bottom: 1px solid #f0ebe2;
}
.fiche-specs__row:last-child { border-bottom: none; }
.fiche-specs__label {
font-size: 11px; font-weight: 600;
letter-spacing: 0.06em; text-transform: uppercase;
color: var(--bleu-acier); flex-shrink: 0;
}
.fiche-specs__val { font-size: 13px; color: var(--vert-nuit); text-align: right; } .fiche-body { margin-top: 8px; }
.fiche-section { margin-bottom: 32px; }
@media (max-width: 980px) {
.fiche-layout { grid-template-columns: 1fr; gap: 0; }
.fiche-sidebar { position: static; margin-top: 24px; }
.fiche-header__titre { font-size: 26px; }
}