@font-face {
    font-family: Monotalic;
    src: url(../fonts/Monotalic-Bold.ttf);
}

@font-face {
    font-family: SF-Thin;
    src: url(../fonts/SF-Compact-Display-Thin.otf);
}

@font-face {
    font-family: SF-Light-Italic;
    src: url(../fonts/SF-Pro-Display-LightItalic.otf);
}

@font-face {
    font-family: SF-Regular;
    src: url(../fonts/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family: SF-Semibold;
    src: url(../fonts/SF-Pro-Display-Semibold.otf);
}

body {
    background-color: #F2F0F7;
}

* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

p {
    font-family: "SF-Regular", sans-serif;
    font-size: 17pt;
    color: #000;
}

h1 {
    font-family: "Monotalic", sans-serif;
    font-size: 17pt;
    color: #88D391;
}

h2 {
    font-family: "SF-Semibold", sans-serif;
    min-height: 24pt;
    color: #fff;
}

li {
    font-family: "SF-Thin", sans-serif;
    min-height: 17pt;
    color: #fff;
}

a {
    cursor: pointer;
}

@media (width > 1200px ) {

.navbar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0%;
    background: #392C49;
    z-index: 999;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.navbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1152px;
}

.navbar-logo {
    cursor: pointer;
    padding: 8pt;
}

.navbar-logo-tel {
    display: none;
}

.navbar-container .navbar-menu {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 32pt;
    list-style: none;
}

.navbar-container .navbar-menu h2 {
    font-size: 15pt;
}

.navbar-container .navbar-menu .navbar-button {
    display: flex;
    gap: 8pt;
    position: relative;
}

.navbar-container .navbar-menu 
.navbar-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.navbar-container .navbar-menu .navbar-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.navbar-container .navbar-menu 
.navbar-button li .dropdown-offre {
    display: none;
}

.navbar-container .navbar-menu 
.navbar-button li .dropdown-offre li a {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    
}

.navbar-container .navbar-menu 
.navbar-button li:hover .dropdown-offre {
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 8pt;
    justify-content: space-between;
    text-decoration: none;
    background-color: #F2F0F7;
    padding: 8pt;
    font-size: 17pt;
    border-radius: 0pt 8pt 8pt 8pt;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    color: #967BB6;
    background: #fff;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.navbar-container .photo-header {
    padding: 8pt;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    background: #392C49;

}

.footer .footer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    gap: 16pt;
}

.footer .footer-container .footer-contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    gap: 8;
    background-color: #F2F0F7;
    border-radius: 8pt;
    font-size: 17pt;
}

.footer .footer-container .footer-contact h1 {
    font-size: 20pt;
}

.footer .footer-container .footer-contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8pt;
    padding: 8pt;
}


.footer .footer-container .footer-contact .footer-contact-info-facebook {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footer-container .footer-contact .footer-contact-info-facebook p {
    font-family: "SF-Thin", sans-serif;
}

.footer .footer-container .footer-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8pt;
}

.footer .footer-container .footer-text .footer-text-bas {
    display: flex;
    gap: 8pt;
}

.index-section1 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 261pt;
    padding-left: 70pt;
    padding-right: 70pt;
    padding-top: 16pt;
    padding-bottom: 16pt;

}

.index-section2 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 261pt;
    padding-left: 70pt;
    padding-right: 70pt;
    padding-top: 16pt;
    padding-bottom: 16pt;

}

.index-section2 .index-section2-text {
    display: flex;
    flex-direction: column;
    gap: 32pt;
    justify-self: center;
}

.index-section2 .index-section2-text .index-button {
    display: flex;
    gap: 8pt;
    position: relative;
}

.index-section2 .index-section2-text .index-button li a {
    text-decoration: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.index-section2 .index-section2-text .index-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.index-section2 .index-section2-text .index-button li .dropdown-offre {
    display: none;
}

.index-section2 .index-section2-text .index-button li .dropdown-offre li a {
    display: flex;
    
}

.index-section2 .index-section2-text .index-button li:hover .dropdown-offre {
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 8pt;
    justify-content: space-between;
    text-decoration: none;
    background-color: #F2F0F7;
    padding: 8pt;
    font-size: 17pt;
    border-radius: 0pt 8pt 8pt 8pt;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    color: #967BB6;
    background: #fff;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.index-section3 {
    display: flex;
    flex-direction: column;
    padding-left: 32pt;
    gap: 8pt;
    background-color: #F2F0F7;
}

.index-section3 .index-section3-title {
    font-family: Monotalic, sans-serif;
    font-size: 20pt;
    color: #88D391;
}

.index-section3 p {
    font-family: "SF-Regular", sans-serif;
}

.index-citations{
    font-family: "SF-Light-Italic", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    background-color: #F2F0F7;
}

.index-citations p {
    font-family: 'SF-Light-Italic', sans-serif;
}





.pres-section1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #F2F0F7;
    padding: 16pt;
    gap: 16pt;
}

.offres .offres-haut {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    gap: 16pt;
}

.offres .offres-haut .offres-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16pt;
    border-radius: 8pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
    background-color: #F2F0F7;
    gap: 8pt;
}

.offres .offres-haut .offres-widget .offres-text-button {
    display: flex;
    flex-direction: column;
    gap: 16pt;
    padding: 8pt;
}

.offres .offres-haut .offres-widget .offres-text-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.offres .offres-haut .offres-widget .offres-text-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.offres .offres-bas {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    gap: 16pt;
}

.offres .offres-bas .offres-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16pt;
    border-radius: 8pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
    background-color: #F2F0F7;
    gap: 8pt;
}

.offres .offres-bas .offres-widget .offres-text-button {
    display: flex;
    flex-direction: column;
    gap: 16pt;
    padding: 8pt;
}

.offres .offres-bas .offres-widget .offres-text-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.offres .offres-bas .offres-widget .offres-text-button li a:hover {
    color: #967BB6;
    background: #fff;
}



.contact {
    display: flex;
    flex-direction: column;
    background-color: #F2F0F7;
    width: 100%;
    padding: 16pt;
    gap: 8pt;
    justify-content: center;
    align-items: center;
}

form {
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    padding: 16pt;
    width: 500px;
    gap: 8pt;
    justify-content: center;
    align-items: center;
    border-radius: 8pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt)
}

input, textarea {
    width: 100%;
    background: transparent;
    padding: 16pt;
    border: 1px, solid #967BB6;
    border-radius: 8pt;
    font-family: "SF-Thin";
}

input:focus, textarea:focus {
    outline: none;
    border-color: #fff;
    transition-duration: 0,3;
}

.button-form {
    font-family: "SF-Thin";
    text-decoration: none;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.button-form:hover {
    color: #967BB6;
    background: #fff;
}





.offres-intro {
    display: flex;
    flex-direction: column;
    gap: 16pt;
    padding: 16pt;
    justify-content: center;
    align-items: center;
}

.offres-section1 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32pt;
    padding-left: 70pt;
    padding-right: 70pt;
    padding-top: 16pt;
    padding-bottom: 16pt;
}

.offres-section1 .offres-section-text {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 16pt;
}

.offres-section2 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 32pt;
    padding-left: 70pt;
    padding-right: 70pt;
    padding-top: 16pt;
    padding-bottom: 16pt;
}

.offres-section2 .offres-section-text {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 16pt;
}

.tarifs {
    display: flex;
    flex-direction: column;
    gap: 32pt;
    padding-bottom: 32pt;
    justify-content: center;
    align-items: center;
}

.tarifs p {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tarifs li a {
    text-decoration: none;
    color: #fff;
    font-size: 17pt;
    padding: 8pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}
.tarifs li a:hover {
    color: #967BB6;
    background: #fff;
}





.pdc {
    display: flex;
    flex-direction: column;
    padding: 16pt;
    gap: 8pt;
    align-items: center;
    justify-content: center;
}

.pdc .pdc-text {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 16pt;
    justify-content: center;
}





.ml {
    display: flex;
    flex-direction: column;
    padding: 16pt;
    gap: 8pt;
    align-items: center;
    justify-content: center;
}

.ml .ml-text {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 16pt;
    justify-content: center;
}

}


@media (width < 1200px) {

    .navbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    position: sticky;
    top: 0%;
    background: #392C49;
    z-index: 999;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.navbar-container {
    display: flex;
    padding: 8pt;
    gap: 8pt;
    justify-content: center;
    width: 100%;
}

.navbar-logo {
    display: none;
}

.navbar-logo-tel {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 4pt;
}

.navbar-container .navbar-menu {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 8pt;
    list-style: none;
}

.navbar-container .navbar-menu h2 {
    display: none;
}

.navbar-container .navbar-menu .navbar-button {
    display: flex;
    gap: 16pt;
    position: relative;
}

.navbar-container .navbar-menu 
.navbar-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 4pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.navbar-container .navbar-menu .navbar-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.navbar-container .navbar-menu 
.navbar-button li .dropdown-offre {
    display: none;
}

.navbar-container .navbar-menu 
.navbar-button li .dropdown-offre li a {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    
}

.navbar-container .navbar-menu 
.navbar-button li:hover .dropdown-offre {
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 4pt;
    justify-content: space-between;
    text-decoration: none;
    background-color: #F2F0F7;
    padding: 4pt;
    font-size: 12pt;
    border-radius: 0pt 8pt 8pt 8pt;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    color: #967BB6;
    background: #fff;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.navbar-container .photo-header {
    display: none;
}

.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100vw;
    background: #392C49;

}

.footer .footer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    gap: 8pt;
}

.footer .footer-container .footer-contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    gap: 4pt;
    background-color: #F2F0F7;
    border-radius: 8pt;
    font-size: 12pt;
}

.footer .footer-container .footer-contact h1 {
    font-size: 16pt;
}

.footer .footer-container .footer-contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4pt;
    padding: 4pt;
}


.footer .footer-container .footer-contact .footer-contact-info-facebook {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .footer-container .footer-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12pt;
    gap: 4pt;
}

.footer .footer-container .footer-text .footer-text-bas {
    display: flex;
    gap: 4pt;
}

p {
    font-family: "SF-Regular", sans-serif;
    font-size: 12pt;
    color: #000;
}

h1 {
    font-family: "Monotalic", sans-serif;
    font-size: 12pt;
    color: #88D391;
}

h2 {
    font-family: "SF-Semibold", sans-serif;
    min-height: 16t;
    color: #fff;
}

li {
    font-family: "SF-Thin", sans-serif;
    min-height: 12pt;
    color: #fff;
}

.index-section1 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8pt;
    padding-left: 8pt;
    padding-right: 8pt;
    padding-top: 8pt;
    padding-bottom: 8pt;
}

.index-section1 img {
    height: 95%;
    width: 95%;
}

.index-section2 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8pt;
    padding: 8pt;

}

.index-section2 .index-section2-text {
    display: flex;
    flex-direction: column;
    gap: 16pt;
    justify-self: center;
}

.index-section2 .index-section2-text .index-button {
    display: flex;
    gap: 4pt;
    position: relative;
}

.index-section2 .index-section2-text .index-button li a {
    text-decoration: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 4pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.index-section2 .index-section2-text .index-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.index-section2 .index-section2-text .index-button li .dropdown-offre {
    display: none;
}

.index-section2 .index-section2-text .index-button li .dropdown-offre li a {
    display: flex;
    
}

.index-section2 .index-section2-text .index-button li:hover .dropdown-offre {
    display: flex;
    flex-direction: column;
    position: absolute;
    gap: 4pt;
    justify-content: space-between;
    text-decoration: none;
    background-color: #F2F0F7;
    padding: 4pt;
    font-size: 12pt;
    border-radius: 0pt 4pt 4pt 4pt;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
    color: #967BB6;
    background: #fff;
    box-shadow: 8pt 8pt 8pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
}

.index-section2 img {
    height: 95%;
    width: 95%;
}

.index-section3 {
    display: flex;
    flex-direction: column;
    padding-left: 16pt;
    gap: 4pt;
    background-color: #F2F0F7;
}

.index-section3 .index-section3-title {
    font-family: Monotalic, sans-serif;
    font-size: 16pt;
    color: #88D391;
}

.index-section3 p {
    font-family: "SF-Regular", sans-serif;
}

.index-citations{
    font-family: "SF-Light-Italic", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    background-color: #F2F0F7;
}

.index-citations p {
    font-family: 'SF-Light-Italic', sans-serif;
}

.pres-section1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #F2F0F7;
    padding: 16pt;
    gap: 8pt;
}

.offres .offres-haut {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    gap: 8pt;
}

.offres .offres-haut .offres-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 8pt;
    border-radius: 8pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
    background-color: #F2F0F7;
    gap: 4pt;
}

.offres .offres-haut .offres-widget .offres-text-button {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 8pt;
}

.offres .offres-haut .offres-widget .offres-text-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 4pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.offres .offres-haut .offres-widget .offres-text-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.offres .offres-bas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8pt;
    gap: 8pt;
}

.offres .offres-bas .offres-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 8pt;
    border-radius: 4pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt);
    background-color: #F2F0F7;
    gap: 4pt;
}

.offres .offres-bas .offres-widget .offres-text-button {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 4pt;
}

.offres .offres-bas .offres-widget .offres-text-button li a {
    text-decoration: none;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 4pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.offres .offres-bas .offres-widget .offres-text-button li a:hover {
    color: #967BB6;
    background: #fff;
}

.contact {
    display: flex;
    flex-direction: column;
    background-color: #F2F0F7;
    width: 100%;
    padding: 8pt;
    gap: 4pt;
    justify-content: center;
    align-items: center;
}

form {
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    padding: 8pt;
    width: 90vw;
    gap: 4pt;
    justify-content: center;
    align-items: center;
    border-radius: 4pt;
    box-shadow: 4pt 4pt 4pt rgba(52, 52, 52, 0.25);
    backdrop-filter: blur(8pt)
}

input, textarea {
    width: 100%;
    background: transparent;
    padding: 8pt;
    border: 1px, solid #967BB6;
    border-radius: 4pt;
    font-family: "SF-Thin";
}

input:focus, textarea:focus {
    outline: none;
    border-color: #fff;
    transition-duration: 0,3;
}

.button-form {
    font-family: "SF-Thin";
    text-decoration: none;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 8pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}

.button-form:hover {
    color: #967BB6;
    background: #fff;
}

.pdc {
    display: flex;
    flex-direction: column;
    padding: 8pt;
    gap: 4pt;
    align-items: center;
    justify-content: center;
}

.pdc .pdc-text {
    display: flex;
    flex-direction: column;
    gap: 4pt;
    padding: 8pt;
    justify-content: center;
}

.ml {
    display: flex;
    flex-direction: column;
    padding: 8pt;
    gap: 4pt;
    align-items: center;
    justify-content: center;
}

.ml .ml-text {
    display: flex;
    flex-direction: column;
    gap: 4pt;
    padding: 8pt;
    justify-content: center;
}

.offres-intro {
    display: flex;
    flex-direction: column;
    gap: 8pt;
    padding: 8pt;
    justify-content: center;
    align-items: center;
}

.offres-section1 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16pt;
    padding: 8pt;
}

.offres-section1 img {
    width: 90%;
    height: 90%;
}

.offres-section1 .offres-section-text {
    display: flex;
    flex-direction: column;
    gap: 4pt;
    padding: 8pt;
}

.offres-section2 {
    width: 100%;
    background-color: #F2F0F7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16pt;
    padding: 8pt;
}

.offres-section2 img {
    width: 90%;
    height: 90%;
}

.offres-section2 .offres-section-text {
    display: flex;
    flex-direction: column;
    gap: 4pt;
    padding: 8pt;
}

.tarifs {
    display: flex;
    flex-direction: column;
    gap: 16pt;
    padding-bottom: 16pt;
    justify-content: center;
    align-items: center;
}

.tarifs p {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.tarifs li a {
    text-decoration: none;
    color: #fff;
    font-size: 12pt;
    padding: 4pt;
    border-radius: 4pt;
    background-color: #967BB6;
    transition: all 0.3s ease-in-out;
    white-space: nowrap;
}
.tarifs li a:hover {
    color: #967BB6;
    background: #fff;
}

.footer-contact-info {
    width: 75%;
    height: 75%;
    cursor: pointer;
}

}

.footer-contact-info {
    cursor: pointer;
}