* {
                    font-family: 'Montserrat', sans-serif;
                }
                
                html {
                    scroll-behavior: smooth;
                }
                
                .opa :hover {
                    opacity: 0.7;
                }
                
                .rotate {
                    -webkit-transition: all 2s ease;
                    transition: all 2s ease;
                }
                
                .rotate :hover {
                    -webkit-transform: rotate(-30deg);
                    transform: rotate(-30deg);
                }
                
                .hov a:hover {
                    background-image: linear-gradient(to left, #ff6e7f 0%, #bfe9ff 51%, #ff6e7f 100%);
                    border-radius: 40px;
                    font-weight: bold;
                }
                
                .btn {
                    text-align: center;
                    cursor: pointer;
                    text-transform: uppercase;
                    transition: 1.5s;
                    border-radius: 40px;
                    background-size: 200%;
                    padding: 20px;
                }
                
                .btn1 {
                    background-image: linear-gradient(to right, #ff6e7f 0%, #bfe9ff 51%, #ff6e7f 100%);
                }
                
                .btn1:hover {
                    background-position: right center;
                }
                
                a {
                    color: black;
                }
                
                a:link {
                    color: black;
                    text-decoration: none;
                }
                
                a:hover {
                    color: black;
                }
                
                .circle {
                    float: left;
                    shape-outside: circle();
                }
                
                #section01 {
                    background-color: rgba(169, 169, 169, 0.152);
                    align-items: center;
                    text-align: center;
                    height: 400px;
                    border-radius: 15px;
                    box-shadow: 5px 10px 20px 5px rgba(169, 169, 169, 0.152);
                }
                
                #section02 {
                    background-color: rgba(219, 33, 33, 0.152);
                    align-items: center;
                    text-align: center;
                    border-radius: 15px;
                    margin-top: 20px;
                    box-shadow: 5px 10px 20px 5px rgba(169, 169, 169, 0.152);
                }
                
                #section03 {
                    background-color: white;
                    align-items: center;
                    justify-content: space-around;
                    width: auto;
                }
                
                #section03 img {
                    filter: brightness(200%);
                    width: 100px;
                    margin-top: 5px;
                }
                
                #section04 {
                    background-color: rgba(169, 169, 169, 0.152);
                    align-items: center;
                    justify-content: space-around;
                    height: 400px;
                    border-radius: 15px;
                    box-shadow: 5px 10px 20px 5px rgba(169, 169, 169, 0.152);
                }
                
                #section05 {
                    justify-content: space-around;
                    height: auto;
                }
                
                #section06 {
                    justify-content: space-around;
                    height: auto;
                    background-color: rgba(169, 169, 169, 0.152);
                    align-items: center;
                    padding: 10px;
                    border-radius: 15px;
                    box-shadow: 5px 10px 20px 5px rgba(169, 169, 169, 0.152);
                }
                
                #section07 {
                    justify-content: space-around;
                    height: auto;
                    align-items: center;
                }
                
                .card {
                    border-radius: 20px;
                }
                
                h2 {
                    color: #FF4935;
                }
                
                h4 {
                    color: #FF4935;
                }
                
                .borimg {
                    border: solid 1px black;
                    border-radius: 10%;
                    box-shadow: 5px 5px 5px rgb(153, 126, 126);
                    height: 330px;
                }
                
                .borimgt1 {
                    border-radius: 10%;
                    box-shadow: 5px 5px 5px rgb(153, 126, 126);
                    background-color: #C3C3D8;
                    height: 400px;
                }
                
                .borimgt2 {
                    border-radius: 10%;
                    box-shadow: 5px 5px 5px rgb(153, 126, 126);
                    background-color: #C1DEE2;
                    height: 400px;
                }
                
                .borimgt3 {
                    border-radius: 10%;
                    box-shadow: 5px 5px 5px rgb(153, 126, 126);
                    background-color: #C5CFD6;
                    height: 400px;
                }
                
                .grayscale div img {
                    -webkit-filter: grayscale(100%);
                    filter: grayscale(100%);
                    -webkit-transition: .3s ease-in-out;
                    transition: .3s ease-in-out;
                }
                
                .grayscale div:hover img {
                    -webkit-filter: grayscale(0);
                    filter: grayscale(0);
                }
                
                .fade-in {
                    animation: fadeIn ease 5s;
                    -webkit-animation: fadeIn ease 5s;
                    -moz-animation: fadeIn ease 5s;
                    -o-animation: fadeIn ease 5s;
                    -ms-animation: fadeIn ease 5s;
                }
                
                @keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-moz-keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-webkit-keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-o-keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                @-ms-keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    100% {
                        opacity: 1;
                    }
                }
                
                .card {
                    justify-content: space-around;
                }
                
                .card img {
                    width: 350px;
                    height: 200px;
                }
                
                .zoom {
                    transition: transform .2s;
                }
                
                .zoom:hover {
                    transform: scale(1.1);
                }
                
                .btnc {
                    background-color: blueviolet;
                    color: white;
                }
                
                .contact {
                    justify-content: center;
                    align-items: center;
                }
                /* /*Cookie Consent Begin*/
                /* #cookieConsent {
                    background-color: rgba(20, 20, 20, 0.8);
                    min-height: 26px;
                    font-size: 14px;
                    color: #ccc;
                    line-height: 26px;
                    padding: 8px 0 8px 30px;
                    font-family: "Trebuchet MS", Helvetica, sans-serif;
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    display: none;
                    z-index: 9999;
                }
                
                #cookieConsent a {
                    color: #4B8EE7;
                    text-decoration: none;
                }
                
                #closeCookieConsent {
                    display: inline-block;
                    cursor: pointer;
                    height: 20px;
                    width: 20px;
                    margin: -15px 0 0 0;
                    font-weight: bold;
                }
                
                #closeCookieConsent:hover {
                    color: #FFF;
                }
                
                #cookieConsent a.cookieConsentOK {
                    background-color: #F1D600;
                    color: #000;
                    display: inline-block;
                    border-radius: 5px;
                    padding: 0 20px;
                    cursor: pointer;
                    margin: 0 60px 0 10px;
                }
                
                #cookieConsent a.cookieConsentOK:hover {
                    background-color: #E0C91F;
                } */
                /*Cookie Consent End*/
                
                footer {
                    background-color: rgba(169, 169, 169, 0.152);
                    box-shadow: 0px -8px 10px 0px rgba(169, 169, 169, 0.152);
                }
                
                ul {
                    list-style-type: none;
                    margin: 0%;
                    padding: 0%;
                    text-align: center;
                }
                
                ul li {
                    align-items: stretch;
                    padding: 0%;
                    margin: auto;
                }
                
                .heure {
                    text-align: center;
                }
                
                .contact {
                    text-align: center;
                }
                
                .info {
                    text-align: center;
                }
                
                @media only screen and (min-device-width: 645px) and (max-device-width: 1100px) {
                    body {
                        margin: 0%px;
                    }
                    .hov a:hover {
                        background-image: linear-gradient(to left, #ff6e7f 0%, #bfe9ff 51%, #ff6e7f 100%);
                        border-radius: 10px;
                        padding: 5px;
                    }
                    .zoom {
                        transition: transform .2s;
                    }
                    .zoom:hover {
                        transform: scale(1.1);
                    }
                    #section01 {
                        flex-wrap: nowrap;
                    }
                    #section01 img {
                        width: 150px;
                        height: 150px;
                    }
                    #section03 {
                        font-size: 15px;
                    }
                    #section03 img {
                        width: 100px;
                        height: 100px;
                    }
                    #section04 {
                        height: auto;
                        font-size: 15px;
                        
                    }
                    #section05 {
                        transition: transform .2s;
                        transform: scale(1.1);
                    }
                    #section06 {
                        justify-content: center;
                        height: auto;
                        background-color: rgba(169, 169, 169, 0.152);
                    }
                    .fade-in {
                        margin-top: 10px;
                        animation: fadeIn ease 5s;
                        -webkit-animation: fadeIn ease 5s;
                        -moz-animation: fadeIn ease 5s;
                        -o-animation: fadeIn ease 5s;
                        -ms-animation: fadeIn ease 5s;
                    }
                    @keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    @-moz-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    @-webkit-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    @-o-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    @-ms-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    .borimg {
                        border: none;
                        box-shadow: none;
                        margin-left: 5%;
                        height: auto;
                        width: auto;
                        margin-left: 0%;
                    }
                    p {
                        font-size: 15px;
                    }
                    h4 {
                        color: #FF4935;
                        font-size: 15px;
                    }
                    .borimgt1 {
                        border-radius: 5%;
                        box-shadow: 5px 5px 5px rgb(153, 126, 126);
                        background-color: #C3C3D8;
                        height: auto;
                        width: 80%;
                    }
                    .borimgt2 {
                        border-radius: 5%;
                        box-shadow: 5px 5px 5px rgb(153, 126, 126);
                        background-color: #C1DEE2;
                        height: auto;
                        width: 80%;
                    }
                    .borimgt3 {
                        border-radius: 5%;
                        box-shadow: 5px 5px 5px rgb(153, 126, 126);
                        background-color: #C5CFD6;
                        height: auto;
                        width: 80%;
                    }
                    .zoom {
                        transition: transform .2s;
                    }
                    .zoom:hover {
                        transform: scale(1);
                    }
                }
                
                @media (prefers-reduced-motion: reduce) {
                    html {
                        scroll-behavior: auto;
                    }
                }
                
                @media only screen and (max-device-width: 644px) {
                    #section01 {
                        background-color: rgba(169, 169, 169, 0.152);
                        align-items: center;
                        text-align: center;
                    }
                    #section01 #logo {
                        display: none;
                        
                    }

                    #section01 p {
                        text-align: center;
                    }

                   .hov a:hover {
                        background-image: linear-gradient(to left, #ff6e7f 0%, #bfe9ff 51%, #ff6e7f 100%);
                        border-radius: 10px;
                        padding: 5px;
                    }
                    #section01 h2 {
                        font-size: 15px;
                    }
                    h1 {
                        font-size: 20px;
                    }
                    #section03 {
                        background-color: white;
                        align-items: center;
                        justify-content: space-around;
                        width: auto;
                        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.8);
                    }
                    .borimg {
                        border: solid 1px black;
                        border-radius: 10%;
                        box-shadow: 5px 5px 5px rgb(153, 126, 126);
                        height: auto;
                        margin-top: 10px;
                    }
                    .zoom {
                        transition: transform .2s;
                    }
                    .zoom:hover {
                        transform: scale(1.02);
                    }
                    #section04 {
                        height: auto;
                        font-size: 15px;
                    }
                }
                
                @media (prefers-reduced-motion: reduce) {
                    html {
                        scroll-behavior: auto;
                    }
                }