body {
    position : relative;
    margin : 0 auto;
    padding : 0;
    width : 100%;
    min-width : 320px;
    color : rgb(74, 51, 41);
    height : auto;
    letter-spacing : 0.3px;
    background-color : white;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .capture {
    display : flex;
    justify-content : center;
    width : 100%;
    margin : 0 auto;
    height : auto;
    object-fit : cover;
    }
    .capturemobile {
    display : none;
    }
    .abc {
    display : flex;
    align-items : center;
    color : white;
    }
    
    header {
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    background-color : white;
    line-height : 0;
    z-index : 100;
    position : sticky;
    top : 0;
    box-shadow : 0 4px 6px -1px rgb(0, 0, 0, 0.1), 0 2px 4px -1px rgb(0, 0, 0, 0.06);
    }
    .header-main {
    display : grid;
    grid-template-columns : 1fr auto 1fr;
    align-items : center;
    width : 100%;
    max-width : 1200px;
    height : 80px;
    box-sizing : border-box;
    margin : 0 20px;
    }
    .header-left {
    display : flex;
    justify-content : flex-start;
    align-items : center;
    gap : 15px;
    }
    .header-middle {
    display : flex;
    justify-content : center;
    align-items : center;
    }
    .header-right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .header-social {
        width: auto;
        gap: 10px;
        display: flex;
        flex-direction: row;
    }
    
    .header-social img {
        display: flex;
        border-radius: 5px;
        cursor: pointer;
        width: 23px;
        height: 23px;
        object-fit: cover;
    }
    
    
    .navigation {
        list-style-type: none;
        display: flex;
        gap: 30px;
        align-items: center;
        margin: 0;
        padding: 0;
    }
    
    .navigation-item {
        position: relative;
        width: auto;
    }
    
    .navigation-item a {
        /* display: flex; */
        align-items: center;
        font-size: 1em;
        font-weight: 600;
        text-transform: uppercase;
        text-decoration: none;
        color: rgb(74, 51, 41);
    }
    
    .navigation-item a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -40px;
        background-color: rgb(227, 174, 116);
        width: 100%;
        height: 5px;
        border-radius: 30px;
        transform: scale(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
    }
    
    .navigation-item a:hover::after {
        transform: scale(1);
    }

    .navigation-item a.active::after {
        transform: scale(1);
    }
    
    .navigation-item a.active::after {
        transform: scale(1);
    }
    .header__logo {
    width : 75px;
    margin-top : -7px;
    border-radius: 50%;
    }
    .presentation {
    position : relative;
    display : flex;
    justify-content : center;
    width : 100%;
    top : -84px;
    margin-bottom : -90px;
    padding : 0 20px;
    box-sizing : border-box;
    }
    .presentation__container {
    display : flex;
    align-items : center;
    justify-content : space-around;
    column-gap : 20px;
    width : 1200px;
    max-width : 1200px;
    box-sizing : border-box;
    }
    .button-test {
    display : flex;
    justify-content : center;
    width : 200px;
    margin : 0 auto;
    position : absolute;
    bottom : 20px;
    padding : 22.5px 30px;
    border-radius : 30px;
    font-size : 1.1em;
    font-weight : 700;
    color : rgb(227, 174, 116);
    background-color : white;
    left : 50%;
    text-decoration : none;
    transform : translateX(-50%);
    cursor: pointer;
    transition : transform .3s;
    box-shadow : 0 0 0 1px rgb(0, 0, 0, 0.05), 0 0 0 1.5px rgb(209, 213, 219) inset;
    }
    .button-test:hover {
    transform : translateX(-50%) scale(1.03);
    }
    .presentation__box {
    display : flex;
    width: 100%;
    height: 250px;
    border-radius : 20px;
    box-shadow : 0 4px 8px -2px rgb(9, 30, 66, 0.25), 0 0 0 1px rgb(9, 30, 66, 0.08);
    margin-top : 20px;
    background-color : white;
    background : center /100% no-repeat;
    justify-content : space-between;
    flex-direction : column;
    }
    .presentation__box:nth-child(1) {
    background-image : url(img/aubergines.png); 
    }
    .presentation__box:nth-child(2) {
    background-image : url(img/miam.png);
    position : relative;
    }
    .presentation__box:nth-child(3) {
    margin-right : 0;
    margin-left : 0;
    }
    .presentation__box-link:last-of-type {
    display : flex;
    border-radius : 30px;
    margin-bottom : 20px;
    }
    .presentation__box-link {
    display : flex;
    margin : 0 auto;
    width : 210px;
    justify-content : center;
    height : 40px;
    box-shadow : 0 0 0 1px rgb(0, 0, 0, 0.05), 0 0 0 1.5px rgb(209, 213, 219) inset;
    padding : 12px 30px;
    border-radius : 30px;
    transition : transform .3s;
    }
    .presentation__box-link:hover {
    transform : scale(1.03);
    cursor : pointer;
    background-color : white;
    color : rgb(227, 174, 116);
    }
    .presentation__box-image {
    flex-grow : 1;
    display : flex;
    align-items : center;
    justify-content : center;
    height : 100%;
    }
    .presentation__box-image1 {
    display : block;
    width : auto;
    height : 25px;
    object-fit : cover;
    margin : 0 auto;
    }
    .presentation__box-image2 {
    display : block;
    width : auto;
    height : 45px;
    object-fit : cover;
    margin : 0 auto;
    }
    .presentation__box h2, .presentation__box h2, .presentation__box h1 {
    justify-content : center;
    display : flex;
    }
    .presentation__box:nth-child(1) {
    display : inline;
    text-align : center;
    padding : 0;
    background-color : white;
    }
    .presentation__box:nth-child(3) {
    display : flex;
    flex-direction : column;
    align-items : center;
    text-align : center;
    padding : 0;
    background-color : white;
    margin-left : 0;
    }
    .presentation__box__links {
    display : flex;
    flex-direction : column;
    justify-content : space-between;
    align-items : center;
    width : 100%;
    height : 140px;
    margin : 0 auto;
    }
    .banner{
        display: flex;
        width: 100%;
        margin: 0 auto;
        background-color: rgb(245, 245, 245);
        position: relative;
        z-index: 10;
    }
    .banner-container{
        width: 100%;
        max-width: 1240px;
        box-sizing : border-box;
        padding: 50px 20px;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 30px;
        margin: 0 auto;
        border-radius: 30px;
    }
    .banner-box{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 9px;
    }
    .banner-box p{
        margin: 0;
        font-size: 2.1rem;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0.1px;
        text-align: center;
        color: rgb(227, 174, 116);
        font-family : "Reenie Beanie", cursive;
    }
    .banner-box span{
        text-align: center;
        max-width: 250px;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1px;
    }
    .banner-box img{
        display: flex;
        width: 100%;
        max-width: 50px;
        margin-bottom: 4px;
        object-fit: cover;
        box-sizing: border-box;
    }
    #restaurant {
    display : block;
    width : 100%;
    border-radius : 30px;
    max-width : 1240px;
    box-sizing : border-box;
    padding : 0 20px;
    margin : 60px auto;
    }
    #restaurant__container {
    display : flex;
    width : 100%;
    max-width : 1200px;
    justify-content : space-around;
    flex-direction : row-reverse;
    border-radius : 30px;
    align-items : center;
    background-color : rgb(227, 174, 116);
    padding : 20px 30px;
    column-gap : 30px;
    box-sizing : border-box;
    }
    #restaurant__container__left {
    display : flex;
    width : 50%;
    box-sizing : border-box;
    justify-content : center;
    }
    #restaurant__container__left img {
    object-fit : cover;
    width : 100%;
    display : flex;
    height : 580px;
    padding : 10px 0;
    box-sizing: border-box;
    border-radius : 30px;
    }
    #restaurant__container__right {
    display : flex;
    width : 50%;
    flex-direction : column;
    background-color : white;
    padding : 0 30px 30px 30px;
    margin : 0 auto;
    border-radius : 30px;
    box-sizing : border-box;
    }
    #restaurant__container__right img {
    display : none;
    }
    #restaurant__container__right p {
    line-height : 1.3;
    font-size : 1.2em;
    color : rgb(74, 51, 41);
    }
    #restaurant__container__right h2 {
    font-size : 2.5em;
    text-align : center;
    color : rgb(74, 51, 41);
    font-weight : bolder;
    margin-bottom : 0;
    }
    .bouton__histoire {
    display : flex;
    align-items: center;
    justify-content : center;
    margin : 10px auto;
    font-style : normal;
    font-size : 1em;
    border-radius : 30px;
    text-decoration : none;
    text-underline-offset : 7px;
    text-transform : uppercase;
    font-weight : 600;
    height: 50px;
    width: auto;
    padding: 0 30px;
    cursor : pointer;
    outline : none;
    background-color :rgb(227, 174, 116);
    border : none;
    color : white;
    transform: scale(1);
    transition : transform 0.3s ease-out;
    }
    .bouton__histoire:visited {
    color: white;
    }
    .bouton__histoire:hover {
    transform: scale(1.03);
    }
    .supplement__container {
    width : auto;
    display : flex;
    height : 100px;
    background-color : rgb(74, 51, 41);
    border-top-left-radius : 30px;
    border-bottom-left-radius : 30px;
    box-sizing : border-box;
    padding : 30px;
    justify-content : flex-start;
    }
    .supplement__box p {
    color : white;
    font-size : 1.1em;
    display : flex;
    margin : 0 auto;
    font-weight : 600;
    position : relative;
    z-index : 2;
    }
    .supplement-info-box {
    color : white;
    font-size : 1em;
    display : flex;
    font-weight : 600;
    justify-content : flex-end;
    }
    .lexique {
    display : flex;
    justify-content : flex-end;
    margin : 0;
    }
    .supplement-info {
    background-color : rgb(74, 51, 41);
    padding : 10px 30px;
    border-top-left-radius : 30px;
    border-bottom-left-radius : 30px;
    text-transform : uppercase;
    }
    .men-picc {
    width : 50%;
    display : flex;
    justify-content : flex-end;
    }
    #footer {
    display : flex;
    justify-content : center;
    box-sizing : border-box;
    width : 100%;
    padding : 0 20px;
    }
    footer {
    user-select : auto;
    display : flex;
    flex-direction : column;
    background-color : rgb(74, 51, 41);
    width : 100%;
    color : white;
    margin : 0 auto;
    position : relative;
    box-sizing : border-box;
    }
    footer ul {
    list-style-type : none;
    }
    #footer__container {
    display : flex;
    justify-content : center;
    flex-direction : row;
    width : 100%;
    max-width : 1200px;
    margin : 30px auto 20px;
    }
    #footer__bottom {
    display : flex;
    background-color : rgb(74, 51, 41);
    width : 100%;
    max-width : 1200px;
    margin : 0 auto;
    color : black;
    border-top : 1px solid rgb(218, 217, 220);
    }
    #bottomleft {
    display : flex;
    width : 33%;
    flex-direction : column;
    }
    #bottomleft h3 {
    margin-top : 11px;
    font-size: 0.9em;
    }
    .livrer {
    margin : 0;
    font-weight : 700;
    color : white;
    }
    .sante{
        display: flex;
        border: 1px solid white;
        border-radius: 5px;
        padding: 10px 0px;
        margin-right: 20px;
        max-width: 190px;
        font-size: 0.8rem;
        text-align: center;
        margin-top: 5px;
    }
    .sante a{
        color: white;
    }
    .sante a:visited{
        color: white;
    }
    .reseaux {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }
    .reseaux__link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        margin: 10px 0;
        text-align: center;
    }
    .reseaux__link img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .reseaux__link:nth-child(2) img {
        transform: scale(1.14);
    }
    
    .deliveroo {
    width : 75px;
    display : flex;
    }
    .uber {
    width : 64px;
    padding : 0;
    margin-left : -10px;
    margin-top: 6px;
    }
    .food{
        margin-top: -5px;
    }
    .food__container {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    padding : 0;
    }
    .food__container p {
    margin : 5px 0 0;
    padding : 0;
    }
    #bottomleft img:nth-child(3) {
    margin-right : unset;
    }
    #bottommiddle {
    display : flex;
    width : 33%;
    justify-content : flex-start;
    margin : 0 auto;
    flex-direction : column;
    padding : 0;
    line-height : 0.4;
    font-size : 1em;
    font-weight : 400;
    }
    .bottomtittle {
    font-weight : 600;
    font-size : 0.8em;
    margin-bottom : 20px;
    margin-top : 16.5px;
    color : white;
    text-transform : uppercase;
    }
    #bottomright {
    display : flex;
    width : 33%;
    justify-content : flex-end;
    flex-direction : row;
    align-items : baseline;
    min-height : 290px;
    }
    iframe {
    border-radius : 15px;
    margin-top: 14.5px;
    width : 100%;
    height : 260px;
    }
    .unehistoire {
    font-family : "Reenie Beanie", cursive;
    font-size : 3em;
    color : rgb(227, 174, 116);
    }
    #footer__bottom_container {
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : space-between;
    width : 1200px;
    margin : 0;
    }
    #footer__bottom img {
    display : flex;
    justify-content : center;
    margin : 0 auto;
    }
    #footer__bottom nav {
    display : flex;
    }
    #footer__bottom ul {
    display : flex;
    margin : 0;
    padding: 15px 0;
    line-height : 0;
    color : white;
    letter-spacing : 0.8px;
    gap: 20px;

    }
    #footer__bottom li {
    color : white;
    font-weight : 400;
    font-size : 0.7rem;
    text-transform: uppercase;
    }
    #footer__bottom li a {
    text-decoration : none;
    color : white;
    }
    .taste-box {
    display : flex;
    position : relative;
    }
    .galerie {
    display : flex;
    justify-content : center;
    width : 100%;
    margin-top : 40px;
    margin-bottom : 60px;
    }
    .galerie__container {
    display : flex;
    width : 1200px;
    margin : 0 auto;
    justify-content : flex-start;
    flex-direction : column;
    padding : 0 20px;
    }
    .galerie__container h2 {
    display : flex;
    margin-bottom : 30px;
    font-weight : 600;
    font-size : 1.5em;
    color : rgb(74, 51, 41);
    color : rgb(227, 174, 116);
    justify-content : flex-start;
    text-align : start;
    margin-top : 10px;
    }
    .galerie__container__pictures {
    display : grid;
    grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows : auto auto;
    gap : 10px;
    width : 100%;
    margin : 0 auto;
    }
    .galerie__picture {
    width : 100%;
    height : 100%;
    display : block;
    object-fit : cover;
    border-radius : 15px;
    }
    .bouton__insta {
    display : flex;
    align-items: center;
    justify-content: center;
    margin : 30px auto 0;
    text-decoration : none;
    text-transform : none;
    height: 50px;
    width: auto;
    padding: 0 30px;
    border-radius : 30px;
    font-weight : 600;
    font-size : 1em;
    border : none;
    background-color : rgb(227, 174, 116);
    color : white;
    outline : none;
    transform: scale(1);
    transition : transform 0.3s ease-out;
    }
    .bouton__insta:visited {
    color : white;
    }
    .bouton__insta:hover {
    transform: scale(1.03);
    }
    .pagination {
    display : none;
    }
    .commentaires {
    display : flex;
    flex-direction : column;
    align-items : center;
    width : 100%;
    margin : 0 auto;
    background-color : rgb(245, 245, 245);
    padding : 0;
    box-sizing : border-box;
    position : relative;
    }
    .commentaires h2 {
    margin : 50px auto 30px;
    font-family : "Reenie Beanie", cursive;
    font-size : 5em;
    font-weight : bolder;
    text-transform : uppercase;
    color : rgb(227, 174, 116);
    }
    .commentaires__container {
    display : flex;
    flex-wrap : nowrap;
    overflow-x : hidden;
    width : 85%;
    padding : 0 0 60px 20px;
    max-width : 1200px;
    box-sizing : border-box;
    column-gap : 20px;
    justify-content : flex-start;
    scrollbar-width : none;
    }
    .arrows {
    display : flex;
    justify-content : space-between;
    column-gap : 10px;
    align-items : center;
    width : 100%;
    top : 55%;
    position : absolute;
    max-width : 1300px;
    transform : translateY(-56%);
    transform : scale(1);
    transition : transform 0.3s;
    }
    .commentaires__container::-webkit-scrollbar {
    display : none;
    }
    .commentaire {
    display : flex;
    flex-direction : column;
    flex : 0 0 auto;
    width : 31.7%;
    height : 20%;
    min-height : 250px;
    box-sizing : border-box;
    padding : 20px;
    background-color : white;
    border-radius : 20px;
    }

    #lireGauche {
    visibility: hidden;
    }

    .lireSuite {
    display : flex;
    justify-content : center;
    align-items : center;
    background-color : transparent;
    border : none;
    cursor : pointer;
    margin: 0 0 20px 0;
    padding : 20px;
    border-radius : 50%;
    background-color : transparent;
    transform : scale(1);
    transition : transform 0.3s;
    }
    .lireSuite:hover {
    transform : scale(1.3);
    }
    .lireSuite img {
    width : 20px;
    height : 20px;
    margin : 0;
    padding : 0;
    }
    #restaurant__container__right img {
    display : none;
    }
    .personne {
    display : flex;
    align-items : center;
    justify-content : flex-start;
    padding : 0;
    }
    .personne h3 {
    font-size : 1em;
    font-weight : 600;
    align-items : flex-start;
    margin : 0;
    }
    .personne img {
    width : 40px;
    align-items : center;
    margin-right : 10px;
    }
    .mail {
    margin-right : 7px;
    margin-bottom : -3px;
    padding : 0;
    color : white;
    }
    .tel {
    margin-right : 7px;
    margin-bottom : 0;
    padding : 0;
    color : white;
    }
    .testt {
    width : 100%;
    }
    .abcd {
    display : flex;
    align-items : center;
    margin : -3px 0 10px 0;
    color : white;
    }
    .abcd a {
    text-decoration : none;
    color : white;
    }
    .personne__desc {
    display : flex;
    justify-content : flex-start;
    flex-direction : column;
    }
    .personne__desc p {
    justify-content : flex-start;
    text-align : left;
    font-size : 0.85em;
    margin : 2px 0 0 0;
    color : rgb(94, 94, 94);
    }
    .comment {
        font-size: 1.1em;
        font-weight: 400;
        color: rgb(74, 51, 41);
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: max-height .2s ease;
      }
      
      .comment.expanded {
        -webkit-line-clamp: unset;
        max-height: unset;
      }
      
    .commentaire__head {
    display : flex;
    justify-content : space-between;
    }
    .google {
    width : 40px;
    height : 40px;
    opacity : 90%;
    }
    .lireNext {
    background-color : transparent;
    display : flex;
    justify-content : flex-start;
    align-items : center;
    width : 100px;
    min-width : 100px;
    color : rgb(128, 128, 128);
    border : none;
    border-radius : 5px;
    cursor : pointer;
    text-align : left;
    font-size : 1em;
    margin-top : -5px;
    margin-bottom : -5px;
    padding-left : 0;
    transition : color 0.3s;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .lireNext:hover {
    color : rgb(80, 80, 80);
    }
    button img {
    display : block;
    width : auto;
    }
    .stars {
    display : flex;
    flex-direction : row;
    justify-content : flex-start;
    }
    .stars img {
    display : flex;
    width : 20px;
    height : 20px;
    margin : 15px 1px 0 0;
    }
    .stars img:nth-child(5) {
    margin-right : unset;
    }
    .maepoke {
    width : 100px;
    display : inline;
    justify-content : center;
    margin : 0 auto;
    }
    .mentions {
    display : flex;
    width : 100%;
    min-width : 320px;
    margin : 0 auto;
    }
    .mentions__container {
    display : flex;
    width : 1200px;
    margin : 0 auto;
    padding : 60px 20px;
    }
    .mentions__box {
    display : flex;
    flex-direction : column;
    width : 100%;
    border-radius : 30px;
    line-height : 1.5;
    box-sizing : border-box;
    }
    .mentions__box-title {
    display : flex;
    margin : 0 auto 60px;
    font-size : 4em;
    color : rgb(227, 174, 116);
    font-weight : 700;
    font-family : "Reenie Beanie", cursive;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .mentions__box-link {
    text-decoration : none;
    color : rgb(74, 51, 41);
    font-weight : 600;
    }
    .mentions__box-link:visited {
    color : rgb(74, 51, 41);
    }
    .mentions__box p {
    text-align : start;
    font-size : 1.1em;
    font-weight : 400;
    color : rgb(74, 51, 41);
    margin : 0 auto;
    }
    .soustitre {
    display : flex;
    font-size : 1.4em;
    font-weight : 600;
    color : rgb(227, 174, 116);
    margin : 0 auto 20px;
    text-decoration : none;
    }
    .soustitre:nth-child(1) {
    margin : 0 auto;
    }
    .faq {
    display : flex;
    width : 100%;
    margin : 0 auto;
    }
    .faq__container {
    display : flex;
    width : 1200px;
    margin : 0 auto;
    padding-bottom : 60px;
    }
    .faq__box {
    display : flex;
    flex-direction : column;
    justify-content : flex-start;
    width : 100%;
    border-radius : 30px;
    line-height : 1.5;
    padding : 0;
    margin : 0;
    }
    .questions__title {
    display : flex;
    justify-content : center;
    font-size : 4em;
    color : rgb(227, 174, 116);
    margin : 60px auto 30px;
    font-weight : 700;
    font-family : "Reenie Beanie", cursive;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .questions {
    display : flex;
    flex-direction : column;
    justify-content : center;
    margin : 0 auto;
    width : 70%;
    row-gap : 15px;
    }
    .question {
    display : flex;
    padding : 0;
    background-color : white;
    border : rgb(200, 200, 200) solid 1px;
    border-radius : 15px;
    font-size : 1.1em;
    width : 100%;
    margin : 0 auto;
    padding : 20px;
    box-sizing : border-box;
    }
    .question__tittle {
    display : flex;
    align-items : center;
    justify-content : center;
    text-align : center;
    flex-direction : row;
    width : 70%;
    height : auto;
    }
    .resume__arrow {
    display : flex;
    justify-content : flex-start;
    min-width : 70%;
    padding-top : 0;
    }
    .testunetdeux {
    width : 100%;
    display : flex;
    align-items : center;
    justify-content : space-between;
    }
    .resume__arrow-down, .resume__arrow-up {
    font-size : 1.7em;
    color : rgb(227, 174, 116);
    align-items : center;
    }
    summary {
    color : rgb(74, 51, 41);
    font-weight : 600;
    list-style : none;
    display : flex;
    justify-content : space-between;
    width : 100%;
    cursor : pointer;
    }
    summary > p {
    font-weight : 600;
    list-style : none;
    }
    summary:target summary[open] {
    color : rgb(74, 51, 41);
    }
    summary::-webkit-details-marker {
    color : transparent;
    }
    @supports (() or ()) {
    summary::-webkit-details-marker {
    display : none;
    }
    summary::-moz-list-bullet {
    display : none;
    }
    }
    @keyframes fadeSlide {
    from {
    opacity : 0;
    transform : translateY(-10px);
    }
    to {
    opacity : 1;
    transform : translateY(0);
    }
    }
    details[open] p {
    animation : fadeSlide 0.5s ease;
    margin : 10px 0 0 0;
    }
    .unehistoire {
    font-family : "Reenie Beanie", cursive;
    font-size : 2.5em;
    color : rgb(227, 174, 116);
    }
    details h4 {
    margin : 10px 0;
    display : flex;
    }
    .resume__arrow-down {
    display : flex;
    justify-content : flex-end;
    }
    details[open] .resume__arrow-up {
    display : flex;
    }
    details[open] .resume__arrow-down {
    display : none;
    }
    .resume__arrow-up {
    display : none;
    justify-content : flex-end;
    }
    details {
    width : 100%;
    }
    .histoire {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    justify-content : center;
    box-sizing : border-box;
    }
    .histoire__container {
    display : flex;
    flex-direction : column;
    width : 100%;
    height : auto;
    margin : 0 auto;
    box-sizing : border-box;
    justify-content : space-between;
    padding : 0 20px;
    }
    .histoire__container__bloc-picture1 {
    display : flex;
    justify-content : center;
    flex-direction : column;
    width : 40%;
    min-width : 40%;
    object-fit : cover;
    height : 100%;
    max-height : 580px;
    border-radius : 30px;
    align-items : center;
    z-index : 3;
    }
    .histoire__container__bloc-picture4 {
    display : flex;
    width : 40%;
    min-width : 40%;
    object-fit : cover;
    height : 580px;
    border-radius : 30px;
    z-index : 3;
    position : relative;
    right : 0;
    top : 0;
    margin-bottom : 90px;
    }
    .histoire__container__bloc-picture5 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 2;
    position : absolute;
    right : 39%;
    bottom : 17%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture6 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    right : 39%;
    bottom : 43%;
    }
    .histoire__container__bloc-picture7 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    right : 39%;
    top : 5%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture8 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 2;
    position : absolute;
    left : 39%;
    bottom : 5%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture9 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    left : 39%;
    bottom : 35%;
    }
    .histoire__container__bloc-picture10 {
    display : flex;
    width : 170px;
    object-fit : cover;
    height : 170px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    left : 39%;
    top : 5%;
    transform : rotate(5deg);
    }
    .droite {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    right : 0;
    background-color : rgb(227, 174, 116);
    width : 35%;
    height : 760px;
    position : absolute;
    z-index : 0;
    border-top-left-radius : 30px;
    bottom : 610px;
    }
    .gauche {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    left : 0;
    top : 0;
    background-color : rgb(74, 51, 41);
    width : 35%;
    height : 1000px;
    position : absolute;
    z-index : 0;
    border-top-right-radius : 30px;
    border-bottom-right-radius : 30px;
    }
    .histoire__container__bloc:nth-child(2) {
    display : flex;
    align-items : center;
    flex-direction : row;
    width : 100%;
    height : 580px;
    max-width : 1200px;
    justify-content : flex-start;
    position : relative;
    margin-top : 80px;
    margin-bottom : 100px;
    }
    .histoire__container__bloc:nth-child(3) {
    display : flex;
    align-items : center;
    flex-direction : row-reverse;
    margin-top : 40px;
    }
    .histoire__container__bloc:last-of-type {
    position : relative;
    display : flex;
    width : 100%;
    max-width : 1200px;
    align-items : center;
    justify-content : space-between;
    flex-direction : row-reverse;
    }
    .histoire__container__bloc {
    display : flex;
    align-items : center;
    width : 1200px;
    margin : 0 auto;
    justify-content : center;
    position : relative;
    }
    .histoire__container__bloc-story, .histoire__container__bloc-story1 {
    width : 40%;
    display : flex;
    flex-direction : column;
    padding : 50px;
    z-index : 1;
    }
    .histoire__container__bloc-story4 {
    width : 80%;
    display : flex;
    flex-direction : column;
    z-index : 1;
    padding-left : 30px;
    }
    .histoire__container__bloc-story h2, .histoire__container__bloc-story4 h2 {
    font-size : 1.5em;
    margin : 0;
    color : rgb(227, 174, 116);
    }
    .histoire__container__bloc-story1 h2 {
    font-size : 1.5em;
    margin : 0;
    color : rgb(227, 174, 116);
    }
    .histoire__container__bloc-story h3, .histoire__container__bloc-story4 h3 {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    padding : 0;
    align-items : initial;
    font-size : 2.5em;
    color : rgb(74, 51, 41);
    }
    .histoire__container__bloc-story1 h3 {
    display : flex;
    flex-direction : row;
    justify-content : flex-start;
    margin : 0;
    padding : 0;
    align-items : flex-start;
    font-size : 2.5em;
    color : rgb(74, 51, 41);
    }
    .histoire__container__bloc-story p, .histoire__container__bloc-story4 p {
    text-align : start;
    font-size : 1.1em;
    }
    .histoire__container__bloc-story1 p {
    text-align : start;
    font-size : 1.1em;
    }
    .histoire__container__bloc-story1 {
    width : 80%;
    display : flex;
    flex-direction : column;
    padding : 100px 30px;
    z-index : 1;
    padding-left : 200px;
    }
    .text {
    width : 60%;
    }
    .textun {
    width : 90%;
    letter-spacing : 0.3px;
    }
    .text-coupure {
    width : 90%;
    margin : 0;
    padding : 0;
    margin-top : -20px;
    }
    .coupure {
    display : flex;
    width : 100%;
    height : auto;
    z-index : 3;
    margin-bottom : 30px;
    }
    .coupure__container {
    display : flex;
    flex-direction : row;
    height : auto;
    width : 1200px;
    margin : 0 auto;
    align-items : center;
    justify-content : center;
    }
    .coupure__container__bloc-story {
    height : auto;
    width : 40%;
    display : flex;
    flex-direction : column;
    padding : 0;
    z-index : 1;
    border-radius : 30px;
    }
    .coupure__container p {
    text-align : start;
    font-size : 1.1em;
    color : rgb(74, 51, 41);
    }
    .coupure__container h2 {
    font-size : 1.5em;
    margin : 0;
    color : rgb(227, 174, 116);
    }
    .coupure__container h3 {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    padding : 0;
    align-items : initial;
    font-size : 2.5em;
    color : rgb(74, 51, 41);
    }
    .hammer {
    display : flex;
    width : 40%;
    min-width : 40%;
    object-fit : cover;
    height : 580px;
    border-radius : 30px;
    margin-right : 50px;
    }
    .histoire__title {
    display : flex;
    justify-content : center;
    font-size : 4em;
    color : rgb(227, 174, 116);
    width : auto;
    position : relative;
    z-index : 2;
    margin : 60px auto -20px;
    text-align : start;
    }
    .histoire__title__bloc {
    width : 100%;
    margin : 0 auto;
    padding : 0 20px;
    box-sizing : border-box;
    }
    .formulaire {
    display : flex;
    width : 100%;
    height : auto;
    margin : 10px auto 60px;
    }
    .formulaire__container {
    display : flex;
    width : 1200px;
    flex-direction : column;
    height : auto;
    margin : 0 auto;
    padding : 0 30px;
    box-sizing : border-box;
    }
    .formulaire__container h2 {
    font-size : 4em;
    text-align : center;
    color : rgb(227, 174, 116);
    margin-top : 60px;
    }
    .formulaire__container__head {
    display : flex;
    width : 100%;
    margin : 0 auto;
    max-width : 900px;
    min-width : 300px;
    flex-direction : column;
    box-sizing : border-box;
    color : rgb(74, 51, 41);
    }
    .formulaire__container p, h3 {
    margin : 0 0 20px 0;
    text-align : start;
    justify-content : flex-start;
    }
    .formulaire__container a {
    text-decoration : none;
    color : rgb(227, 174, 116);
    font-weight : 400;
    }
    .formulaire__container h3 {
    font-size : 1.5em;
    font-weight : 600;
    color : rgb(227, 174, 116);
    }
    .formulaire__container p {
    font-size : 1.1em;
    font-weight : 400;
    }
    .formulaire__label {
    width : 100%;
    margin : 0 auto 10px;
    }
    .form {
    width : 100%;
    max-width : 900px;
    min-width : 300px;
    display : flex;
    align-items : flex-start;
    flex-direction : column;
    margin : 20px auto 0;
    color : rgb(74, 51, 41);
    box-sizing : border-box;
    }
    form label {
    width : 100%;
    display : flex;
    margin-bottom : 10px;
    font-size : 1.1em;
    font-weight : 600;
    color : rgb(74, 51, 41);
    }
    form ::placeholder {
    color : rgb(190, 190, 190);
    font-size : 1.1rem;
    font-weight : 300;
    letter-spacing : 0.7px;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    textarea::placeholder {
    color : rgb(190, 190, 190);
    font-size : 1.1rem;
    font-weight : 300;
    letter-spacing : 0.7px;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    form input {
    width : 100%;
    line-height : 2.3em;
    border-radius : 10px;
    border : rgb(200, 200, 200) solid 1px;
    padding-left : 10px;
    box-sizing : border-box;
    color : rgb(74, 51, 41);
    font-size : 1.1em;
    font-weight : 400;
    caret-color : rgb(74, 51, 41);
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    textarea {
    width : 100%;
    height : 120px;
    border-radius : 10px;
    padding : 10px;
    caret-color : rgb(74, 51, 41);
    box-sizing : border-box;
    resize : none;
    border : rgb(200, 200, 200) solid 1px;
    font-size : 1.1em;
    font-weight : 400;
    color : rgb(74, 51, 41);
    letter-spacing : 0.7px;
    font-family : 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    form input:focus {
    border : rgb(227, 174, 116) solid 1px;
    background : transparent;
    outline : rgb(227, 174, 116);
    }
    textarea:focus {
    border : rgb(227, 174, 116) solid 1px;
    background : transparent;
    outline : rgb(227, 174, 116);
    }
    .envoyer {
    display : inline-block;
    text-align : left;
    width : auto;
    color : white;
    border-radius : 10px;
    line-height : 2.3;
    padding : 0 20px;
    font-size : 1em;
    font-weight : 600;
    cursor : pointer;
    background-color : rgb(227, 174, 116);
    border : transparent solid 1px;
    }
    .envoyer:focus {
    border : transparent solid 1px;
    background : rgb(227, 174, 116);
    color : white;
    outline : rgb(227, 174, 116);
    }
    .formules__global {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0;
    padding : 0 20px;
    box-sizing : border-box;
    }
    .formules__container {
    display : flex;
    width : 1200px;
    height : auto;
    padding : 30px 0 0 0;
    box-sizing : border-box;
    margin : 0 auto;
    justify-content : center;
    flex-direction : column;
    }
    .formules {
    display : flex;
    width : 100%;
    height : auto;
    flex-direction : column;
    justify-content : center;
    margin : 0 auto;
    row-gap : 10px;
    flex-wrap : wrap;
    border-radius : 30px;
    align-items : center;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    box-sizing : border-box;
    }
    .solopoke {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    margin-bottom : -20px;
    column-gap : 30px;
    }
    .orange {
    color : rgb(227, 174, 116);
    }
    .bleu {
    color : rgb(69, 120, 188);
    }
    .solopoke div {
    display : flex;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    position : relative;
    }
    .solodesc {
    font-family : "Reenie Beanie", cursive;
    font-size : 2em;
    margin : 0;
    font-weight : 500;
    }
    .solopokeprice {
    font-family : "Reenie Beanie", cursive;
    font-size : 2.1em;
    margin-top : 0;
    }
    .solopoke div:nth-child(1) {
    margin-top : 20px;
    position : relative;
    }
    .solopoke div:nth-child(1) img {
    width : 60px;
    margin-bottom : 10px;
    }
    .solopoke div:nth-child(2) img {
    width : 100px;
    }
    .formulee {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    box-sizing : border-box;
    border-radius : 30px;
    justify-content : space-between;
    gap : 20px;
    flex-direction : row;
    align-items : center;
    }
    .formule {
    display : flex;
    width : 100%;
    height : 100%;
    flex-direction : column;
    padding : 20px;
    box-sizing : border-box;
    justify-content : center;
    margin : 0;
    border : rgb(74, 51, 41, 90%) solid 2px;
    border-radius : 30px;
    position : relative;
    }
    .men img {
    display : flex;
    width : 24px;
    height : 24px;
    margin-left : 5px;
    align-items : center;
    }
    .formule-icon {
    display : flex;
    flex-direction : row;
    justify-content : flex-start;
    align-items : center;
    margin : 0 auto;
    height : 80px;
    width : auto;
    }
    .formule img {
    width : 100%;
    object-fit : cover;
    box-sizing : border-box;
    }
    .formule-title {
    display : flex;
    justify-content : center;
    font-size : 4em;
    color : rgb(227, 174, 116);
    font-weight : bolder !important ;
    width : auto;
    position : relative;
    z-index : 2;
    margin : 30px auto 0;
    text-align : start;
    }
    .cake-form {
    width : 60px;
    height : auto;
    display : flex;
    }
    .bol-form {
    width : 40px;
    height : auto;
    display : flex;
    margin-top : 10px;
    }
    .bol-forms {
    width : 40px;
    height : auto;
    display : flex;
    margin-bottom : -10px;
    }
    .bigbolf-form {
    width : 70px;
    height : auto;
    display : flex;
    opacity : 0;
    margin : 0;
    }
    .bigbol-form {
    width : 60px;
    height : auto;
    display : flex;
    margin : 0;
    }
    .bigbol-forms {
    width : 60px;
    height : auto;
    display : flex;
    align-items : center;
    margin : 0;
    }
    .can-form {
    width : 35px;
    height : auto;
    display : flex;
    }
    .bub-form {
    width : 38px !important ;
    }
    .formule p {
    margin : 5px 0 0 0;
    text-align : center;
    font-weight : 500;
    font-size : 1.1em;
    }
    .lexique2 {
    font-size : 1.1em;
    display : flex;
    flex-direction : row-reverse;
    }
    .mini-icon {
    width : 18px;
    height : auto;
    display : flex;
    align-items : center;
    margin-left : 10px;
    }
    .mini-icon-pop {
    width : 18px;
    height : auto;
    display : flex;
    align-items : center;
    margin-right : 5px;
    }
    .mens__global {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    padding : 30px 20px;
    box-sizing : border-box;
    justify-content : center;
    }
    .mens__global2 {
    padding-bottom : 30px !important ;
    }
    .carte-title {
    display : flex;
    justify-content : center;
    font-size : 4em;
    color : rgb(227, 174, 116);
    width : auto;
    position : relative;
    z-index : 2;
    margin : 30px auto 60px;
    text-align : start;
    }
    .mens {
    width : 100%;
    height : auto;
    display : flex;
    justify-content : center;
    flex-direction : row;
    padding : 0;
    box-sizing : border-box;
    gap : 30px;
    }
    .mens2 {
    width : 100%;
    height : auto;
    display : flex;
    justify-content : center;
    padding : 0;
    box-sizing : border-box;
    gap : 30px;
    flex-direction : row-reverse;
    }
    .men {
    display : flex;
    width : 50%;
    height : auto;
    color : rgb(74, 51, 41);
    font-size : 1.1em;
    border-radius : 30px;
    box-sizing : border-box;
    flex-direction : column;
    padding : 0;
    justify-content : center;
    letter-spacing : 0.3px;
    }
    .men-title {
    display : flex;
    flex-direction : row;
    justify-content : space-between;
    margin : 0;
    padding : 0;
    align-items : center;
    }
    .men-name {
    font-size : 1.1em;
    font-weight : bold;
    text-transform : uppercase;
    }
    .men-namee {
    font-size : 1.1em;
    font-weight : bold;
    margin-bottom : 15px;
    text-transform : uppercase;
    }
    .men-desc {
    margin : 0;
    padding : 0;
    margin-top : -12px;
    font-size : 1em;
    }
    .men-name-normal {
    margin-top : 0;
    }
    .men h3 {
    display : flex;
    justify-content : flex-start;
    margin : 0;
    padding : 0;
    text-transform : uppercase;
    align-items : center;
    }
    .line {
    flex-grow : 1;
    height : 1px;
    margin : 0 10px;
    border-bottom : 3px dotted rgb(74, 51, 41);
    }
    .men-pic {
    width : 50%;
    height : auto;
    display : flex;
    justify-content : flex-end;
    }
    .men-pic img {
    width : 100%;
    height : auto;
    object-fit : cover;
    border-radius : 30px;
    }
    .mens__global {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    padding : 30px 0;
    box-sizing : border-box;
    justify-content : center;
    }
    .mens__global2 {
    padding : 30px 0 0 0;
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    padding : 30px 0;
    box-sizing : border-box;
    justify-content : center;
    }
    .mens__container {
    display : flex;
    flex-direction : column;
    width : 100%;
    max-width : 1200px;
    height : auto;
    margin : 0 auto;
    padding : 0 20px;
    overflow : hidden;
    }
    .mens__title {
    font-size : 1.4em;
    background-color : rgb(227, 174, 116);
    line-height : 2;
    border-radius : 10px;
    padding : 0 20px;
    text-align : left;
    width : auto;
    color : white;
    display : flex;
    justify-content : center;
    margin : 0 auto 30px;
    }
    .pricee {
    font-family : "Reenie Beanie", cursive;
    font-size : 2.1em !important ;
    font-weight : 600;
    }
    .sitemap{
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
        margin: 60px 0;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .sitemap-container{
        display: flex;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        justify-content: center;
    }
    .sitemap-menu{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .sitemap-menu ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .sitemap-menu ul li{
        position: relative;
        padding: 7px 0;
        text-align: center;
    }
    .sitemap-menu ul li a{
        font-size: 1.1rem;
        font-weight: 600;
        color: rgb(74,51,41);
        text-decoration: none;
        text-transform: uppercase;
    }
    .sitemap-menu ul li a:visited{
        color: rgb(74,51,41);
    }
    .sitemap-menu ul li a:hover {
        color: rgb(227, 174, 116);
        transition: color .3s ease;
    }
    @media screen and (max-width: 1024px) {
        .navigation {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: white;
            gap: 40px;
            visibility: hidden; 
            opacity: 0;
            display: flex;
            align-items: center;
            flex-direction: column;
            padding-top: 60px;
        }
        
        .navigation.active {
            visibility: visible; 
            opacity: 1;
            transition: transform 0.3s ease-in-out, visibility 0s 0s, opacity 0.3s ease-in-out;
        }
        
        .navigation-item a {
            font-size: 1.2rem;
        }

        .navigation-item a::after {
            bottom: -15px;
        }
        .header-social {
            gap: 7px;
        }
        
        .header-social img {
            width: 20px;
            height: 20px;
        }
    .header-main {
    height : 64px;
    }
    .header__logo {
    width : 65px;
    height : auto;
    }
    .header-middle {
    flex : 1;
    }
    .header-left {
    flex : 1;
    display : flex;
    align-items : center;
    }
    .ham-menu {
        cursor: pointer;
        height: 30px;
        width: 23px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 5.5px;
        border-radius: 30px;
        box-sizing: border-box;
    }

    .ham-menu.active{
        display: flex;
    }
    
    .ham-menu div {
        height: 2.5px;
        width: 100%;
        background-color: rgb(74, 51, 41);
        border-radius: 30px;
        display: flex;
        transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
    }
    .ham-menu.active div:nth-child(1) {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    
    .ham-menu.active div:nth-child(2) {
        opacity: 0;
    }
    
    .ham-menu.active div:nth-child(3) {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    
    .ham-menu.active div {
        background-color: rgb(74, 51, 41);
        height: 2.5px;
    }
    
    .commentaires__container {
    display : flex;
    flex-wrap : nowrap;
    overflow-x : hidden;
    width : 85%;
    padding : 0 0 60px 0;
    max-width : 1200px;
    box-sizing : border-box;
    column-gap : 20px;
    justify-content : flex-start;
    padding-left : 20px;
    will-change : scroll-position;
    }
    .commentaire {
    display : flex;
    flex-direction : column;
    flex : 0 0 auto;
    width : 48.5%;
    height : 20%;
    min-height : 250px;
    box-sizing : border-box;
    padding : 20px;
    background-color : white;
    border-radius : 20px;
    }
    .comment {
    font-size : 1em;
    scroll-snap-align : center;
    min-width : 100%;
    box-sizing : border-box;
    }
    .arrows {
    display : flex;
    justify-content : space-between;
    column-gap : 10px;
    align-items : center;
    width : 98%;
    top : 55%;
    transform : translateY(-56%);
    position : absolute;
    max-width : 1200px;
    transform : scale(1);
    transition : transform 0.3s;
    }
    .personne h3 {
    font-size : 1em;
    }
    .google {
    width : 20px;
    height : 20px;
    margin-top : 1px;
    }
    .personne img {
    width : 32px;
    height : 32px;
    }
    .question {
    font-size : 1em;
    }
    .formule {
    padding : 0 10px 15px 10px;
    }
    .histoire__container {
    display : flex;
    flex-direction : column;
    width : 100%;
    height : auto;
    margin : 0 auto;
    box-sizing : border-box;
    justify-content : center;
    }
    .histoire__container__bloc {
    column-gap : 20px;
    }
    .histoire__container__bloc:nth-child(2) {
    margin-top : 30px;
    margin-bottom : 20px;
    }
    .histoire__container__bloc:last-of-type {
    height : auto;
    min-height : 600px;
    }
    .histoire__container__bloc-story1 {
    padding-left : 130px;
    }
    .histoire__title {
    font-size : 3.5em;
    }
    .histoire__container__bloc-story1 h2, .coupure__container h2, .histoire__container__bloc-story4 h2 {
    font-size : 1.3em;
    }
    .histoire__container__bloc-story1 h3, .coupure__container h3, .histoire__container__bloc-story4 h3 {
    font-size : 2.1em;
    }
    .hammer {
    height : 470px;
    }
    .coupure {
    margin-bottom : 0;
    }
    .text-coupure {
    width : 100%;
    }
    .droite {
    height : 25%;
    }
    .histoire__container__bloc-story4 {
    width : 100%;
    }
    .histoire__container__bloc-picture1 {
    display : flex;
    justify-content : center;
    flex-direction : column;
    width : 40%;
    min-width : 40%;
    object-fit : cover;
    height : 100%;
    max-height : 470px;
    border-radius : 30px;
    align-items : center;
    z-index : 3;
    }
    .histoire__container__bloc-picture4 {
    display : flex;
    width : 40%;
    min-width : 40%;
    object-fit : cover;
    height : 100%;
    max-height : 470px;
    border-radius : 30px;
    z-index : 3;
    position : relative;
    right : 0;
    top : 0;
    padding-bottom : 0;
    margin-bottom : 30px;
    }
    .histoire__container__bloc-picture5 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 2;
    position : absolute;
    right : 38%;
    bottom : 17%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture6 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    right : 38%;
    bottom : 41%;
    }
    .histoire__container__bloc-picture7 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    right : 38%;
    top : 14%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture8 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 2;
    position : absolute;
    left : 38%;
    bottom : 15%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture9 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    left : 38%;
    bottom : 39%;
    }
    .histoire__container__bloc-picture10 {
    display : flex;
    width : 130px;
    object-fit : cover;
    height : 130px;
    border-radius : 10px;
    z-index : 1;
    position : absolute;
    left : 38%;
    top : 15%;
    transform : rotate(5deg);
    }
    .questions__title {
    font-size : 3.2em;
    text-align : center;
    }
    .men h3 {
    font-size : 1.1em;
    }
    .men p {
    font-size : 1em;
    }
    .formule p {
    font-size : 1em;
    }
    .presentation {
    top : -54px;
    margin-bottom : -30px;
    }
    .presentation__box h2, .presentation__box h1 {
    font-size : 1.3em;
    }
    .presentation__box {
    height : 200px;
    }
    .presentation__box-link {
    display : flex;
    margin : 0 auto;
    width : auto;
    min-width : 150px;
    height : 35px;
    padding : 5px 20px;
    }
    .button-test {
    padding : 14px 30px;
    width : 130px;
    font-size : 0.9em;
    }
    .presentation__box-image1 {
    height : 20px;
    }
    .presentation__box-image2 {
    height : 35px;
    }
    .commentaires h2 {
    font-size : 4em;
    }
    #bottomleft {
    width : 27%;
    }
    #bottomleft h3 {
    font-size : 0.9em;
    }
    #bottommiddle {
    width : 39%;
    }
    #footer__bottom img {
    display : flex;
    margin : 0 auto;
    }
    #footer__bottom nav {
    display : flex;
    font-weight : 300;
    }
    #footer__bottom ul {
    display : flex;
    margin-left : 0;
    padding-left : 0;
    padding : 15px 0;
    margin : 0;
    line-height : 0;
    color : white;
    letter-spacing : 0.8px;
    }
    #footer__bottom li {
    color : white;
    }
    #footer__bottom li a {
    text-decoration : none;
    color : white;
    }
    .taste-box {
    display : flex;
    position : relative;
    }
    .compose {
    font-size : 4em;
    }
    #exposition__container {
    display : flex;
    }
    #menu__container {
    margin : 0;
    }
    #menu {
    padding : 0;
    border-top-left-radius : 40px;
    border-top-right-radius : 40px;
    border-bottom-right-radius : 40px;
    border-bottom-left-radius : 40px;
    }
    #menu h2 {
    font-size : 4em;
    margin : 0 auto 10px;
    padding : 0 10px;
    }
    #restaurant {
    display : flex;
    justify-content : center;
    width : 100%;
    max-width : unset;
    padding : 0;
    height : auto;
    margin : 0 auto;
    border-radius : 30px;
    max-width : unset;
    margin-bottom : 60px;
    box-sizing : border-box;
    margin-top : 30px;
    }
    #restaurant__container {
    display : flex;
    max-width : unset;
    justify-content : center;
    flex-direction : row-reverse;
    border-radius : unset;
    align-items : center;
    border-radius : 30px;
    background-color : rgb(227, 174, 116);
    margin : 0 20px 0 20px;
    box-sizing : border-box;
    column-gap : 30px;
    padding : 20px 20px;
    }
    .familial {
    font-size : 0.9em;
    }
    .unehistoire {
    font-size : 2.2em;
    }
    #restaurant__container__left img {
    object-fit : cover;
    width : 100%;
    height : auto;
    border-radius : 30px;
    }
    #restaurant__container__right {
    display : flex;
    width : 50%;
    flex-direction : column;
    background-color : white;
    padding : 30px;
    border-radius : 30px;
    box-sizing : border-box;
    margin : 0 auto;
    padding-top : 0;
    }
    #restaurant__container__right img {
    display : flex;
    border-radius : 30px;
    width : 50%;
    height : auto;
    margin : 0 auto;
    box-sizing : border-box;
    }
    .imagetext {
    display : none;
    }
    #restaurant__container__right p {
    font-size : 1em;
    margin-top : -10px;
    text-align : center;
    }
    #restaurant__container__right h2 {
    font-size : 2em;
    text-align : center;
    color : rgb(74, 51, 41);
    font-weight : bolder;
    margin-bottom : 30px;
    }
    }
    .carte__menu {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    position : sticky;
    top : 75px;
    z-index : 3;
    background-color : white;
    }
    .carte__menu__container {
    display : flex;
    width : 100%;
    padding-top : 10px;
    height : auto;
    margin : 0 auto;
    justify-content : center;
    }
    .carte__menu__container nav {
    display : flex;
    width : 100%;
    justify-content : center;
    border-top : 1px solid rgb(200, 200, 200);
    border-bottom : 1px solid rgb(200, 200, 200);
    }
    .carte__menu__container nav ul {
    display : flex;
    text-decoration : none;
    list-style-type : none;
    }
    .carte__menu__container nav ul li {
    margin-right : 30px;
    }
    @media screen and (max-width: 768px) {
    .sante{
        margin: 0 auto 5px;
    }
    .uber{
        margin-left: unset;
    }
    .deliveroo{
        width: 73.8px;
        margin-top: 0.8px;
    }
    .pagination {
    display : flex;
    justify-content : center;
    align-items : center;
    margin-bottom : 30px;
    }
    .dot {
    height : 10px;
    width : 10px;
    margin : 0 5px;
    background-color : #bbb;
    border-radius : 50%;
    display : inline-block;
    opacity : 0.5;
    }
    .dot.active {
    background-color : #717171;
    opacity : 1;
    }
    .commentaires__container {
    display : flex;
    width : 93.5%;
    overflow-x : scroll;
    padding-bottom : 30px;
    scroll-snap-type : x mandatory;
    }
    .commentaires__container .comment {
    scroll-snap-align : center;
    min-width : 100%;
    box-sizing : border-box;
    }
    .arrows {
    display : none;
    }
    .comment, .personne h3 {
    font-size : 1.1em;
    }
    .google {
    width : 38px;
    height : 38px;
    margin-top : 1px;
    }
    .commentaire {
    padding : 20px;
    width : 100%;
    }
    .personne img {
    width : 38px;
    height : 38px;
    }
    .question {
    padding : 13px;
    }
    .resume__arrow-down, .resume__arrow-up {
    font-size : 1.3em;
    color : rgb(227, 174, 116);
    }
    .button-test {
    width : 200px;
    max-width : 200px;
    padding : 20px 30px;
    font-size : 1em;
    }
    .histoire__title, .formule-title, .formule-title2, .mentions__box-title, .questions__title {
    font-size : 2.8em;
    text-align : center;
    }
    .mens__title {
    font-size : 1.3em;
    }
    .men p, .men-name {
    font-size : 1em;
    }
    .supplement-info-box {
    font-size : 0.9em;
    }
    .histoire__container__bloc-story1 h2, .coupure__container h2, .histoire__container__bloc-story4 h2 {
    font-size : 1.1em;
    }
    .histoire__container__bloc-story1 h3, .coupure__container h3, .histoire__container__bloc-story4 h3 {
    font-size : 1.9em;
    }
    .histoire__container__bloc:nth-child(2) {
    display : flex;
    align-items : flex-end;
    flex-direction : column;
    width : 100%;
    height : auto;
    max-width : 1200px;
    justify-content : center;
    margin-top : 0;
    position : relative;
    box-sizing : border-box;
    margin-bottom : 0;
    }
    .histoire__container__bloc-picture1 {
    width : 100%;
    display : flex;
    flex-direction : row;
    padding : 0;
    margin : 0;
    justify-content : flex-start;
    align-items : flex-start;
    display : flex;
    height : auto;
    margin-top : 80px;
    position : relative;
    }
    .histoire__container__bloc-picture8 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    transform : rotate(-5deg);
    }
    .histoire__container__bloc-picture9 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    transform : rotate(0deg);
    }
    .histoire__container__bloc-picture10 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-story1 {
    width : 100%;
    padding : 0;
    display : flex;
    flex-direction : column;
    box-sizing : border-box;
    justify-content : center;
    align-items : center;
    border-radius : 30px;
    margin : 60px 0 30px;
    }
    .histoire__container__bloc-story1 h3, .coupure__container__bloc-story h3, .histoire__container__bloc-story4 h3 {
    font-size : 1.7em !important ;
    text-align : center;
    }
    .gauche {
    display : none;
    }
    .droite {
    display : none;
    }
    .coupure {
    width : 100%;
    height : auto;
    display : flex;
    box-sizing : border-box;
    align-items : center;
    justify-content : center;
    }
    .coupure__container {
    display : flex;
    flex-direction : column;
    align-items : center;
    height : auto;
    width : 100%;
    }
    .coupure__container__bloc-story {
    width : 100%;
    height : auto;
    display : flex;
    margin : 60px auto;
    box-sizing : border-box;
    align-items : center;
    justify-content : center;
    }
    .text-coupure, .text {
    font-size : 1.1em !important ;
    margin-bottom : -20px;
    display : flex;
    justify-content : center;
    }
    .textun {
    width : 100%;
    }
    .hammer {
    width : 100%;
    box-sizing : border-box;
    margin : 0 auto;
    align-items : center;
    }
    .histoire__container__bloc:last-of-type {
    flex-direction : column;
    align-items : center;
    width : 100%;
    height : auto;
    position : relative;
    margin-top : 10px;
    }
    .histoire__container__bloc-story4 {
    height : auto;
    margin-top : 60px;
    margin-bottom : 60px !important ;
    width : 100%;
    padding : 0;
    align-items : center;
    box-sizing : border-box;
    }
    .text {
    width : 100%;
    }
    .histoire__container__bloc-picture4 {
    width : 100%;
    display : flex;
    flex-direction : row;
    padding : 0;
    margin : 0;
    justify-content : flex-end;
    align-items : flex-end;
    display : flex;
    height : 100%;
    position : inherit;
    }
    .tout {
    display : flex;
    width : 100%;
    height : auto;
    flex-direction : row;
    justify-content : center;
    align-items : center;
    box-sizing : border-box;
    padding-right : 20px;
    padding-left : 20px;
    margin-top : -20px;
    column-gap : 7px;
    z-index : 4;
    }
    .histoire__container__bloc-picture5 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    right : 70%;
    bottom : 38%;
    transform : rotate(5deg);
    }
    .histoire__container__bloc-picture6 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    right : 73%;
    bottom : 57%;
    }
    .histoire__container__bloc-picture7 {
    display : flex;
    width : 33%;
    height : auto;
    object-fit : cover;
    position : initial;
    right : 73%;
    top : 12%;
    transform : rotate(-5deg);
    }
    .men h3 {
    font-size : 1.1em;
    }
    .men p {
    font-size : 1rem !important ;
    }
    .lexique2 {
    justify-content : center;
    font-size : 1em;
    }
    .formule p {
    font-size : 1em;
    }
    .mens, .mens2 {
    flex-direction : column;
    }
    .men, .men-pic {
    width : 100%;
    }
    .formulee {
    flex-wrap : wrap;
    }
    .formule {
    flex-wrap : wrap;
    width : 100%;
    height : auto;
    min-width : 220px;
    }
    .capture {
    display : none;
    }
    .capturemobile {
    display : flex;
    width : 100%;
    height : auto;
    object-fit : cover;
    text-align : center;
    justify-content : center;
    }
    #restaurant__container__left {
    display : flex;
    width : 100%;
    min-width : 100%;
    max-width : unset;
    margin : 0 auto;
    box-sizing : border-box;
    justify-content : center;
    }
    #restaurant__container__left img {
    width : 100%;
    height : 490px;
    margin-top : 60px;
    }
    #restaurant__container__right {
    display : flex;
    width : 88%;
    height : auto;
    max-width : 580px;
    margin : 0 auto;
    justify-content : center;
    box-sizing : border-box;
    position : absolute;
    z-index : 2;
    bottom : 60px;
    padding : 10px 20px 30px 20px;
    }
    #restaurant__container__right p {
    margin-top : -5px;
    font-size : 1.1em;
    width : 97%;
    }
    #restaurant__container__right img {
    display : none;
    width : 100%;
    height : 400px;
    border-radius : 30px;
    top : -300px;
    }
    #restaurant__container__right h2 {
    font-size : 2em;
    margin-top : 0;
    margin-bottom : 20px;
    }
    #restaurant {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    margin : 0 auto;
    border-radius : unset;
    max-width : 1200px;
    margin-top : 120px;
    margin-bottom : 60px;
    padding-right : 20px;
    padding-left : 20px;
    box-sizing : border-box;
    background-color : rgb(227, 174, 116);
    }
    .presentation {
    display : flex;
    width : 100%;
    height : auto;
    top : -50px;
    padding : 0;
    position : relative;
    margin : 0 auto;
    margin-bottom : -100px;
    justify-content : center;
    box-sizing : border-box;
    padding-right : 20px;
    padding-left : 20px;
    }
    .presentation__container {
    display : flex;
    flex-wrap : wrap;
    width : 100%;
    height : auto;
    margin : 0 auto;
    align-items : center;
    justify-content : space-around;
    box-sizing : border-box;
    }
    .presentation__box {
    max-width : 310px;
    width : 100%;
    height : 220px;
    }
    .presentation__box:nth-child(2) {
    margin-right : unset;
    margin-left : unset;
    }
    .presentation__box:nth-child(3) {
    margin-top : 30px;
    }
    .presentation__box-link {
    display : flex;
    margin : 0 auto;
    width : 200px;
    justify-content : center;
    height : 35px;
    box-shadow : 0 0 0 1px rgb(0, 0, 0, 0.05), 0 0 0 2px rgb(209, 213, 219) inset;
    padding : 12px 30px;
    }
    #restaurant__container {
    width : 100%;
    margin : 0 auto;
    padding : 0 0 90px;
    border-radius : unset;
    flex-direction : column;
    position : relative;
    z-index : 1;
    box-sizing : border-box;
    }
    .commentaires h2 {
    font-size : 3.2em;
    padding-top : 10px;
    margin-bottom : 30px;
    text-align : center;
    }
    .banner-container{
        grid-template-columns: 1fr;
    }
    footer {
    user-select : auto;
    display : flex;
    flex-direction : column;
    background-color : rgb(74, 51, 41);
    width : 100%;
    height : auto;
    color : white;
    margin : 0 auto;
    position : relative;
    }
    #footer__container {
    display : flex;
    justify-content : center;
    align-items : center;
    flex-direction : column;
    width : 100%;
    max-width : 1200px;
    margin : 0 auto;
    padding-top : 30px;
    padding-bottom : 5px;
    }
    #footer__bottom {
    display : flex;
    background-color : rgb(74, 51, 41);
    width : 100%;
    max-width : 1200px;
    height : auto;
    margin : 0 auto;
    color : black;
    border-top : 1px solid rgb(218, 217, 220);
    }
    #bottomleft {
    display : flex;
    width : 100%;
    justify-content : center;
    align-content : center;
    margin : 0 auto;
    flex-direction : column;
    }
    #bottomleft h3 {
    margin-top : 10px;
    text-align : center;
    font-size : 0.9em;
    }
    .livrer {
    margin : 0;
    }
    .reseaux {
    display : flex;
    margin : 0 auto -5px;
    justify-content : center;
    }
    .reseaux__link {
    margin: 15px auto;
    }
    .food {
    margin : 0 auto 5px;
    align-items : center;
    align-content : center;
    }
    .food__container {
    display : flex;
    justify-content : center;
    margin : 0;
    padding : 0;
    }
    .pricee {
    font-weight : 400;
    }
    .food__container p {
    margin : 0 auto;
    justify-content : center;
    display : flex;
    padding : 0;
    }
    #bottomleft img:nth-child(3) {
    margin-right : unset;
    }
    #bottommiddle {
    display : flex;
    width : 100%;
    justify-content : center;
    margin : 0 auto;
    flex-direction : column;
    padding : 0;
    text-align : center;
    }
    .abc {
    justify-content : center;
    }
    .abcd {
    justify-content : center;
    }
    .bottomtittle {
    font-weight : 600;
    margin-bottom : 20px;
    color : white;
    }
    #bottomright {
    width : 100%;
    height : auto;
    min-height : 300px;
    margin-top : 0px;
    max-width : 460px;
    }
    iframe {
    width : 100%;
    height : 260px;
    }
    #footer__bottom_container {
    display : flex;
    flex-direction : column;
    align-items : center;
    width : 100%;
    margin : 0;
    height : auto;
    text-transform : uppercase;
    font-size : 0.7em;
    padding: 10px 0;
    }
    #footer__bottom img {
    display : flex;
    margin : 0 auto;
    }
    #footer__bottom nav {
    display : flex;
    font-weight : 300;
    }
    #footer__bottom ul {
    display : flex;
    margin-left : 0;
    padding-left : 0;
    padding : 0;
    margin : 0;
    line-height : 0;
    gap: 20px;
    color : white;
    letter-spacing : 0.8px;
    margin-bottom: 10px;
    }
    .logowhite {
    width : 100px;
    height : auto;
    display : none;
    }
    #footer__bottom {
    padding-top : 20px;
    }
    #footer__bottom li {
    color : white;
    }
    #footer__bottom li a {
    text-decoration : none;
    color : white;
    }
    .taste-box {
    display : flex;
    position : relative;
    }
    .galerie__container__pictures {
    grid-template-columns : 1fr 1fr;
    }
    }
    @media screen and (max-width: 683px) {
    .presentation__box {
    max-width : unset;
    width : 100%;
    height : 230px;
    }
    .presentation__box-image1 {
    height : 25px;
    }
    .presentation__box-image2 {
    height : 40px;
    }
    .presentation__box:nth-child(2) {
    margin-top : 30px;
    }
    .faq {
    display : flex;
    width : 100%;
    height : auto;
    margin : 0 auto;
    }
    .faq__container {
    display : flex;
    width : 1200px;
    height : auto;
    margin : 0 auto;
    padding-bottom : 60px;
    box-sizing : border-box;
    margin-right : 20px;
    margin-left : 20px;
    }
    .faq__box {
    display : flex;
    flex-direction : column;
    justify-content : flex-start;
    width : 100%;
    height : auto;
    border-radius : 30px;
    line-height : 1.5;
    padding : 0;
    margin : 0;
    }
    .resume__arrow {
    font-size : 1em;
    width : auto;
    }
    .questions {
    width : 100%;
    }
    .questions__title {
    text-align : center;
    font-size : 2.8em;
    }
    details {
    width : 100%;
    }
    }