@charset "UTF-8";
@import url(main.css);
/**************************************************** MODIFS GLOBALES ****************************************************/
::selection { color: #294190; background: #F9DE52; }

::-moz-selection { color: #294190; background: #F9DE52; }

div#termsfeed-com---nb { background: #FEFEFE; border-radius: 0.75rem; bottom: 1rem; right: 1rem; }

p#cc-nb-title { font-weight: 700; font-style: italic; color: #294190; }

p#cc-nb-text { color: #061254; font-size: 1rem; }

div#termsfeed-com---nb button.cc-nb-okagree, div#termsfeed-com---nb button.cc-nb-reject { background-color: #F9DE52 !important; font-weight: 700 !important; text-transform: uppercase; transition: all 0.3s ease; }

div#termsfeed-com---nb button.cc-nb-okagree:hover, div#termsfeed-com---nb button.cc-nb-reject:hover { background-color: rgba(249, 222, 82, 0.7) !important; }

div#termsfeed-com---nb button.cc-nb-changep { background-color: #F2F4F7 !important; font-weight: 700 !important; text-transform: uppercase; transition: all 0.3s ease; }

div#termsfeed-com---nb button.cc-nb-changep:hover { background-color: rgba(249, 222, 82, 0.3) !important; }

/*********************************** POLICES ***********************************/
@font-face { font-family: 'Futura Std'; src: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FtE9syHQW0ZRTfqIs5iuPKp0WVTm2%2Ftextfiles%2FFuturaStdBook.otf?alt=media&token=8f916e13-6dd1-4430-aee4-f82f666af269") format("otf"); font-weight: 400; }

@font-face { font-family: 'Futura Std'; src: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FtE9syHQW0ZRTfqIs5iuPKp0WVTm2%2Ftextfiles%2FFuturaStdBold.otf?alt=media&token=1b72e593-8286-40de-a5b7-606eb5964d9b") format("otf"); font-weight: 700; }

@font-face { font-family: 'Futura Std'; src: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FtE9syHQW0ZRTfqIs5iuPKp0WVTm2%2Ftextfiles%2FFuturaStdMedium.otf?alt=media&token=941c9290-1578-4fef-b552-db08851f22ea") format("otf"); font-weight: 500; }

* { font-family: 'Futura Std',sans-serif; }

h2 { margin-bottom: 1.5rem !important; font-size: 2.5rem; font-weight: 700 !important; font-style: italic; color: #294190 !important; }

/*********************************** BUTTONS ***********************************/
button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="btn"], a[class*="button"] { font-weight: 700 !important; border-radius: 4px !important; transform: skew(-10deg) !important; color: #294190 !important; padding: 0.5rem 1rem !important; transition: all 0.3s ease; text-decoration: none !important; background: #F9DE52 !important; text-transform: uppercase; }

button span, input[type="button"] span, input[type="submit"] span, input[type="reset"] span, a[class*="btn"] span, a[class*="button"] span { color: #294190 !important; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, a[class*="btn"]:hover, a[class*="button"]:hover { transform: skew(-10deg); background: rgba(249, 222, 82, 0.8) !important; }

/*********************************** NAVBAR ***********************************/
a.navbar-brand { min-width: 17vw; padding: 0; }

@media (max-width: 768px) { a.navbar-brand { width: 60vw; } }

/*********************************** FOOTER ***********************************/
.mx-4.mb-3.logo-footer.mx-auto { width: 100%; }

footer h5 { text-transform: uppercase; font-weight: 700; font-style: italic; font-size: 15px; }

i.bi.bi-facebook.fs-4 { transition: all 0.3s ease; }

i.bi.bi-facebook.fs-4:hover { color: #F9DE52 !important; }

/**************************************************** PAGE D'ACCUEIL ****************************************************/
/*********************************** HERO ACCUEIL ***********************************/
#fullHeight h1 { letter-spacing: normal; font-weight: 700; display: flex; color: #F2F4F7; flex-direction: column; }

#fullHeight h1 em { font-size: 3.5rem !important; color: #FEFEFE; }

.sliderLogoContainer { width: 50vw !important; }

.carousel-item-homepage img { filter: brightness(50%) !important; }

a#phone-analytics-tag-video-bloc { display: inline-block; }

a#phone-analytics-tag-video-bloc::before { content: '\F5B4'; font-family: 'bootstrap-icons'; font-size: 14px; margin-right: 6px; }

/*********************************** PRESENTATION ***********************************/
.container.my-5.col-lg-11.photoText-div { max-width: 1500px; }

.row.p-4.pb-0.pe-lg-0.pt-lg-5.pb-lg-5.rounded-3.shadow-lg.justify-content-center.position-relative.bg-primaryColor.text-color-primary { box-shadow: none !important; align-items: center; gap: 3rem; }

img.rounded-lg-3 { height: 100%; object-fit: cover; border-radius: 0.75rem; }

.photoText-div .lead.mb-4 { margin-bottom: 0 !important; }

.col-lg-5.offset-lg-1.p-0.m-2.overflow-hidden.position-relative.z-1 { align-self: stretch; }

.photoText-div p { color: #061254; }

.photoText-div .background-image-div-opacity { background-size: 70%; background-repeat: no-repeat; background-attachment: scroll !important; }

/*********************************** PICTOGRAMMES ***********************************/
.row.row-cols-1.row-cols-lg-4.d-flex.g-3.px-3.my-5.position-relative.justify-content-center { padding: 2rem !important; max-width: 1500px; margin: auto; }

.picto_card h4 { text-transform: uppercase; font-weight: 700; font-style: italic; color: #FEFEFE; font-size: 20px; }

.picto_card p { font-size: 18px; color: #F2F4F7; }

.svg-picto-card > svg { width: 30%; }

#prefooter .row.row-cols-1.row-cols-lg-4.d-flex.g-3.px-3.my-5.position-relative.justify-content-center { margin: 0 auto !important; }

#prefooter { margin-top: 4rem !important; }

/*********************************** MAPS ***********************************/
.maps-section { max-width: 1500px; margin: 2rem auto; }

.maps-section .item-content.mx-5 { margin: 0 !important; }

.maps-section h2 { text-align: left; }

.maps-section .col-sm-12.col-lg-6.col-xl-4.py-5.content.text-color-sixth { padding-left: 2rem; }

.maps-section i { color: #294190; }

.maps-section .item-content .titles { color: #294190; }

a#phone-analytics-tag-maps, .maps-section .p-1 { color: #061254; }

.maps-section iframe { border-radius: 0.75rem; }

@media screen and (max-width: 992px) { .col-sm-12.col-lg-6.col-xl-8.map-content { padding: 0 2rem; } }

/*********************************** HORAIRES & RÉSEAUX ***********************************/
.horaires-socials { width: 100%; max-width: 1500px; margin: 3rem auto; display: flex; align-items: stretch; justify-content: center; position: relative; }

.horaires { width: 100%; max-width: 750px; padding: 2rem; }

.horaires-wrap-card { background: #FEFEFE; border-radius: 0.75rem; padding: 2rem; }

.horaires-table { width: 100%; border-collapse: collapse; font-size: 18px; margin-bottom: 0 !important; }

.horaires-table tr { border-bottom: 1rem solid #FEFEFE; background: #E9EDF7 !important; }

.horaires-table tr:last-child { border-bottom: none; }

.horaires-table td { padding: 0.75rem 1rem; color: #294190; border: none !important; }

.horaires-table td:not(:first-child) { text-align: right; }

.horaires-table .day-name { font-weight: 400; color: #294190; width: 90px; }

.horaires-table tr.today { background: #294190 !important; }

.horaires-table tr.today td { color: #fefefe !important; font-weight: 600; }

.fd-social { text-align: center; padding: 2rem; display: flex; flex-direction: column; align-items: center; max-width: 750px; margin: 2rem; justify-content: center; width: 100%; border-radius: 0.75rem; background: #FEFEFE; align-self: stretch; }

.fd-social-header { display: flex; flex-direction: column; align-items: center; text-align: center; }

.fd-social-header h2 { font-size: 42px; color: #0A255D; }

.fd-social-links { display: flex; justify-content: center; align-items: center; gap: 80px; flex-wrap: wrap; }

.fd-social-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.3s ease; }

img.fd-social-item { width: 18rem; }

.fd-social-item span { color: #294190; transition: all 0.3s ease; font-weight: 700; font-size: 24px; }

.fd-social-item .bi-facebook { font-size: 10rem; color: #F9DE52; transition: all 0.3s ease; line-height: 1.2; margin-top: 1rem; }

.fd-social-item:hover { transform: translateY(4px); }

.fd-social-item:hover .bi-facebook { color: rgba(249, 222, 82, 0.8); }

.fd-social-item:hover span { color: #294190; }

@media (max-width: 768px) { .horaires-socials { flex-direction: column; } .fd-social { padding: 3rem 2rem; flex-direction: column; gap: 2em; width: calc(100% - 4rem); } .fd-social-header { width: 100%; } .fd-social-header h2 { font-size: 36px; } .fd-social-links { gap: 50px; } }

/*********************************** PRESTATIONS ***********************************/
#environmental-issues .env-container-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: auto; padding: 2rem; margin: auto; max-width: 1500px; }

#environmental-issues .env-container { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; width: 100%; }

#environmental-issues .env-container .env-card { width: 30%; height: 400px; border-radius: 15px; overflow: hidden; position: relative; text-align: left; color: white; font-size: 20px; display: flex; flex-direction: column; justify-content: space-between; transition: width 0.3s ease-in-out; margin: 0; }

#environmental-issues .env-container .env-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 0; display: block; }

#environmental-issues .env-container .env-card-content { padding: 2rem; background: linear-gradient(to right, rgba(6, 18, 84, 0.9), rgba(41, 65, 144, 0.5)); position: absolute; text-align: center; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1; }

#environmental-issues .env-container .env-card h3 { margin-bottom: 10px; font-size: 24px; font-weight: 700 !important; font-style: italic; opacity: 0; transition: opacity 0.3s ease-in-out 0.2s; }

#environmental-issues .env-container .env-card p { font-size: 16px; opacity: 0; transition: opacity 0.3s ease-in-out 0.2s; }

#environmental-issues .env-btn { align-self: center !important; transition: opacity 0.3s ease-in-out 0.2s, background 0.3s ease !important; opacity: 0; font-size: 1rem; }

#environmental-issues .env-title { text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 0; color: #E91515; text-transform: uppercase; position: relative; }

#environmental-issues .env-container .env-card:hover { width: 33%; }

#environmental-issues .env-container .env-card:hover .env-card-content { opacity: 1; }

#environmental-issues .env-container .env-card:hover p, #environmental-issues .env-container .env-card:hover .env-btn, #environmental-issues .env-container .env-card:hover h3 { opacity: 1; }

@media screen and (max-width: 768px) { .env-container { flex-wrap: wrap !important; justify-content: center !important; } .env-card { width: 350px !important; } .env-card-content { opacity: 1 !important; background: linear-gradient(to bottom, rgba(6, 18, 84, 0.9), rgba(41, 65, 144, 0.3)) !important; } .env-card-content p, .env-btn, .env-card-content h3 { opacity: 1 !important; } }

/*********************************** CTA ***********************************/
#cta { padding: 6rem 2rem !important; }

#cta::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(249, 222, 82, 0.9); }

#cta .content { max-width: 1200px; }

#cta .lead.p-4.text-color-sixth { padding: 0 2rem !important; }

#cta .button_homepageDoubleScreen { background: #FEFEFE !important; }

#cta .button_homepageDoubleScreen:hover { background: #F2F4F7 !important; }

/*********************************** BLOC SEO ***********************************/
.seo-bloc { padding-top: 1rem; padding-bottom: 3rem; }

.seo-bloc .shadow-lg { box-shadow: none !important; }

.seo-bloc .mx-auto.rounded-3 { background: #FEFEFE; border-radius: 0.75rem !important; max-width: 1500px; margin: auto; }

.seo-bloc .black-screen { background-color: #294190; }

.seo-bloc .card h3 { font-weight: 700 !important; font-style: italic; color: #FEFEFE; transition: all 0.3s ease; }

.seo-bloc .card h3:hover { color: #F9DE52; }

.seo-bloc .rounded-4 { border-radius: 0 !important; }

.seo-bloc .row, .seo-bloc .row-reverse { margin-top: 0 !important; }

.seo-bloc p { font-size: 18px; color: #061254; }

.seo-bloc .col-lg-7 h3 span { font-weight: 700; font-style: italic; color: #294190; }

.seo-bloc .display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5 { margin-bottom: 2rem !important; }

/**************************************************** PAGES SECONDAIRES ****************************************************/
/*********************************** HERO SECONDAIRE ***********************************/
#hero { padding: 6rem 2rem !important; }

#hero .content { max-width: 1200px; }

#hero .lead.p-4.text-color-sixth { padding: 0 2rem !important; }

#hero h1 { font-weight: 700; font-style: italic; color: #FEFEFE; }

#hero p { color: #F2F4F7; }

.engagement-overlay.position-absolute.top-0.start-0.w-100.h-100 { display: none; }

div#engagement-card-id { background: #FEFEFE !important; padding: 2rem !important; border-radius: 0.75rem !important; }

img.engagement-icon.engagement-image.mb-3.mx-auto { filter: none; width: 250px; height: 250px; }

.col.engagement-col { width: 50%; }

.engagement-card h3 { color: #294190; font-weight: 700 !important; font-style: italic; margin-top: 1rem; }

.contenu.opacity-75.engagement-text.engagement-description { color: #061254; font-size: 18px; }

.engagement-card ul { list-style: none; padding-left: 0; margin: 0 !important; font-size: 20px; font-weight: 500; color: #294190; }

.engagement-card ul li { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 0.5rem; }

.engagement-card ul li p { margin-bottom: 0 !important; }

.engagement-card ul li::before { content: "\F26E"; flex-shrink: 0; color: #F9DE52; font-size: 2rem; font-family: 'bootstrap-icons'; line-height: 1; }

.engagement-content.container.position-relative { padding: 6rem 2rem 4rem; max-width: 1500px; }

#camping .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { margin-top: 0 !important; }

.col-12.col-sm-8.col-lg-5.my-0.order-2.order-lg-2.order-xl-2.order-xxl-2 { align-self: stretch; }

#camping img.d-block.mx-lg-auto.img-fluid { height: 100%; object-fit: cover; border-radius: 0.75rem; }

div#camping { box-shadow: none !important; margin-top: 0 !important; max-width: 1500px; }

#camping p { color: #061254; }

#camping h2 { margin-top: 1.5rem; }

/**************************************************** PAGE CONTACT ****************************************************/
#contact .row.align-items-center.g-lg-5.py-5.position-relative { flex-direction: column; }

#contact .col-lg-6.text-center.text-color-sixth { max-width: 1500px; width: 100%; padding: 0 4rem; }

#contact h1 { font-weight: 700; font-style: italic; color: #294190; font-size: 3rem; }

#contact p a { text-decoration: none; color: #294190; transition: all 0.3s ease; font-weight: 700 !important; }

#contact p a:hover { color: #F9DE52; }

#contact p { line-height: 150% !important; font-size: 1.1rem; color: #061254; }

#contact .lh-1.mb-3.titles { margin-bottom: 0 !important; padding: 2rem 0; border-top: 2px solid #F9DE52; border-bottom: 2px solid #F9DE52; }

#contact .col-md-10.d-flex.justify-content-center.col-lg-6 { width: 100%; max-width: 1500px !important; padding: 0 4rem; }

form#formContact { width: 100%; }

#formContact button.w-100.btn.btn-outline-dark { border: none; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding: 0 2rem; } #contact .col-md-10.d-flex.justify-content-center.col-lg-6 { padding: 0 2rem; margin-top: 3rem; } }

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