@media screen and (min-width: 1400px) {
    .img-15 {
        width: 15%;
    }

    .cookies {
        bottom: 0;
    }

    .container-google, .container-google .connexion-btn {
        top: 15vh;
    }

    .reserver-btn {
        top: 5vh;
    }

    .container-google .btn, .container-google .connexion-btn {
        width: 5vw;
    }
}

@media screen and (min-width: 1200px) and (max-width:1400px) {
    .img-15 {
        width: 15%;
    }

    .cookies {
        bottom: 0;
    }

    .container-google, .container-google .connexion-btn {
        top: 15vh;
    }

    .reserver-btn {
        top: 5vh;
    }

    .container-google .btn, .container-google .connexion-btn {
        width: 5vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 993px) {

    .img-15 {
        width: 25%;
    }

    .cookies {
        bottom: 0;
    }

    .container-google, .container-google .connexion-btn {
        top: 0vh;
    }

    .reserver-btn {
        top: 0;
    }

    .container-google .btn, .container-google .connexion-btn {
        width: 15vw;
    }
}

@media screen and (max-width: 992px) and (min-width: 391px) {

    .img-15 {
        width: 25%;
    }

    .cookies {
        bottom: 6vh;
    }

    .container-google, .container-google .connexion-btn {
        top: 0vh;
    }

    .reserver-btn {
        top: 5vh;
    }

    .container-google .btn, .container-google .connexion-btn {
        width: 15vw;
    }
}

@media screen and (max-width: 390px) {

    .img-15 {
        width: 45%;
    }

    .cookies {
        bottom: 6vh;
    }

    .container-google, .container-google .connexion-btn {
        top: 0;
    }

    .reserver-btn {
        top: 0;
    }
}

@-webkit-keyframes zoom_in {
    from {
        background-size: 100%;
    }

    to {
        background-size: 130%;
    }
}

@keyframes zoom_in {
    from {
        background-size: 100%;
    }

    to {
        background-size: 130%;
    }
}

@-webkit-keyframes new-panel {
    from {
        background-color: red;
    }

    to {
        background-color: rgb(255, 193, 193);
    }
}

@keyframes new-panel {
    from {
        background-color: red;
    }

    to {
        background-color: rgb(255, 193, 193);
    }
}

@keyframes goldm {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 100% 0%
    }
}

@-webkit-keyframes goldm {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 100% 0%
    }
}

@keyframes chevron{
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.header {
    background-image: url("../images/structure/banner.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
}

.border-left-black{
    border-left: 2px solid black;
}

.animate-chevron{
    animation: chevron 2s ease-in-out 0s infinite;
}

h1, h2 {
    text-shadow: 2px 2px 2px white;
}

body {
    font-family: 'Lobster', cursive;
    letter-spacing: 0.15rem;
    overflow-x: hidden;
}

ul > li > a {
    color: white;
    text-shadow: 0px 0px 14px white;
}

a{
    color: black;
}

.link-footer{
    color: white !important;
}
a:hover {
    color: red;
}

.no-border {
    box-shadow: none !important;
}

.logo-header {
    width: 100%;
    height: auto;
}

.logo-header-mob {
    width: 30%;
    height: auto;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: black;

    background-image: -webkit-gradient(linear, 0 0, 0 100%,
            color-stop(.5, #c80808),
            color-stop(.5, transparent), to(transparent));
}

html {
    scroll-behavior: smooth !important;
}

nav.nav-pc {
    position: sticky;
    top: 0;
    z-index: 9997;
}

nav.nav-center ul {
    text-align: center;
}

nav.nav-center ul li {
    display: inline;
    float: none;
}

nav.nav-center ul li a {
    display: inline-block;
}

.circle {
    border: 2px solid black;
    border-radius: 50%;
    padding: 0.2em;
    background-color: black;
    color: white;
}

nav.nav-mobile-bottom {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100vw;
}

nav ul li a:hover {
    /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%);
    */
    background-color: white;
    color: black;
}

.nav-mobile-btn {
    position: fixed;
    top: 1vh;
    left: 1vw;
    background-color: white;
    color: white;
    padding: 0.4em;
    z-index: 998;
}

.nav-mobile-btn i {
    color: black;
}


.back-restau-accueil {
    background-image: url("../images/structure/restau-up.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 60vh;
    height: 60vh;
}

.back-restau-accueil:hover {
    background-image: url("../images/structure/restau-up.webp");
    -webkit-animation: 4s linear 0s 1 alternate zoom_in;
    animation: 8s linear 0s 1 alternate zoom_in;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 60vh;
    height: 60vh;
}

.back-bar-accueil {
    background-image: url("../images/structure/bar-up.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 60vh;
    height: 60vh;
}

.back-bar-accueil:hover {
    background-image: url("../images/structure/bar-up.webp");
    -webkit-animation: 4s linear 0s 1 alternate zoom_in;
    animation: 8s linear 0s 1 alternate zoom_in;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 60vh;
    height: 60vh;
}

.width-100 {
    width: 100%;
}

.btn-accueil {
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 0) 100%);
    box-shadow: none;
    color: white;
    font-weight: bold;
    font-size: 2.4rem;
    text-transform: none;
}

nav {
    background-color: black;
    color: white;
}

a {
    text-decoration: underline;
}



.section-accueil-1 {
    background-image: url("../images/structure/planche.webp");
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-shadow-white {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.page-footer {
    background-color: black;
}

.evenement {
    position: relative;
    max-height: 70vh;
    display: flex;
}

.evenement .content-evenement {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    top: 50%;
    left: 45vw;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 1em;
    color: black;
    font-size: 1.2em;
    box-shadow: 0 19px 38px rgba(255, 255, 255, 0.30), 0 15px 12px rgba(255, 255, 255, 0.22);
    border-radius: 15px;
    min-width: 60vw;
    width: 60vw;
}

.evenement img {
    width: 100vw;
    height: auto;
}

.img-100 {
    width: 100vw;
}

.evenement-button {
    margin: 1em;
}

.btn {
    background-color: black;
    color: white;
    text-transform: none;
    text-decoration: underline;
}

.btn:hover {
    background-color: white;
    color: black;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid black;
    box-shadow: 0 1px 0 0 black;
}

.input-field label {
    color: black;
}

.section-bar-accueil-2 {
    background-color: white;
    background-image: url('../images/header_2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding: 2em;
    color: white;
    text-shadow: 1px 1px 2px black;
}

.container-google {
    position: fixed;
    right: 0vw;
    z-index: 9998;
    background: white;
    border-radius: 15%;
    padding: 0.4rem;
}

.login-with-google-btn-phone {
    position: relative;
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 25%);
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    text-decoration: none;
}

.login-with-google-btn {
    position: relative;
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 25%);
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    text-decoration: none;
}

.login-with-google-btn-no-fix {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 25%);
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    text-decoration: none;
}

.connexion-btn {
    background-color: white;
    color: black;
}

.login-with-google-btn:hover {
    background-color: grey;
}

.login-with-google-btn:active {
    background-color: #000000;
}

.login-with-google-btn:focus {
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}

.bg-boisson {
    background-image: url(../images/structure/back_boissons.webp);
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
}

.bg-trans {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-accueil-bar {
    background: whitesmoke;
}

.parallax-container {
    height: auto;
}

.btn-resa-event{
    position: fixed;
    top: 15vh;
    z-index: 9999;
}
.btn-event{
    color: black;
    background: white;
}
.btn-event:hover{
    color: black;
    background: #c80808;
}

.border-i {
    box-shadow: 2px 2px 2px black;
    border: 1px solid white;
    border-radius: 10% 10%;
    padding: 0.4rem;
    background-color: white;
}

.border-i:hover {
    box-shadow: 2px 2px 7px black;
    border: 1px solid red;
    border-radius: 5% 5%;
    padding: 0.4rem;
    background-color: #c80808;
    color: white !important;
}

.padd-0 {
    padding: 0 !important;
}

.mb-0 {
    margin-bottom: 0;
}

.bg-white-trans {
    background: rgba(255, 255, 255, 0.6);
}

.para-restau {
    min-height: 70vh;

}

.padd-2 {
    padding: 0.2rem;
}

.img-plat {
    width: 100%;
    border-radius: 15%;
}

.plats-style ul {
    padding-left: 3rem;
}

h6 {
    font-size: 2.4rem;
    font-style: italic;
    text-decoration: underline;
}

.nom-boissons {
    font-size: 1.5rem;
    text-decoration: underline;
}

.liste-boissons>li {
    list-style: circle !important;
    list-style-type: circle !important;
    margin-left: 1rem;
}

.back-plats {
    background-image: url('../images/back-plats.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.border-red-left {
    border-left: 2px solid #555555;
}

.border-left-white {
    border-left: 2px solid white;
    border-right: 2px solid white;
}

.plats-style ul li::before {
    content: "\007c";
    color: #ee6e73;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.notif-col {
    padding: 1.5em !important;
    border-radius: 5px;
    box-shadow: 2px 2px 2px black;
}

.reserver-btn {
    position: fixed;
    left: 0;
    z-index: 9999;
    text-align: center;
    box-shadow: 2px 2px 2px black;
}

.reserver-btn-rest {
    position: fixed;
    right: 0;
    top: 5vh;
    z-index: 9999;
    text-align: center;
    box-shadow: 2px 2px 2px black;
}

.sidenav {
    z-index: 9999;
}

.reserver-btn div {
    margin: 0.4em;
    border: none;
    color: black !important;
    padding: 0.5em;
}

.reserver-btn div .btn-resa-event {
    margin: 0.4rem;
    position: fixed;
    top: 25vh;
}

.strip {
    background-color: rgba(120, 120, 120, 0.5);
}

.strip2 {
    background-color: rgba(221, 221, 221, 0.5);
}

.img-100 {
    width: 100%;
    height: auto;
}

.img-35 {
    width: 35%;
    height: auto;
}

.img-10 {
    width: 10%;
    height: auto;
}


.hidden {
    display: none;
}

.new-resa {
    position: fixed;
    z-index: 999;
    top: 50vh;
    left: 0;
    background-color: red;
    color: white;
    width: 100%;
    animation: new-panel 1s ease-in-out 5s infinite;
}

.maintenance {
    min-height: 100vh;
}


.maintenance-text {
    position: fixed;
    z-index: 9999;
    top: 15vh;
    left: 38vw;
}

.bg-head-categ {
    background-image: url('../images/structure/back_head_categ.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

@keyframes flicker {

    0%, 18%, 22%, 25%, 53%, 57%, 100% {

        text-shadow:
            0 0 7px red,
            0 0 10px red,
            0 0 21px red,
            0 0 42px #c80808,
            0 0 82px #c80808,
            0 0 92px #c80808,
            0 0 102px #c80808,
            0 0 151px #c80808;

    }

    20%, 24%, 55% {
        text-shadow: none;
    }
}


.categ-title {
    color: #fff;
    text-shadow:
        0 0 7px red,
        0 0 10px red,
        0 0 21px red,
        0 0 42px #c80808,
        0 0 82px #c80808,
        0 0 92px #c80808,
        0 0 102px #c80808,
        0 0 151px #c80808;
    animation: flicker 1.5s infinite alternate;
    font-size: 2.6rem;
}

.bg-head-categ h5 {
    font-size: 2.8rem;
    padding: 1.5rem;
}

.table-boissons tr {
    color: #c80808 !important;
    text-shadow: 1px 1px 0px white;
    background-color: rgba(0, 0, 0, .6);
}

.table-boissons tbody tr {
    background-color: white !important;
}

.table-boissons tbody tr:hover {
    background-color: white;
    box-shadow: 2px 3px 8px 2px white;
}

.circle {
    border: none;
}

.notifications-container {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    overflow: auto;
    z-index: 9998;
    background-color: rgba(255, 255, 255, 0.4);
}

.btn-action {
    position: fixed;
    top: 25vh;
    left: 0;
    z-index: 9999;
}

.gold {
    background: linear-gradient(45deg, #AE8625, #F7EF8A, #D2AC47, #D2AC47, #ebd4a5, #F7EF8A, #D2AC47, #EDC967, #AE8625, #F7EF8A);
    background-size: 400% 100%;
    background-position: 0 0;
    animation: goldm 60s linear infinite;
}

.silver {
    background:
        linear-gradient(-72deg,
            #dedede,
            #ffffff 16%,
            #dedede 21%,
            #ffffff 24%,
            #dad9d9 27%,
            #dedede 36%,
            #adadad 45%,
            #a8a8a8 60%,
            #dedede 72%,
            #8b8b8b 80%,
            #919191 84%,
            #a1a1a1);
    background-size: 400% 100%;
    background-position: 0 0;
    animation: goldm 62s linear infinite;
}

.bronze {
    background: linear-gradient(-72deg,
            #ca7345,
            #d67234 16%,
            #ca7345 21%,
            #bd6935 24%,
            #a14521 27%,
            #ca7345 36%,
            #f7b78f 45%,
            #fac19e 60%,
            #ca7345 72%,
            #ffdeca 80%,
            #ca7345 84%,
            #732100);
    background-size: 400% 100%;
    background-position: 0 0;
    animation: goldm 64s linear infinite;
}

.italic {
    font-style: italic;
}

.cookies {
    position: fixed;
    background: #dad9d9;
    z-index: 9999;
    width: 100vw;
}

.cookies .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #dad9d9 !important;
}

#pastille {
    background: red;
    border-radius: 50%;
    padding: 0.3rem;
    font-weight: bold;
    font-size: 1.2rem;
}

.btn-logout:hover {
    color: #000000 !important;
}


img {
    height: auto;
    width: 100%;
}


.contact-banner {
    position: fixed;
    background-color: black;
    top: 0;
    width: 100%;
    z-index: 9997;
}

.contact-banner a{
    color:white !important;
}
.contact-banner a:hover{
    color: #c80808 !important;
}

.img-pates {
    width: 100%;
    border-radius: 50%;
}

.prix-resto {
    padding: 1.15rem;
    border-radius: 50%;
}

.prix-resto2 {
    padding: 1.25rem;
    border-radius: 50%;
}

.text-uo {
    text-decoration: underline overline;
}

.card-plats, .card-title {
    border-radius: 12px 12px 12px 12px !important;
}

.card-plats {
    box-shadow: 11px 10px 9px rgba(0, 0, 0, 0.5);
}

.card-plats:hover {
    box-shadow: 11px 10px 9px rgba(0, 0, 0, 0.1);
}

p, a, span, ul li {
    font-size: 1.2rem;
}

.nom-plat-jour {
    font-size: 2rem;
    font-weight: bold;
}