@import"https://use.typekit.net/icv4xkq.css";@media (min-width: 0){*{margin:0;padding:0;box-sizing:border-box;font-family:dunbar-text,sans-serif}html{scroll-behavior:smooth}body{margin:0 auto;background-color:#f5f5f5;position:relative}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:bisque;display:flex;justify-content:center;align-items:center;z-index:999}.webgl{position:fixed;top:0;left:0;outline:none}#webgl{display:none}.section1{width:100%;display:grid;place-items:center;background-color:wheat}.section1 .container{height:900px;width:95.5%;max-width:1600px;display:grid;place-items:center;border:3px solid #3b240b;background:url(./Cat1-561a4fd1.gif) right bottom no-repeat,url(./plante2-db191c24.png) left bottom no-repeat;background-size:100%,30%}.section1 .container .content{height:96%;width:96%;border:3px solid #3b240b;position:relative}.section1 .container .content nav{width:100%;position:absolute;top:0;left:0}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:21px;font-weight:600;font-display:swap}.section1 .container .content nav a:nth-child(2),.section1 .container .content nav a:nth-child(3),.section1 .container .content nav a:nth-child(4){margin-bottom:15px;margin-left:15px}.section1 .container .content nav a:nth-child(2):hover,.section1 .container .content nav a:nth-child(3):hover,.section1 .container .content nav a:nth-child(4):hover{border-bottom:3px solid #3b240b}.section1 .container .content nav a:nth-child(5){width:150px;text-align:center;font-weight:800;margin-bottom:30px;margin-left:15px;color:wheat;background-color:#3b240b}.section1 .container .content nav a:nth-child(5):hover{outline:3px solid #3b240b;outline-offset:5px;color:wheat;background-color:#3b240b}.section1 .container .content nav #home img{height:25px;width:25px}.section1 .container .content nav .icon i{font-style:normal;color:#3b240b}.section1 .container .content .titre{height:100%;width:100%}.section1 .container .content .titre .chafe{height:50%;width:100%;display:flex;justify-content:center;align-items:center;padding-top:57.5px}.section1 .container .content .titre .chafe img{height:auto;width:90%}.section1 .container .content .titre .soustitre{height:8%;width:100%;display:flex;justify-content:center;align-items:center}.section1 .container .content .titre .soustitre h3{text-transform:uppercase;font-size:21px;font-display:swap;color:#3b240b}.section1 .container .content .titre .soustitre span{height:8px;width:8px;border-radius:4px}.section1 .container .content .titre .soustitre #pointOne{margin-right:10px;background-color:#3b240b}.section1 .container .content .titre .soustitre #pointTwo{margin-left:10px;background-color:#3b240b}.section1 .container .content .titre .pattesBas{height:42%;width:100%}.section2{width:100%;display:grid;place-items:center;background-image:url(./vague-b957cc46.svg),url(./sol-d91b9c81.svg),url(./briques-4dd833ee.png);background-position:top left,bottom center,top left;background-repeat:no-repeat,no-repeat,no-repeat;background-size:contain,contain,100%}.section2 .container{height:1000px;width:95.5%;max-width:1600px;display:flex;background:url(./grande-fleur-47237df0.png) 30px 380px no-repeat;background-size:110%;position:relative}.section2 .container .contentOne{height:100%;width:100%;display:flex;flex-direction:column}.section2 .container .contentOne .titre{height:45%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:150px}.section2 .container .contentOne .titre h2{font-size:36px;font-display:swap;font-weight:900;font-family:santelia-script,sans-serif;margin-bottom:30px;color:#556b2f}.section2 .container .contentOne .titre p{font-size:16px;font-display:swap;font-weight:400}.section2 .container .contentOne .horaires{height:45%;display:flex;justify-content:center;align-items:flex-end}.section2 .container .contentOne .horaires table{width:100%}.section2 .container .contentOne .horaires table tr td{height:35px;font-size:21px;font-display:swap}.section2 .container .contentOne .horaires table tr td:first-child{width:30%;font-weight:600}.section2 .container .contentOne .horaires table tr td:last-child{width:70%}.section2 .container .contentOne .btnMenu{height:20%;display:flex;padding-top:10px}.section2 .container .contentOne .btnMenu button{height:50px;width:200px;font-size:16px;font-display:swap;font-weight:600;border:3px solid #556b2f;color:#556b2f;background-color:#0000}.section2 .container .contentOne .btnMenu button:hover{outline:3px solid #556b2f;outline-offset:5px;color:#fff;background-color:#556b2f}.section2 .container .contentTwo{height:100%;width:100%;position:absolute;z-index:-1}.section3{width:100%;display:grid;place-items:center;padding:50px 0;background-image:url(./coffee-min-651fe47b.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#556b2f}.section3 .container{min-height:815px;width:75%;max-width:1600px}.section3 .container .titre{height:15%;width:100%;display:grid;place-items:center}.section3 .container .titre h2{text-align:center;font-size:36px;font-display:swap;font-family:santelia-script,sans-serif;color:#fff}.section3 .container .content{height:80%;width:100%;display:grid;grid-template-columns:auto;gap:30px;place-items:center;justify-content:space-evenly}.section3 .container .content .border{height:250px;width:250px;display:grid;place-items:center}.section3 .container .content .border:hover{border:3px solid #fff}.section3 .container .content .border .card{height:95%;width:95%;padding:20px;background-color:#fff;position:relative}.section3 .container .content .border .card img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.section3 .container .content .border .card .item1{height:50%;width:100%;display:flex;justify-content:center;align-items:center;border-bottom:3px solid #556b2f}.section3 .container .content .border .card .item1 img{height:90%;width:100%;-o-object-fit:cover;object-fit:cover}.section3 .container .content .border .card .item2{height:50%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px}.section3 .container .content .border .card .item2 .nom{height:20%;width:100%;padding-top:10px}.section3 .container .content .border .card .item2 .nom h3{text-align:center;text-transform:uppercase;font-size:21px;font-display:swap;font-weight:900}.section3 .container .content .border .card .item2 .description{height:50%;width:100%}.section3 .container .content .border .card .item2 .description p{font-size:12px;font-display:swap}.section3 .container .content .border .card .item2 hr{height:4px;width:105%;background-color:#556b2f}.section3 .container .content .border .card .item2 .caracteristiques{height:30%;width:100%;display:flex}.section3 .container .content .border .card .item2 .caracteristiques .age{height:100%;width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.section3 .container .content .border .card .item2 .caracteristiques .age h4{font-size:14px;font-display:swap;font-weight:600}.section3 .container .content .border .card .item2 .caracteristiques .age p{font-size:12px;font-display:swap}.section3 .container .content .border .card .item2 .caracteristiques .gender{height:100%;width:50%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.section3 .container .content .border .card .item2 .caracteristiques .gender h4{font-size:14px;font-display:swap;font-weight:600}.section3 .container .content .border .card .item2 .caracteristiques .gender #test{height:40px;width:40px}.section3 .container .content .border .card .cross{height:25px;width:25px;display:flex;justify-content:center;align-items:center;padding-bottom:2px;border-radius:40px;border:2px solid #556b2f;box-sizing:border-box;position:absolute;top:3px;right:3px}.section3 .container .content .border .card .cross span{margin:0;padding:0;color:#556b2f}.section3 .container .content .border .card .cross:hover{background-color:#fff}.section3 .container .content .border .card .cross:hover span{color:#556b2f}.section4{width:100%;display:grid;place-items:center;background-color:tan}.section4 .container{height:1260px;width:100%;max-width:1600px}.section4 .container .mur{height:450px;width:100%;background-image:url(data:image/png;base64,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);background-repeat:repeat-x;background-size:contain;background-color:#f5f5f5;position:relative}.section4 .container .mur .poutre{height:50px;width:100%;background-color:#fff}.section4 .container .mur .poutre1{border-bottom:1px solid #2b2b2b}.section4 .container .mur .poutre2,.section4 .container .mur .poutre3{border-top:1px solid #2b2b2b}.section4 .container .mur .papierPeint{height:300px}.section4 .container .mur .logoKopi{height:100px;width:100px;display:grid;place-items:center;position:absolute;top:60px;right:0}.section4 .container .mur .logoKopi .contentLogo{height:100px;width:100px;border-radius:200px;background-image:url(./kopi-n-fe190e81.png);background-position:center;background-repeat:no-repeat;background-size:85%;background-color:tan}.section4 .container .mur .titreKopi{height:80px;width:300px;display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:tan}.section4 .container .mur .titreKopi h2{font-size:36px;font-display:swap;font-weight:900;font-family:santelia-script,sans-serif;color:#000}.section4 .container .elementsGraphiques{height:290px;width:100%;background-color:tan;position:relative}.section4 .container .elementsGraphiques #cafetiere{-o-object-fit:contain;object-fit:contain;height:250px;width:auto;position:absolute;top:-170px;left:0}.section4 .container .elementsGraphiques #grandSac{-o-object-fit:contain;object-fit:contain;height:200px;width:auto;position:absolute;top:30px;right:5px}.section4 .container .elementsGraphiques #petitSac{-o-object-fit:contain;object-fit:contain;height:130px;width:auto;position:absolute;top:130px;right:0}.section4 .container .kopi{height:520px;width:100%;display:flex;flex-direction:column;background-color:tan}.section4 .container .kopi .description{height:65%;width:100%;display:grid;place-items:center;padding:0 10px}.section4 .container .kopi .description p{width:100%;font-size:16px;font-display:swap;font-weight:400}.section4 .container .kopi .btnKopi{height:35%;width:100%;display:grid;place-items:center}.section4 .container .kopi .btnKopi button{height:50px;width:200px;border:3px solid #000;background-color:tan}.section4 .container .kopi .btnKopi button a{text-decoration:none;font-size:16px;font-display:swap;font-weight:600;color:#000}.section4 .container .kopi .btnKopi button:hover{outline:3px solid #000;outline-offset:5px;background-color:#000}.section4 .container .kopi .btnKopi button:hover a{color:tan}.section5{width:100%;display:grid;place-items:center;background-color:tan}.section5 .container{height:900px;width:100%;max-width:1600px}.section5 .container .chat{height:200px;width:100%;background-color:tan;position:relative}.section5 .container .chat img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%;position:absolute;top:105px;z-index:2}.section5 .container .maison{height:700px;width:100%;background-image:url(./click-8ed9e1bb.gif);background-repeat:no-repeat;background-size:cover;background-position:-240px;position:relative}.section5 .container .maison a{height:248px;width:153px;margin:0;padding:0;color:#0000;position:absolute;top:194px;left:60px}.section5 .container .maison a:hover{color:#0000}.section5 .container .maison a:hover:after,.section5 .container .maison a:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;border-radius:5px;opacity:0;transition:opacity .3s;filter:blur(10px)}.section5 .container .maison a:hover:before{box-shadow:0 0 5px #fff}.section5 .container .maison a:hover:after{opacity:1;box-shadow:0 0 5px #fff;filter:blur(10px)}.section5 footer{height:230px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fbece5;border-top:2px solid #000}.section5 footer .container{height:100%;width:60%;max-width:1600px;background-image:url(./craquelure-cceae38c.png);background-position:top left;background-size:100%}.section5 footer .container ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:0}.section5 footer .container ul:first-child{margin-top:40px}.section5 footer .container ul:last-child{flex-direction:row;margin-top:40px}.section5 footer .container ul li{display:inline-flex;justify-content:center}.section5 footer .container ul li img{height:20px;margin-right:15px;width:auto}.section5 footer .container ul li a{text-decoration:none;font-size:16px;font-display:swap;color:#5c4033}.section5 footer .container ul li address{font-size:16px;font-display:swap;color:#5c4033}.section5 footer .container ul li p{font-size:8px;font-display:swap;font-weight:300}:root{--calendar-bg-color: #3B240B;--calendar-font-color: #F5F5F5;--weekdays-border-bottom-color: #F5DEB3;--calendar-date-hover-color: #F5DEB3;--calendar-current-date-color: #F5DEB3;--calendar-today-color: linear-gradient(to bottom, #F5DEB3, #F5DEB3);--calendar-today-innerborder-color: transparent;--calendar-nextprev-bg-color: transparent;--next-prev-arrow-color: #F5DEB3;--calendar-border-radius: 16px;--calendar-prevnext-date-color: #f5deb348}.reserve{width:100%;height:100vh;min-height:1200px;display:grid;place-items:center;background-color:wheat}.reserve .container{height:100%;width:95.5%;max-width:1600px;display:grid;place-items:center;border:3px solid #3b240b}.reserve .container .content{height:96%;width:96%;position:relative;border:3px solid #3b240b}.reserve .container .content nav{width:100%;position:absolute;top:0;left:0}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:21px;font-display:swap;font-weight:600}.reserve .container .content nav a:nth-child(2),.reserve .container .content nav a:nth-child(3),.reserve .container .content nav a:nth-child(4){margin-bottom:15px;margin-left:15px}.reserve .container .content nav a:nth-child(2):hover,.reserve .container .content nav a:nth-child(3):hover,.reserve .container .content nav a:nth-child(4):hover{border-bottom:3px solid #3b240b}.reserve .container .content nav a:nth-child(5){width:150px;text-align:center;font-weight:800;margin-bottom:30px;margin-left:15px;color:wheat;background-color:#3b240b}.reserve .container .content nav a:nth-child(5):hover{outline:3px solid #3b240b;outline-offset:5px;color:wheat;background-color:#3b240b}.reserve .container .content nav #home img{height:25px;width:25px}.reserve .container .content nav .icon i{font-style:normal;color:#3b240b}.reserve .container .content .titre{height:30%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.reserve .container .content .titre h2{width:80%;text-align:center;font-family:santelia-script,sans-serif;font-weight:900;font-size:36px;font-display:swap;color:#3b240b}.reserve .container .content .titre a{text-align:center;text-decoration:none;font-size:12px;font-display:swap;line-height:25px;color:#3b240b}.reserve .container .content .formulaire{height:70%;width:100%}.reserve .container .content .formulaire form{height:100%;width:100%}.reserve .container .content .formulaire form div{display:flex;flex-direction:column}.reserve .container .content .formulaire form div label{height:40px;font-size:16px;font-display:swap;font-weight:600;color:#3b240b}.reserve .container .content .formulaire form div input{height:35px;padding-left:20px;background:rgba(0,0,0,0);border:none;border-bottom:3px solid #3b240b;color:#3b240b}.reserve .container .content .formulaire form div input::-moz-placeholder{color:#3b240b}.reserve .container .content .formulaire form div input::placeholder{color:#3b240b}.reserve .container .content .formulaire form .name,.reserve .container .content .formulaire form .email{height:12%;width:100%}.reserve .container .content .formulaire form .date{height:58%;width:100%}.reserve .container .content .formulaire form .date .calendar{font-family:IBM Plex Sans,sans-serif;position:relative;max-width:400px;min-width:320px;background:var(--calendar-bg-color);color:var(--calendar-font-color);margin:20px auto;box-sizing:border-box;overflow:hidden;font-weight:400;border-radius:var(--calendar-border-radius)}.reserve .container .content .formulaire form .date .calendar-inner{padding:10px}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div{padding:4px;min-height:30px;line-height:30px;border:1px solid rgba(0,0,0,0);margin:10px 2px 0}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div:nth-child(-n+7){border:1px solid rgba(0,0,0,0);border-bottom:1px solid var(--weekdays-border-bottom-color)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover{border:1px solid rgba(0,0,0,0);border-bottom:1px solid var(--weekdays-border-bottom-color)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div>a{color:var(--calendar-font-color);text-decoration:none;display:flex;justify-content:center}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div:hover{border:1px solid var(--calendar-date-hover-color);border-radius:4px}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body div.empty-dates:hover{border:1px solid rgba(0,0,0,0)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls{display:grid;grid-template-columns:repeat(3,1fr)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-today-date{display:grid;text-align:center;cursor:pointer;background:var(--calendar-current-date-color);padding:8px 0;border-radius:10px;width:80%;margin:auto;color:#3b240b}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-year-month{display:flex;flex-direction:row;min-width:100px;justify-content:space-evenly;align-items:center}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-next{text-align:right}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label{font-weight:500;font-size:16px;font-display:swap}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .calendar-today{background:var(--calendar-today-color);border-radius:4px}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .calendar-today:hover{border:1px solid rgba(0,0,0,0)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .calendar-today a{outline:2px solid var(--calendar-today-innerborder-color);color:#3b240b}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-next a,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-prev a{color:var(--calendar-font-color);font-family:arial,consolas,sans-serif;font-size:26px;font-display:swap;text-decoration:none;padding:4px 12px;display:inline-block;background:var(--calendar-nextprev-bg-color);margin:10px 0}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-next a svg,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-prev a svg{height:20px;width:20px}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-next a svg path,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-controls .calendar-prev a svg path{fill:var(--next-prev-arrow-color)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .next-dates,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .prev-dates{color:var(--calendar-prevnext-date-color)}.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .next-dates:hover,.reserve .container .content .formulaire form .date .calendar .calendar-inner .calendar-body .prev-dates:hover{border:1px solid rgba(0,0,0,0);pointer-events:none}.reserve .container .content .formulaire form .number{height:12%;width:100%}.reserve .container .content .formulaire form .number .send{height:100%;width:100%;display:flex;flex-direction:row}.reserve .container .content .formulaire form .number .send #number{width:70%}.reserve .container .content .formulaire form .number .send button{height:35px;width:30%;border:none;border:3px solid #3b240b;color:#3b240b;font-weight:700;background:rgba(0,0,0,0)}.reserve .container .content .formulaire form .number .send button:hover{background-color:#3b240b;color:wheat}.reserve .container .content .formulaire form .see{height:6%;display:grid;place-items:center}.reserve .container .content .formulaire form .see h3{font-weight:900;font-size:18px;font-display:swap;color:#3b240b}.kopiOne{height:1450px;width:100%;display:grid;place-items:center;background-color:wheat}.kopiOne .container{height:100%;width:95.5%;max-width:1600px;display:grid;place-items:center;border:3px solid #3b240b}.kopiOne .container .content{height:96%;width:96%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:relative;border:3px solid #3b240b}.kopiOne .container .content nav{width:100%;position:absolute;top:0;left:0}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:21px;font-display:swap;font-weight:600}.kopiOne .container .content nav a:nth-child(2),.kopiOne .container .content nav a:nth-child(3),.kopiOne .container .content nav a:nth-child(4){margin-bottom:15px;margin-left:15px}.kopiOne .container .content nav a:nth-child(2):hover,.kopiOne .container .content nav a:nth-child(3):hover,.kopiOne .container .content nav a:nth-child(4):hover{border-bottom:3px solid #3b240b}.kopiOne .container .content nav a:nth-child(5){width:150px;text-align:center;font-weight:800;margin-bottom:30px;margin-left:15px;color:wheat;background-color:#3b240b}.kopiOne .container .content nav a:nth-child(5):hover{outline:3px solid #3b240b;outline-offset:5px;color:wheat;background-color:#3b240b}.kopiOne .container .content nav #home img{height:25px;width:25px}.kopiOne .container .content nav .icon i{font-style:normal;color:#3b240b}.kopiOne .container .content .titre{height:15%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.kopiOne .container .content .titre h2{width:80%;text-align:center;font-family:santelia-script,sans-serif;font-weight:900;font-size:36px;font-display:swap;color:#3b240b}.kopiOne .container .content .texte{height:85%;width:90%;display:flex;flex-direction:column;gap:20px;background-image:url(./grand-sac-10bab7f7.png),url(./tasse-356d65f7.png),url(./cafetiere-7612b189.png),url(./petite-fleur-63f3cd73.png);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:right 220px,left 350px,right bottom,left bottom;background-size:150px,100px,150px,120px}.kopiOne .container .content .texte p{font-size:16px;font-display:swap}.kopiOne .container .content .texte p:first-child{padding-bottom:200px}.kopiTwo{height:800px;width:100%;display:grid;place-items:center;background-image:url(./vague-b957cc46.svg),url(./coffee-min-inverse-cc094bc4.png);background-position:top left,center center;background-repeat:no-repeat no-repeat;background-size:contain,cover}.kopiTwo .container{height:100%;width:95.5%;max-width:1600px;display:grid;place-items:center}.kopiTwo .container .content{height:96%;width:96%;position:relative}.kopiTwo .container .content .titre{height:30%;width:100%;display:flex;justify-content:center;align-items:center}.kopiTwo .container .content .titre img{height:50%;width:50%;-o-object-fit:contain;object-fit:contain}.kopiTwo .container .content .video{height:50%;width:100%;display:grid;place-items:center;position:relative}.kopiTwo .container .content .video iframe{height:100%;width:100%}.kopiTwo .container .content .video img{height:100px;width:auto;position:absolute;top:-50px;right:0}.kopiTwo .container .content .liens{height:20%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}.kopiTwo .container .content .liens p{font-size:16px;font-display:swap}.kopiTwo .container .content .liens ul{display:flex;flex-direction:column;padding:0;gap:10px}.kopiTwo .container .content .liens ul li{display:inline-flex}.kopiTwo .container .content .liens ul li img{height:20px;width:auto;margin-right:15px}.kopiTwo .container .content .liens ul li a{text-decoration:none;font-size:16px;font-display:swap;color:#000}footer{height:230px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-position:top left;background-size:100%;background-color:#fbece5}footer .container{height:100%;width:60%}footer .container ul{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0}footer .container ul:first-child{margin-top:40px}footer .container ul:last-child{flex-direction:row;margin-top:40px}footer .container ul li{display:inline-flex;justify-content:center}footer .container ul li img{height:20px;margin-right:15px;width:auto}footer .container ul li a{text-decoration:none;font-size:16px;font-display:swap;color:#5c4033}footer .container ul li address{font-size:16px;font-display:swap;color:#5c4033}footer .container ul li p{font-size:8px;font-display:swap;font-weight:300}.three{position:relative;width:100%;height:400px;display:grid;place-items:center;background-color:#0000}.three .container{height:100%;width:95.5%;max-width:1600px;display:grid;place-items:center}.three .container .content{height:96%;width:96%;position:relative}.three .container .content nav{height:100%;width:100%;background-color:#0000;position:absolute;top:0;left:0;z-index:9999}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:21px;font-display:swap;font-weight:600}.three .container .content nav a:nth-child(2),.three .container .content nav a:nth-child(3),.three .container .content nav a:nth-child(4){margin-bottom:15px;margin-left:15px;color:#fff}.three .container .content nav a:nth-child(2):hover,.three .container .content nav a:nth-child(3):hover,.three .container .content nav a:nth-child(4):hover{border-bottom:3px solid #fff}.three .container .content nav a:nth-child(5){width:150px;text-align:center;font-weight:800;margin-bottom:30px;margin-left:15px;color:#3b240b;background-color:#fff}.three .container .content nav a:nth-child(5):hover{outline:3px solid #fff;outline-offset:5px}.three .container .content nav #home img{height:25px;width:25px}.three .container .content nav .icon i{font-style:normal;color:#fff}}@media (min-width: 640px){.section1 .container{background:url(./Cat1-561a4fd1.gif) right bottom no-repeat,url(./plante2-db191c24.png) left bottom no-repeat,url(./plante2-db191c24.png) left bottom no-repeat,url(./plante2-db191c24.png) 150px bottom no-repeat;background-size:70%,35%,20%,10%}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:18px}.section1 .container .content .titre .soustitre h3{font-size:18px}.section1 .container .content .titre .soustitre span{height:9px;width:9px;border-radius:5px}.section2 .container{background:url(./grande-fleur-47237df0.png) right 380px no-repeat,url(./fenetre-5d63fc03.png) 270px 420px no-repeat;background-size:60%,55%}.section2 .container .contentOne .titre{padding-left:15%;padding-right:15%}.section2 .container .contentOne .titre h2{font-size:36px}.section2 .container .contentOne .titre p{font-size:16px}.section2 .container .contentOne .horaires{height:35%;width:50%;align-items:center}.section2 .container .contentOne .horaires table tr td{font-size:18px}.section2 .container .contentOne .btnMenu{height:20%;justify-content:flex-start}.section2 .container .contentOne .btnMenu button{font-size:16px}.section3 .container .titre h2{font-size:36px}.section3 .container .content{display:flex;flex-wrap:wrap}.section3 .container .content .border .card{display:flex}.section3 .container .content .border .card .item1{height:100%;width:50%;border-bottom:none;border-right:3px solid #556b2f}.section3 .container .content .border .card .item2{height:100%;width:50%}.section4 .container{height:1000px}.section4 .container .mur .logoKopi{right:50px}.section4 .container .mur .titreKopi h2{font-size:36px}.section4 .container .elementsGraphiques{height:100px}.section4 .container .elementsGraphiques #cafetiere{left:35px}.section4 .container .elementsGraphiques #grandSac{top:-90px;right:70px}.section4 .container .elementsGraphiques #petitSac{top:10px;right:30px}.section4 .container .kopi{height:450px;justify-content:center;align-items:center}.section4 .container .kopi .description{width:70%}.section4 .container .kopi .description p{font-size:16px}.section4 .container .btnKopi{grid-template-columns:auto}.section4 .container .btnKopi button a{font-size:16px}.section5 .container .clickToEnter h2{font-size:36px}.section5 footer .container{display:flex;flex-direction:column;justify-content:center;align-items:center}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:18px}.reserve .container .content .titre h2{font-size:36px}.reserve .container .content .formulaire{display:grid;place-items:center}.reserve .container .content .formulaire form{width:90%}.reserve .container .content .formulaire form div label{font-size:16px}.reserve .container .content .see h3{font-size:18px}.kopiOne{height:1100px}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:18px}.kopiOne .container .content .titre h2{font-size:36px}.kopiOne .container .content .texte{background-image:url(./grand-sac-10bab7f7.png),url(./tasse-356d65f7.png),url(./cafetiere-7612b189.png),url(./petite-fleur-63f3cd73.png),url(./muffin-db56440e.png);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:330px 130px,50px 270px,330px bottom,30px bottom,160px 240px;background-size:150px,100px,150px,150px,80px}.kopiOne .container .content .texte p{font-size:16px}.kopiTwo{height:900px}.kopiTwo .container .content .titre{height:40%}.kopiTwo .container .content .titre img{height:30%;width:30%}.kopiTwo .container .content .video{height:40%}.kopiTwo .container .content .liens p,.kopiTwo .container .content .liens ul li a{font-size:16px}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:18px}}@media (min-width: 768px){.section1 .container{background:url(./Cat1-561a4fd1.gif) right bottom no-repeat,url(./herbe-c78d58eb.png) left bottom no-repeat,url(./plante2-db191c24.png) left bottom no-repeat,url(./plante2-db191c24.png) 150px bottom no-repeat,url(./plante3-2b5bb5be.png) 250px bottom no-repeat;background-size:55%,50%,20%,10%,20%}.section1 .container .content nav{height:100px;padding-top:15px}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:18px}.section1 .container .content nav a:nth-child(5){margin-bottom:0;position:absolute;top:15px;right:15px}.section1 .container .content .titre .soustitre h3{font-size:21px}.section1 .container .content .titre .soustitre span{height:9px;width:9px;border-radius:5px}.section2 .container{height:1150px;margin-top:30px;background:url(./grande-fleur-47237df0.png) right 380px no-repeat,url(./fenetre-5d63fc03.png) 320px 440px no-repeat;background-size:60%,55%}.section2 .container .contentOne .titre{padding-left:15%;padding-right:15%}.section2 .container .contentOne .titre h2{font-size:48px}.section2 .container .contentOne .titre p{font-size:18px}.section2 .container .contentOne .horaires{padding-left:5%}.section2 .container .contentOne .horaires table tr td{font-size:21px}.section2 .container .contentOne .btnMenu{padding-left:5%}.section2 .container .contentOne .btnMenu button{font-size:18px}.section3 .container .titre h2{font-size:48px}.section4 .container .mur .titreKopi{width:350px}.section4 .container .mur .titreKopi h2{font-size:48px}.section4 .container .kopi .description p,.section4 .container .kopi .btnKopi button a{font-size:18px}.section5 .container .clickToEnter h2{font-size:48px}.section5 .container .maison{background:url(./Cat2-d0912554.gif) no-repeat,url(./click-8ed9e1bb.gif);background-size:25%,cover;background-position:350px 400px,center}.section5 .container .maison a{height:248px;width:153px;left:8%}.section5 footer{height:170px}.section5 footer .container{width:100%;background-size:50%}.section5 footer .container ul{flex-direction:row;justify-content:space-between}.reserve .container .content nav{height:100px;padding-top:15px}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:18px}.reserve .container .content nav a:nth-child(5){margin-bottom:0;position:absolute;top:15px;right:15px}.reserve .container .content .titre h2{font-size:48px}.reserve .container .content .formulaire form{width:80%}.reserve .container .content .formulaire form div label{font-size:18px}.reserve .container .content .formulaire form .see h3{font-size:21px}.kopiOne .container .content nav{height:100px;padding-top:15px}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:18px}.kopiOne .container .content nav a:nth-child(5){margin-bottom:0;position:absolute;top:15px;right:15px}.kopiOne .container .content .titre{height:25%}.kopiOne .container .content .titre h2{font-size:48px}.kopiOne .container .content .texte{height:75%;background-position:380px 100px,50px 200px,380px bottom,30px bottom,160px 170px;background-size:130px,100px,170px,200px,70px}.kopiOne .container .content .texte p{font-size:16px}.kopiOne .container .content .texte p:first-child{padding-bottom:150px}.kopiTwo .container .content .titre{align-items:flex-end;padding-bottom:100px}.kopiTwo .container .content .video img{height:150px;top:-80px}.kopiTwo .container .content .liens p,.kopiTwo .container .content .liens ul li a{font-size:18px}footer{height:170px;background-size:50%}footer .container{width:90%}footer .container ul{flex-direction:row;justify-content:space-between}.three{height:150px}.three .container .content nav{height:100px;padding-top:15px}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:18px}.three .container .content nav a:nth-child(5){margin-bottom:0;position:absolute;top:15px;right:15px}}@media (min-width: 1024px){.section1{background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.section1 .container .content nav{background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:21px}.section1 .container .content nav a:nth-child(5){color:#f5f5f5}.section1 .container .content nav a:nth-child(5):hover{color:#f5f5f5}.section1 .container .content .titre .chafe,.section1 .container .content .titre .soustitre{width:50%}.section1 .container .content .titre .soustitre h3{font-size:21px}.section2{background-image:url(./vague-b957cc46.svg),url(./sol-d91b9c81.svg),url(./briques-4dd833ee.png);background-position:top left,center 1050px,top left;background-repeat:no-repeat,no-repeat,no-repeat;background-size:50%,100%,50%}.section2 .container{background:url(./Cat4-cf53b0bf.gif) 340px 670px no-repeat,url(./grande-fleur-47237df0.png) right 200px no-repeat,url(./fenetre-5d63fc03.png) right 180px no-repeat;background-size:35%,55%,55%}.section2 .container .contentOne{width:50%}.section2 .container .contentOne .titre{height:30%;align-items:flex-start;padding-left:7%;padding-right:0}.section2 .container .contentOne .titre h2{font-size:48px}.section2 .container .contentOne .titre p{width:80%;font-size:18px}.section2 .container .contentOne .horaires{height:40%;width:93%;justify-content:center;align-items:center;padding-left:7%}.section2 .container .contentOne .horaires table tr td{font-size:21px}.section2 .container .contentOne .btnMenu{height:30%;padding-left:7%}.section2 .container .contentOne .btnMenu button{height:70px;width:250px;font-size:21px}.section3 .container .titre h2{font-size:48px}.section4 .container .mur .logoKopi{right:150px}.section4 .container .mur .titreKopi h2{font-size:48px}.section4 .container .elementsGraphiques{height:100px}.section4 .container .elementsGraphiques #cafetiere{left:95px}.section4 .container .elementsGraphiques #grandSac{top:-90px;right:160px}.section4 .container .elementsGraphiques #petitSac{top:10px;right:120px}.section4 .container .kopi .description p{font-size:18px}.section4 .container .kopi .btnKopi button{height:70px;width:250px}.section4 .container .kopi .btnKopi button a{font-size:21px}.section5 .container .maison{background:url(./Cat2-d0912554.gif) no-repeat,url(./click-8ed9e1bb.gif);background-size:18%,cover;background-position:500px 420px,center}.section5 .container .maison a{left:19%}.reserve{background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.reserve .container .content{display:flex;padding-top:150px}.reserve .container .content nav{background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:21px}.reserve .container .content nav a:nth-child(5){color:#f5f5f5}.reserve .container .content nav a:nth-child(5):hover{color:#f5f5f5}.reserve .container .content .titre{height:100%;width:50%;justify-content:flex-start;padding-top:130px;background:url(./herbe-c78d58eb.png) no-repeat left bottom,url(./cat5-c4c781b8.png) no-repeat right bottom,url(./plante2-db191c24.png) no-repeat left bottom;background-size:100%,90%,50%}.reserve .container .content .titre h2{font-size:48px}.reserve .container .content .formulaire{height:100%;width:50%}.reserve .container .content .formulaire form{width:80%}.reserve .container .content .formulaire form div label{font-size:18px}.reserve .container .content .formulaire form div input,.reserve .container .content .formulaire form .number .send button{height:50px}.reserve .container .content .formulaire form .number .send button:hover{color:#f5f5f5}.reserve .container .content .formulaire form .see h3{font-size:21px}.kopiOne{height:930px;background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.kopiOne .container .content{align-items:flex-start}.kopiOne .container .content nav{background:#f5f5f5;background:linear-gradient(270deg,rgb(245,245,245) 50%,rgb(245,222,179) 50%)}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:21px}.kopiOne .container .content nav a:nth-child(5){color:#f5f5f5}.kopiOne .container .content nav a:nth-child(5):hover{color:#f5f5f5}.kopiOne .container .content .titre{height:45%;width:50%}.kopiOne .container .content .titre h2{font-size:48px}.kopiOne .container .content .texte{height:55%;width:100%;flex-wrap:wrap;padding:0 30px 100px 15px;background-position:300px bottom,50px bottom,right bottom,500px bottom,150px 410px;background-size:120px,100px,170px,220px,70px}.kopiOne .container .content .texte p{width:50%;font-size:18px}.kopiOne .container .content .texte p:first-child{padding-bottom:0}.kopiTwo{background-size:50%,cover}.kopiTwo .container .content .titre{height:25%;align-items:center;padding:0}.kopiTwo .container .content .video{height:55%}.kopiTwo .container .content .liens p,.kopiTwo .container .content .liens ul li a{font-size:18px}footer .container ul{width:100%}.three{height:150px}.three .container .content nav{background:rgba(0,0,0,0)}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:21px}}@media (min-width: 1280px){.section1 .container{background:url(./Cat1-561a4fd1.gif) 580px bottom no-repeat,url(./herbe-c78d58eb.png) left bottom no-repeat,url(./plante2-db191c24.png) 40px bottom no-repeat,url(./plante1-ad0d40f1.png) 170px bottom no-repeat,url(./plante3-2b5bb5be.png) 250px bottom no-repeat,url(./plante2-db191c24.png) 350px bottom no-repeat,url(./plante3-2b5bb5be.png) 450px bottom no-repeat;background-size:50%,50%,10%,6%,10%,10%,10%}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:24px}.section1 .container .content .titre .soustitre h3{font-size:24px}.section2 .container{background:url(./Cat4-cf53b0bf.gif) 400px 600px no-repeat,url(./grande-fleur-47237df0.png) right 200px no-repeat,url(./fenetre-5d63fc03.png) right 180px no-repeat;background-size:35%,45%,45%}.section2 .container .contentOne .titre h2{font-size:60px}.section2 .container .contentOne .titre p{font-size:21px}.section2 .container .contentOne .horaires table tr td{font-size:24px}.section3 .container{min-height:650px}.section3 .container .titre{padding-bottom:50px}.section3 .container .titre h2{font-size:60px}.section4 .container .mur .logoKopi{height:150px;width:150px;right:250px}.section4 .container .mur .logoKopi .contentLogo{height:150px;width:150px}.section4 .container .mur .titreKopi h2{font-size:48px}.section4 .container .elementsGraphiques{height:100px}.section4 .container .elementsGraphiques #cafetiere{left:150px}.section4 .container .elementsGraphiques #grandSac{top:-90px;right:160px}.section4 .container .elementsGraphiques #petitSac{top:10px;right:120px}.section4 .container .kopi .description{width:60%}.section4 .container .kopi .description p{font-size:21px}.section4 .container .kopi .btnKopi button a{font-size:24px}.section5 .container .maison{background:url(./Cat2-d0912554.gif) no-repeat,url(./click-8ed9e1bb.gif);background-size:15%,cover;background-position:600px 420px,center}.section5 .container .maison a{left:24.5%}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:24px}.reserve .container .content .titre{background:url(./herbe-c78d58eb.png) no-repeat left bottom,url(./cat5-c4c781b8.png) no-repeat right bottom,url(./plante2-db191c24.png) no-repeat left bottom,url(./plante1-ad0d40f1.png) no-repeat right bottom;background-size:100%,80%,30%,20%}.reserve .container .content .titre h2{font-size:60px}.reserve .container .content .formulaire{display:grid;place-items:center}.reserve .container .content .formulaire form{width:90%}.reserve .container .content .formulaire form div label{font-size:21px}.reserve .container .content .formulaire form .see h3{font-size:24px}.kopiOne{height:1000px}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:24px}.kopiOne .container .content .titre h2{font-size:60px}.kopiOne .container .content .texte{background-position:350px bottom,50px bottom,950px bottom,650px bottom,150px 430px;background-size:120px,100px,170px,220px,70px}.kopiOne .container .content .texte p{font-size:21px}.kopiTwo{height:1000px}.kopiTwo .container .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.kopiTwo .container .content .video iframe{width:80%}.kopiTwo .container .content .video img{right:10%}.kopiTwo .container .content .liens{width:80%}.kopiTwo .container .content .liens p,.kopiTwo .container .content .liens ul li a{font-size:21px}.three{height:150px}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:24px}}@media (min-width: 1536px){.section1 .container{background:url(./Cat1-561a4fd1.gif) 660px bottom no-repeat,url(./herbe-c78d58eb.png) left bottom no-repeat,url(./plante2-db191c24.png) 40px bottom no-repeat,url(./plante1-ad0d40f1.png) 200px bottom no-repeat,url(./plante3-2b5bb5be.png) 280px bottom no-repeat,url(./plante2-db191c24.png) 420px bottom no-repeat,url(./plante3-2b5bb5be.png) 560px bottom no-repeat;background-size:45%,50%,10%,6%,10%,10%,10%}.section1 .container .content nav a:not(:first-child),.section1 .container .content nav a:not(:last-child){font-size:24px}.section1 .container .content .titre .soustitre h3{font-size:24px}.section2{background-image:url(./vague-b957cc46.svg),url(./sol-d91b9c81.svg),url(./briques-4dd833ee.png);background-position:top left,center 1000px,top left;background-repeat:no-repeat,no-repeat,no-repeat;background-size:50%,110%,50%}.section2 .container{background:url(./Cat4-cf53b0bf.gif) 520px 430px no-repeat,url(./grande-fleur-47237df0.png) right 70px no-repeat,url(./fenetre-5d63fc03.png) right 100px no-repeat;background-size:35%,40%,40%}.section2 .container .contentOne .titre{height:40%}.section2 .container .contentOne .titre h2{font-size:60px}.section2 .container .contentOne .titre p{font-size:21px}.section2 .container .contentOne .horaires{height:30%}.section2 .container .contentOne .horaires table tr td{font-size:24px}.section2 .container .contentOne .btnMenu{height:10%}.section2 .container .contentOne .btnMenu button{font-size:24px}.section3 .container .titre h2{font-size:60px}.section4 .container{border-left:1px solid #000;border-right:1px solid #000}.section4 .container .mur .titreKopi{width:450px}.section4 .container .mur .titreKopi h2{font-size:60px}.section4 .container .kopi .description p{font-size:21px}.section4 .container .kopi .btnKopi button{height:70px;width:250px}.section4 .container .kopi .btnKopi button a{font-size:21px}.section5 .container{height:1150px;border-left:1px solid #000;border-right:1px solid #000}.section5 .container .maison{height:950px;background:url(./Cat2-d0912554.gif) no-repeat,url(./click-8ed9e1bb.gif);background-size:16%,cover;background-position:750px 600px,center}.section5 .container .maison a{height:340px;width:205px;top:260px;left:23%}.section5 footer .container{border:none}.reserve .container .content nav a:not(:first-child),.reserve .container .content nav a:not(:last-child){font-size:24px}.reserve .container .content .titre{background:url(./herbe-c78d58eb.png) no-repeat left bottom,url(./cat5-c4c781b8.png) no-repeat right bottom,url(./plante2-db191c24.png) no-repeat left bottom,url(./plante1-ad0d40f1.png) no-repeat right bottom,url(./plante3-2b5bb5be.png) no-repeat 140px bottom;background-size:100%,70%,20%,15%,20%}.reserve .container .content .titre h2{font-size:60px}.reserve .container .content .formulaire{display:grid;place-items:center}.reserve .container .content .formulaire form{width:90%}.reserve .container .content .formulaire form div label{font-size:21px}.reserve .container .content .formulaire form .see h3{font-size:24px}.kopiOne .container .content nav a:not(:first-child),.kopiOne .container .content nav a:not(:last-child){font-size:24px}.kopiOne .container .content .titre h2{font-size:60px}.kopiOne .container .content .texte{padding:0 50px 100px 25px;background-position:450px bottom,50px bottom,1100px bottom,750px bottom,200px 410px;background-size:170px,150px,200px,260px,100px}}@media (min-width: 1536px)and (min-width: 1586px){.kopiOne .container .content .texte{padding:0 100px 100px}}@media (min-width: 1536px){.kopiOne .container .content .texte p{font-size:21px}}@media (min-width: 1536px){.three{height:150px}.three .container .content nav a:not(:first-child),.three .container .content nav a:not(:last-child){font-size:24px}}.topnav{overflow:hidden;background-color:wheat}.topnav a{float:left;display:block;color:#3b240b;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{color:#2b2b2b}.topnav a.active{color:#3b240b}.topnav .icon{display:none}@media screen and (max-width: 640px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width: 640px){.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}}.modal{height:100%;width:100%;display:none;padding-top:100px;overflow:auto;position:fixed;top:0;left:0;z-index:99;background-color:#000;background-color:#0006}.modal .modal-content{width:80%;margin:auto;padding:0;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;position:relative;background-color:#556b2f;background-image:url(./coffee-min-651fe47b.png);background-repeat:no-repeat;background-size:cover;background-position:center}.modal .modal-content .modal-header{height:30px;width:100%}.modal .modal-content .modal-header .close{height:30px;width:30px;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:900;text-align:center;margin-right:20px;color:#fff;float:right}.modal .modal-content .modal-header .close:focus,.modal .modal-content .modal-header .close:hover{text-decoration:none;cursor:pointer;border-radius:30px;color:#556b2f;background-color:#fff}.modal .modal-content .modal-body{width:100%}.modal .modal-content .modal-body .menuTitre{height:250px;display:grid;place-items:center;padding-top:15px;padding-left:20px}.modal .modal-content .modal-body .menuTitre h2{width:80%;font-size:36px;font-weight:900;font-family:santelia-script,sans-serif;color:#fff}.modal .modal-content .modal-body .menu{width:100%;padding:20px;background-color:#fff}.modal .modal-content .modal-body .menu h3{margin-bottom:15px;font-size:21px;font-weight:800;font-family:santelia-script,sans-serif;color:#556b2f}.modal .modal-content .modal-body .menu h3:not(:first-child){margin-top:30px}.modal .modal-content .modal-body .menu ul{width:100%;display:flex;margin-top:15px;padding:0}.modal .modal-content .modal-body .menu ul li{display:inline-flex;justify-content:baseline;align-items:center;width:100%;padding:0}.modal .modal-content .modal-body .menu ul li:nth-child(1){width:25%}.modal .modal-content .modal-body .menu ul li:nth-child(2){width:60%}.modal .modal-content .modal-body .menu ul li:nth-child(3){width:15%;justify-content:flex-end}.modal .modal-content .modal-body .menu ul li p{font-size:16px;font-weight:600}.modal .modal-content .modal-body .menu ul li hr{border:none;border-top:1px dotted #000;color:#fff;background-color:#fff;height:1px;width:100%}.modal .modal-content .modal-body .menu label{height:70px;width:100%;padding-left:15px;font-size:12px;font-weight:400}.modal .modal-content .modal-body .menu .ask{width:100%}.modal .modal-content .modal-body .menu .ask img{height:auto;width:16.6666666667%}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@media (max-width: 640px){.modal .modal-content{width:100%}.modal .modal-content .modal-body .menu ul li:nth-child(1){width:30%}.modal .modal-content .modal-body .menu ul li:nth-child(2){width:50%}.modal .modal-content .modal-body .menu ul li:nth-child(3){width:20%;justify-content:flex-end}}@media (min-width: 1024px){.modal .modal-content .modal-body{display:flex}.modal .modal-content .modal-body .menu .ask img{height:120px;width:120px}}