html {
    font-size: 62.5%;
    
}

body {
    font-family: "Kreon", serif;
    font-size: 1.62rem;
}

h2,h3,h4 {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/* Début section nav */

header.jt-design-nav {
    background-image: url("../img/pexels-photo-132694.jpeg");
    background-size: cover;
    width: 100%;
    height: 64rem;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.jt-design-nav {
    width: 100%;
    margin: 0 auto; 
}

.navbar {
    background-color: rgba(33, 45, 57, 0.8);
}

.jt-navbar .jt-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width:991px) {
    
    .jt-navbar .jt-row {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    .jt-navbar .jt-row .jt-brand, .jt-navbar .jt-row .jt-menu {
        flex: 0 0 100%;
       
    }
    .jt-navbar .jt-row .jt-brand {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.design-brand a {
    font-weight: 800;
    font-size: 3rem;
}

/* Fin Nav */
/* Première section */

.jt-container .wrapper {
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

h1 {
    color: white;
    background-color: #3e2c0a;
    width: 35rem;
    font-size: 5rem;
    font-weight: 900;
    margin-top: 25rem;
}

.wrapper p {
    background-color: white;
    color: #3e2c0a;
    width: 40rem;
    height: 2.8rem;
    font-size: 2.2rem;
    font-weight: 700;
}

.wrapper img {
    height: 3rem;
    margin-top: 16rem;
    padding-left: 3rem;
}

/* Fin première section */
/* Deuxième section */

.intro h2 {
    font-size: 4rem;
    font-weight: bold;
}

.intro p {
    font-size: 1.4rem;
    font-weight: 900;
}

.lign-cut {
    width: 8rem;
    margin: 0 auto;
    font-size: 1.9rem;
    font-weight: 700;
    border-bottom: 0.3rem solid #3e2c0a ;
    margin-top: 2rem;
    margin-bottom: 5rem;
}

.jt-intro {
    background-color: white;
    color: #3e2c0a;
}

.jt-description img {
    height: 5rem;
    margin-bottom: 1rem;
}

h2 {
    font-weight: bold;
}

/* Fin Deuxième section */
/* Troisième section */

.jt-container-stats {
    background-image: url(../img/kitchen-cake-backe-backing.jpg);
    min-height: 80vh;
    display: flex;
    align-items: center;
}

.jt-stats {
    text-align: center;
}

.jt-stats h2 {
    color:white;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.jt-stats p {
    color: white;
    font-size: 1.4rem;
    font-weight: bold;
}

.jt-stats img {
    color: aliceblue;
    height: 6rem;
    margin-bottom: 0.5rem;
}

/* Fin Troisième section */
/* Quatrième section */

.jt-carte img {
    margin-top: 3rem;
    border: rgb(223, 222, 222) 0.6rem solid ;
    border-radius: 4%;
}


.jt-carte h4 {
    margin-top: 3rem;
    font-size: 2rem;
    font-weight: 600;
    font-weight: bold;
}

.jt-carte p {
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
}

/* Section Menus */

.jt-container {
    background-size: cover;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

.jt-container-menu {
    background-image: url(../img/pexels-photo-24553.jpg);
}

.jt-container-menu {
    background-image: url(../img/pexels-photo-24553.jpg);
}

/** Articles **/
.articles {
    padding: 0 1.5rem;
}

.article {
    display: flex;
}

.img-macaron {
    position: relative;
}

.img-macaron img {
    width: 100%;
    height: auto;
    border: rgb(216, 214, 214) 0.3rem solid;
    border-radius: 2%;  
}

.les-menus {
    color: white;
    font-size: 1.9rem;
    font-weight: 600;
    margin-left: 0;   
}

.titre-texte p {
    color: white;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1.2rem;
    margin-top: 1rem;
}

.titre-texte a {
    color: white;
    text-decoration: none;
    background-color: rgb(207, 60, 60);
    font-weight: bold;
    padding: 0.5rem 0.8rem;
}

.prix { 
    position: absolute;
    z-index: 3;
    color: white;
    font-size: 2rem;
    font-weight: bolder;
    border: 0.3rem white solid;
    border-radius: 50%;
    height: 5rem;
    width: 5rem;
    padding: 0.7rem 0.2rem;
    display: flex
;
    align-items: center;
    justify-content: center;
    left: -5px;
    top: -14px;  
}

.brun {
    background-color: #3e2c0a;
}

.bleu { 
   background-color: #33d6f3;  
}

.vert { 
   background-color: #2edc62;   
}

.jt-space-section {
    padding: 10rem 0;
}

a.nav-link.active {
    background-color: #3e2c0a;
}

.color-light {
    color: white;
}

/* Footer */

.jt-container-footer {
    background-color: #3e2c0a;
}

.jt-container-footer .jt-wrapper-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.jt-container-footer .jt-wrapper-footer ul.jt-follow {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    color: white;
    display: flex;
}

.jt-container-footer .jt-wrapper-footer ul.jt-follow a  {
    color: white;
    margin-left: 5px;
    
}
.jt-container-footer .jt-wrapper-footer .jt-copyright{ 
    color:white 
}

.jt-container-footer img {
    width: 3rem;
    
}

/** Overide Boostrap**/
/** Taille de la font de la valeur de la forme **/
.jt-container-formulaire .form-floating > .form-control:not(:placeholder-shown) {
    font-size: 1.4rem !important;
}
/** Input et select **/
.jt-container-formulaire .form-floating > .form-control,
.jt-container-formulaire .form-floating > .form-select {
    padding: 19px 7px 5px 7px !important;
    min-height: 51px !important;
}
/** arrière plan label **/
.jt-container-formulaire .form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
.jt-container-formulaire .form-floating > .form-select:not(:placeholder-shown) ~ label::after{
    background-color: transparent !important;
}

.jt-formulaire-button {
    color: white;
    border-color:rgb(207, 60, 60);
    background-color:rgb(207, 60, 60);
}