@charset "UTF-8";
@import url(main.css);
/*------------------------------------ MODIFICATIONS GLOBALES ------------------------------------*/
body a { transition: all 0.3s ease !important; }

/*** BLOC ESPACEMENT ***/
.b-bloc-divider { height: 100px !important; border: none !important; box-shadow: none !important; }

/*------ CTA ------*/
.lead.p-4.text-color-sixth { width: 80%; margin: auto; }

/*------------------ NAVBAR ------------------*/
.animated-border-button:after { background-color: #243D8C; }

.navbar-brand { height: 11vh !important; width: 11vw !important; }

nav .logo_nav { height: 10vh !important; }

nav { box-shadow: 0 2px 8px 0 #243D8C; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { padding: 0.75rem 1rem !important; color: #FFFFFF !important; border-radius: 0.75rem !important; border: 1px solid #D02D25 !important; transition: all 0.3s ease !important; }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone:hover { color: #D02D25 !important; }

.nav-link { color: #243D8C !important; text-transform: uppercase !important; font-weight: 500 !important; }

a.dropdown-item.text-color-fourth { transition: all 0.3s ease; }

a.dropdown-item.text-color-fourth:hover { background-color: #FFFFFF !important; color: #D02D25 !important; }

/*** CHANGER L’ALIGNEMENT DU TEXTE BLOC CONTACT ***/
#contact .text-center { text-align: left !important; }

#contact .col-lg-6.text-center.text-color-sixth { padding-left: 5rem !important; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding: 0rem 2rem 2rem !important; } }

/*------------------ FOOTER ------------------*/
div.mx-4.mb-3.logo-footer.mx-auto > img.logo_nav { height: 6vh; filter: brightness(0) invert(1); }

/*------------------ BLOC AGENCE ------------------*/
.carte-agence { display: flex; align-items: center; justify-content: space-between; background-color: #243D8C; position: relative; height: max-content; }

.carte-text-container { display: flex; flex-direction: column; justify-content: center; align-items: start; max-width: 100%; gap: 2rem; padding: 6rem 0rem 6rem 8rem; }

.carte-agence p { color: #FFFFFF; }

.carte-line { width: 50%; height: 0.4rem; background-color: #D02D25; }

.carte-icon { height: 2rem; }

.carte-link { display: flex; justify-content: start; align-items: center; gap: 1rem; text-decoration: none; color: #FFFFFF; font-weight: 600; transition: all 0.3s ease; }

.carte-link:hover { color: #D02D25; }

.carte-map-container { height: 40rem; }

.carte-map { position: absolute; right: 0; bottom: 0; height: 90%; }

.carte-button { border: 1px solid #FFFFFF; padding: .75rem 1rem; border-radius: 1rem; text-decoration: none; color: #FFFFFF; transition: all 0.3s ease; }

.carte-button:hover { border: 1px solid #D02D25; background-color: #D02D25; color: #FFFFFF; }

@media screen and (max-width: 1200px) { .carte-agence { flex-direction: column; align-items: start; } .carte-map-container { width: 100%; position: relative; } .carte-map { height: auto; width: 100%; object-fit: cover; bottom: 0; right: 0; } .carte-text-container { padding: 4rem 2rem 4rem 2rem; } }

/*------------------ BLOC PARTENAIRES ------------------*/
.partenaires-image-slider { margin: auto; width: 100%; overflow: hidden; display: flex; }

.partenaires-image-slider > * { flex: 0 0 100%; }

.partenaires { height: 8rem; width: max-content; padding: 20px; justify-content: center; align-items: center; }

.partenaires img { height: 100%; }

.partenaires-group { display: flex; justify-content: space-around; gap: 20px; padding-right: 20px; will-change: transform; animation: scrolling 30s linear infinite; }

/* Animation infinie */
@keyframes scrolling { 0% { transform: translateX(0); }
  100% { transform: translateX(-100%); } }

/*------------------ SÉPARATEUR ------------------*/
.separateur { height: 2px; width: 80%; margin: auto; background-color: #243D8C; }

/*------------------ LOGO CATERPILLAR ------------------*/
.logo-cat-container { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 6rem; height: max-content; transition: width 0.5s ease; display: flex; justify-content: center; align-items: center; padding: 1.25rem 1rem 1.25rem 1.25rem; background-color: #000000; }

.logo-cat { width: 100%; }

.logo-cat-container:hover { width: 6.5rem; transition: width 0.5s ease; }

@media screen and (max-width: 992px) { .logo-cat-container { width: 3.5rem; padding: .65rem .5rem .75rem .75rem; } .logo-cat:hover { width: 4rem; } }

/*------------------------------------ FIN MODIFICATIONS GLOBALES ------------------------------------*/
/*------------------------------------ PAGE D'ACCUEIL ------------------------------------*/
/*------------------ HERO ------------------*/
.hero-img { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 100px); object-fit: cover; z-index: -1; }

.hero-line { width: 35%; height: 0.5rem; background-color: #D02D25; }

.hero h1 { width: 50%; }

.hero { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 1rem; height: 100vh; padding-left: 6rem; position: relative; z-index: 1; }

.hero-logo { width: 40%; position: relative; left: -1rem; }

.button-group { display: flex; align-items: center; justify-content: start; gap: 1rem; }

.hero-button { padding: 0.75rem 1rem; border-radius: 0.75rem; border: 1px solid #D02D25; background-color: #D02D25; color: #ffffff; text-decoration: none; transition: all 0.3s ease; }

.hero-button:hover { border: 1px solid #ffffff; background-color: transparent; color: #FFFFFF !important; }

.hero-button2 { padding: 0.75rem 1rem; border-radius: 0.75rem; border: 1px solid #ffffff; color: #ffffff; text-decoration: none; transition: all 0.3s ease; }

.hero-button2:hover { border: 1px solid #D02D25; background-color: #D02D25; color: #FFFFFF !important; }

@media screen and (max-width: 992px) { .hero { justify-content: end; padding: 3rem 2rem; height: calc(100vh - 90px); gap: 0.5rem; } .hero-img { top: 90px; height: calc(100vh - 90px); } .hero-logo { width: 60%; left: -0.5rem; } .hero h1 { font-size: 1.5rem; width: 100%; } }

/*------------------ FIN HERO ------------------*/
/*------------------ BLOC À PROPOS ------------------*/
.a-propos { display: flex; flex-direction: row-reverse; justify-content: center; gap: 5rem; align-items: center; padding-top: 6rem; padding-bottom: 6rem; }

.a-propos-line { height: 0.25rem; width: 30%; background-color: #D02D25; }

.a-propos-text { display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 1rem; text-align: left; width: 40%; }

.a-propos-text p { margin-bottom: 0rem !important; }

.a-propos-photo { width: 40%; }

.a-propos-button { background-color: #d02d25; padding: 0.75rem 1rem; border: 1px solid #d02d25; text-decoration: none; color: #ffffff; font-weight: 400 !important; transition: all 0.3s ease; border-radius: 0.75rem; }

.a-propos-button:hover { background-color: rgba(208, 45, 37, 0); border: 1px solid #d02d25; color: #d02d25; }

@media screen and (max-width: 992px) { .a-propos { flex-direction: column; padding: 2rem 2rem 0rem; gap: 3rem; } .a-propos-text { width: 100%; } .a-propos-photo { width: 100%; } }

/*------------------ FIN BLOC À PROPOS ------------------*/
/*------------------ BLOC PRESTATIONS ------------------*/
.prestations { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; text-align: center; padding: 6rem; }

.prestation-cards { display: flex; justify-content: center; gap: 4rem; align-items: center; }

.prestation-card { width: 30%; height: 30rem; display: flex; flex-direction: column; justify-content: end; align-items: start; padding: 2rem; border-radius: 1rem; gap: 1rem; text-align: left; box-shadow: -0.75rem 0.75rem 0 0 #d02d25; }

.presta-card-button { padding: 0.75rem 1rem; border: 1px solid #FFFFFF; background-color: rgba(208, 45, 37, 0); color: #FFFFFF; transition: all 0.3s ease; text-decoration: none; border-radius: 0.75rem; }

.presta-card-button:hover { background-color: #d02d25; border: 1px solid #D02D25; color: #FFFFFF; }

@media screen and (max-width: 992px) { .prestations { padding: 0rem 2rem; } .prestation-cards { flex-direction: column; } .prestation-card { width: 100%; height: 20rem; padding: 1rem; gap: 0.5rem; } }

/*------------------ FIN BLOC PRESTATIONS ------------------*/
/*------------------ BLOC SAV ------------------*/
.sav { display: flex; flex-direction: row; justify-content: center; gap: 5rem; align-items: center; padding-top: 6rem; padding-bottom: 6rem; }

.sav-line { height: 0.25rem; width: 30%; background-color: #D02D25; }

.sav-text { display: flex; flex-direction: column; align-items: end; justify-content: center; gap: 1rem; text-align: right; width: 40%; }

.sav-text p { margin-bottom: 0rem !important; }

.sav-photo { width: 40%; }

.sav-button { background-color: #d02d25; padding: 0.75rem 1rem; border: 1px solid #d02d25; text-decoration: none; color: #ffffff; font-weight: 400 !important; transition: all 0.3s ease; border-radius: 0.75rem; }

.sav-button:hover { background-color: rgba(208, 45, 37, 0); border: 1px solid #d02d25; color: #d02d25; }

@media screen and (max-width: 992px) { .sav { flex-direction: column; padding: 0rem 2rem 2rem; gap: 3rem; } .sav-text { width: 100%; } .sav-photo { width: 100%; } }

/*------------------ FIN BLOC SAV ------------------*/
/*------------------ FACEBOOK ------------------*/
@media screen and (min-width: 992px) { #facebook .col.d-flex.justify-content-center.align-items-center.order-lg-2.order-1 { width: 40% !important; } }

@media screen and (min-width: 992px) { #facebook .col.p-2.d-flex.justify-content-center.order-2.order-lg-1 { width: 40% !important; justify-content: end !important; } }

#facebook .row.row-cols-1.g-0.row-cols-lg-2.justify-content-center.position-relative { padding-top: 2rem; padding-bottom: 2rem; }

@media screen and (min-width: 992px) { #facebook .row.row-cols-1.g-0.row-cols-lg-2.justify-content-center.position-relative { gap: 6rem !important; padding-top: 5rem !important; padding-bottom: 5rem !important; } }

@media screen and (min-width: 992px) { #facebook .text-center.titles.text-color-sixth { text-align: left !important; padding-right: 6rem !important; } }

#facebook iframe#facebookIframe { border-radius: 1rem !important; box-shadow: 0 0 1rem 0 #8a97bf; }

#facebook .background-image-div-opacity { background-attachment: scroll !important; }

/*------------------ FIN FACEBOOK ------------------*/
/*------------------------------------ PAGE LOCATION ------------------------------------*/
/*------------------ HERO LOCATION ------------------*/
#location-head { border-bottom: 0.5rem solid #D02D25; }

/*------------------ CTA LOCATION ------------------*/
#location-cta a.button_homepageDoubleScreen { padding: 0.75rem 1rem !important; border-radius: 0.75rem !important; border: 1px solid #FFFFFF !important; color: #FFFFFF; }

#location-cta a.button_homepageDoubleScreen:hover { background-color: #243D8C !important; border: 1px solid #243D8C !important; }

#location-cta .background-image-div-opacity { background-attachment: scroll !important; }

/*------------------ BLOC CATALOGUE ------------------*/
.catalogue-wrapper { display: flex; justify-content: space-between; align-items: center; }

.catalogue-img { width: 25%; }

.catalogue { width: 50%; padding: 4rem; display: flex; flex-direction: column; justify-content: center; gap: 1rem; align-items: center; text-align: center; margin: auto; margin-top: 3rem; margin-bottom: 3rem; }

.catalogue-button { margin-top: 1rem; padding: 0.75rem 1rem; background-color: #D02D25; border: 1px solid #D02D25; border-radius: 0.75rem; color: #FFFFFF; text-decoration: none; transition: all 0.3s ease; }

.catalogue-button:hover { background-color: rgba(36, 61, 140, 0); color: #D02D25; }

@media screen and (max-width: 992px) { .catalogue { width: 100%; } .catalogue-img { display: none; } }

/*------------------ FIN BLOC CATALOGUE ------------------*/
/*----------------- BLOC CATÉGORIES ------------------*/
.location { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5rem; padding: 6rem; text-align: center; }

.location-row { display: flex; justify-content: space-around; width: 100%; align-items: start; }

.location-head { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }

.location-card { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 15rem; }

.location-img { width: 10rem; margin-bottom: 2rem; }

@media screen and (max-width: 992px) { .location { padding: 6rem 2rem; gap: 2rem; } .location-row { flex-direction: column; gap: 2rem; } .location-card { width: 100%; } .location-img { width: 60%; } }

/*------------------ FIN BLOC CATÉGORIES ------------------*/
/*------------------------------------ FIN PAGE LOCATION ------------------------------------*/
/*------------------------------------ PAGE VENTE ------------------------------------*/
/*------------------ HERO VENTE ------------------*/
#vente-head { border-bottom: 0.5rem solid #D02D25; }

/*------------------ CTA VENTE ------------------*/
#vente-cta a.button_homepageDoubleScreen { padding: 0.75rem 1rem !important; border-radius: 0.75rem !important; border: 1px solid #FFFFFF !important; color: #FFFFFF; }

#vente-cta a.button_homepageDoubleScreen:hover { background-color: #243D8C !important; border: 1px solid #243D8C !important; }

#vente-cta .background-image-div-opacity { background-attachment: scroll !important; }

/*----------------- BLOC MATÉRIEL ------------------*/
.vente { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6rem; gap: 2rem; }

@media screen and (max-width: 992px) { .vente { padding: 4rem 1rem; } }

.vente-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.vente-title { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }

.vente-line { width: 80%; height: 0.25rem; background-color: #D02D25; margin-bottom: 2rem; }

.vente-title-img { height: 6rem; padding: 1rem; transition: all 0.3s ease; }

@media screen and (max-width: 992px) { .vente-title-img { height: 4.5rem; } }

.vente-img { width: 100%; }

.vente-card-title { color: #243D8C; margin-top: 1rem; }

.go-arrow { color: #FFFFFF; }

.card3 { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 25rem; background-color: #FFFFFF; padding-bottom: 2rem; margin: 12px; text-decoration: none; text-align: center !important; overflow: hidden; border-radius: 1rem; border: 1px solid #243D8C; border-bottom: 0.5rem solid #243D8C; transition: all 0.5s ease; }

.card3:hover { border: 1px solid #D02D25; border-top: 0.5rem solid #D02D25; }

.card3:hover .vente-card-title { color: #D02D25; }

@media screen and (max-width: 992px) { .card3 { width: 100%; } }

.vente-title-link:hover .vente-title-img { height: 6.25rem; }

@media screen and (max-width: 992px) { .vente-title-link:hover .vente-title-img { height: 4.75rem; } }

.card3:hover .card-title { color: #D02D25; }

/*------------------ FIN BLOC MATÉRIEL ------------------*/
/*----------------- BLOC MARQUES ------------------*/
.marque { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 6rem; gap: 2rem; }

@media screen and (max-width: 992px) { .marque { padding: 4rem 2rem; } }

.marque-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.marque-title { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.marque-line { width: 80%; height: 0.25rem; background-color: #D02D25; }

.marque-img { width: 100%; }

.marque-card-title { color: #243D8C; }

.card2 { display: block; top: 0px; position: relative; max-width: 262px; height: 20rem; background-color: rgba(36, 61, 140, 0.1); padding: 32px 24px; margin: 12px; text-decoration: none; text-align: center; z-index: 0; overflow: hidden; border-radius: 12px; border: 1px solid #f2f8f9; }

.card2:hover { transition: all 0.2s ease-out; box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); top: -4px; border: 1px solid #D02D25; background-color: white; }

.card2:hover .go-corner { background-color: #D02D25; }

.card2:hover .marque-card-title { color: #D02D25; }

.card2:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; background: #D02D25; height: 32px; width: 32px; border-radius: 0 12px 0 12px; transition: transform 0.15s ease-out; }

.card2:hover:before { transform: scale(1.15); border-radius: 0 12px 0 12px; }

.go-corner { display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; overflow: hidden; top: 0; right: 0; background-color: #243d8c; border-radius: 0 12px 0 12px; }

.go-arrow { color: white; font-family: 'Montserrat', sans; }

/*------------------ FIN BLOC MARQUES ------------------*/
/*------------------------------------ FIN PAGE VENTE ------------------------------------*/
/*------------------------------------ PAGE TRANSPORT ------------------------------------*/
/*------------------ HERO TRANSPORT ------------------*/
#transport-head { border-bottom: 0.5rem solid #D02D25; }

/*------------------ CTA TRANSPORT ------------------*/
#transport-cta a.button_homepageDoubleScreen { padding: 0.75rem 1rem !important; border-radius: 0.75rem !important; border: 1px solid #FFFFFF !important; color: #FFFFFF; }

#transport-cta a.button_homepageDoubleScreen:hover { background-color: #243D8C !important; border: 1px solid #243D8C !important; }

#transport-cta .background-image-div-opacity { background-attachment: scroll !important; }

/*------------------ SECTION LIVRAISON ------------------*/
.liv { display: flex; flex-direction: row-reverse; justify-content: space-between; gap: 3rem; align-items: center; padding: 6rem 12rem 6rem 0rem; }

.liv-line { height: 0.25rem; width: 30%; background-color: #D02D25; }

.liv-text { display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 1rem; text-align: left; width: 50%; }

.liv-text p { margin-bottom: 0rem !important; }

.liv-photo { width: 50%; }

@media screen and (max-width: 992px) { .liv { flex-direction: column-reverse; padding: 4rem 2rem; gap: 1rem; } .liv-text { width: 100%; } .liv-photo { width: 100%; position: relative; left: -2rem; } }

/*------------------ FIN SECTION LIVRAISON ------------------*/
/*------------------ SECTION AVANTAGES LIVRAISON ------------------*/
.livraison { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3rem; padding: 0rem 6rem 6rem; }

.livraison-container { display: flex; justify-content: center; align-items: start; width: 100%; gap: 2rem; }

.livraison-title { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.livraison-line { width: 80%; height: 0.25rem; background-color: #D02D25; }

.livraison-card { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; width: 100%; }

.livraison-icon { width: 60%; }

.livraison-text { width: 80%; display: flex; flex-direction: column; align-items: center; text-align: center; }

@media screen and (max-width: 992px) { .livraison { padding: 1rem 2rem 3rem; } .livraison-container { flex-direction: column; gap: 5rem; } .livraison-card { flex-direction: column; align-items: center; } .livraison-text { width: 100%; } .livraison-icon { width: 80%; } .livraison-img { width: 20rem; height: 20rem; } }

/*------------------ FIN SECTION AVANTAGES LIVRAISON ------------------*/
/*------------------------------------ FIN PAGE TRANSPORT ------------------------------------*/
/*------------------------------------ PAGES SEO ------------------------------------*/
.first-banner-seo-page h1 { font-weight: 700 !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border: 1px solid #d02d25 !important; border-radius: 1rem !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { border: 1px solid #FFFFFF !important; }

.first-banner-seo-page img.img-fluid.object-fit-contain.my-2.logo-seo-page { filter: brightness(0) invert(1); }

#bandeau-title-seo h2.display-6.fw-bold.p-3.pt-lg-3.m-0.titles { color: #243D8C !important; }

#button-seo-page-homepage a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border: 1px solid #d02d25 !important; border-radius: 1rem !important; }

#button-seo-page-homepage a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { color: #d02d25 !important; }

.bg-sixthColor { background-color: #FFFFFF; }

.text-color-sixth { color: #243D8C !important; }

.seo-frequently-card .card-body.mx-4.bg-sixthColor.text-color-sixth { color: #D02D25 !important; }

.px-5.pt-5.display-6.text-color-primary.titles { font-weight: 700 !important; color: #D02D25 !important; }

.maps-section.position-relative.bg-primaryColor { display: none; }

a.p-3.fw-bold.fs-6.m-2.phone-number-button.text-decoration-none:hover { color: #D02D25; }

#custom-cards .text-center { color: #243D8C; }

#custom-cards a.fw-bold.fs-6:hover { color: #D02D25; }

h1.display-4.fw-bold.bandeauTitre.titles.text-color-seventh { color: #243D8C !important; }

#custom-cards h2.pb-2.border-bottom { font-weight: 500 !important; color: #243D8C !important; }

.d-flex.justify-content-end.mb-5 a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button { border: 1px solid #D02D25 !important; padding: 0.75rem 1rem !important; border-radius: 1rem !important; }

.d-flex.justify-content-end.mb-5 a.fw-light.grow.button_header.text-color-fourth.rounded-pill.p-2.text-decoration-none.all-activities-button:hover { color: #D02D25 !important; }

.fs-6.lead { color: #243D8C !important; }

/*------------------------------------ FIN PAGES SEO ------------------------------------*/

/*# sourceMappingURL=custom.css.map */