*{box-sizing:border-box;margin:0;padding:0}img{width:100%}main{padding-bottom:5rem}body{background-color:#fdebd0}h1,h2,h3,h4,a,label,button,input[type=submit]{font-family:"MaPolice",sans-serif}p{font-family:"MaPolice",sans-serif;font-size:1.1rem}@font-face{font-family:"MaPolice";src:url("../Font/EBGaramond-VariableFont_wght.ttf") format("truetype");font-display:swap}.titre{text-align:center;padding:4rem 0;font-size:2.5rem}@media only screen and (max-width: 1200px){html{font-size:14px}}@media only screen and (max-width: 998px){html{font-size:13px}}@media only screen and (max-width: 768px){html{font-size:12px}main{padding-bottom:3rem}}@media only screen and (max-width: 480px){html{font-size:11px}}.btnBox{position:absolute;left:0;right:0;bottom:0%;display:flex;justify-content:center}.btn{display:flex;justify-content:center;align-items:center;background-color:#4e898e;text-decoration:none;color:#000;transform:translateY(50%);box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn--toHover,.btn--Intro{white-space:nowrap;padding:9px 18px;border-radius:22.5px;font-weight:bold;font-size:1.2rem;display:none;z-index:1}.btn--Intro:hover,.btn--toHover:hover{box-shadow:0 0 10px rgba(0,0,0,.3)}.btn--main{border-radius:45px;padding-top:3px;padding-right:3px;font-weight:600;font-size:25px;height:45px;width:45px}@media only screen and (max-width: 768px){.btn--main{display:none}.btn--toHover,.btn--Intro{display:block;font-size:17px}}@media only screen and (max-width: 480px){.btn--toHover,.btn--Intro{font-size:15px}}.container{display:grid;grid-template-rows:10rem 15rem;grid-template-columns:none}.container .banniereLogo{background-color:#4e898e;display:flex;justify-content:space-around;align-items:center}.container nav#navDesktop ul{display:flex;gap:4rem;list-style:none;margin:0;padding:0}.container nav#navDesktop ul li a{color:#fff;text-decoration:none;font-weight:400;font-size:1.2rem;display:inline-block}.container nav#navDesktop ul li a:hover{transform:scale(1.1);color:#fdebd0}.container nav#navDesktop ul li a.active{border-bottom:2px solid #fff;font-weight:bold}.logo{width:9.5rem;height:9.5rem;margin-left:10rem}.bandeau{height:15rem;object-fit:cover}#hamburgerMenu{display:none}.texteBanniere{position:absolute;top:50%;left:50%;transform:translate(-50%, 0%);z-index:2;text-align:center;color:#fff}.texteBanniere h1{font-size:2.5rem;font-weight:bold;margin-bottom:3rem;white-space:nowrap}.texteBanniere p{font-size:1.2rem;font-style:italic}header{position:relative}header .bandeau{width:100%;display:block}#navContent{display:none}@media only screen and (max-width: 768px){.container{grid-template-rows:160px 200px}.container .banniereLogo{justify-content:space-around}.container #navContent{position:absolute;display:block}.logo{width:108px;height:108px;margin-left:0}#navMobile{position:fixed;left:0;top:0;bottom:0;background-color:#4e898e;border-right:1px solid #000;height:100%;width:262px;z-index:10;transform:translateX(-100%);transition:transform .3s ease-in-out}#navMobile a{display:block;text-decoration:none;font-size:1.5rem;font-weight:bold;color:#000;height:50px;line-height:50px;border-bottom:1px solid #000;text-align:center}#navMobile a:hover{background-color:#fdebd0}#navMobile .imgContent{display:flex;justify-content:center;align-items:center;width:262px;margin-bottom:35px}#navMobile #croix{width:20px;height:20px;margin:15px;position:relative;transform:translateX(215px) translateY(30%)}#navMobile #croix:hover>.barre{background-color:#fff}#navMobile #croix .barre{position:absolute;height:2px;width:100%;background-color:#000;transform-origin:center}#navMobile #croix .barre:first-child{transform:rotate(45deg)}#navMobile #croix .barre:last-child{transform:rotate(-45deg)}#navDesktop{display:none}#hamburgerMenu{width:6rem;height:6rem;display:inline}.texteBanniere{margin-top:1rem}}@media only screen and (max-width: 480px){.container{grid-template-rows:150px 160px}.logo{width:100px;height:100px}#hamburgerMenu{width:5rem;height:5rem;display:inline}.texteBanniere h1{font-size:2.1rem;margin-top:2rem}}.titreFooter{grid-column-start:1;grid-column-end:end;justify-self:center;font-size:1.23rem;border-bottom:1px solid #000}.gridFooter{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;width:100%;background-color:#4e898e;padding:1% 0%}.gridFooter .copyright{display:grid}.gridFooter .copyright p{justify-self:center;align-self:center;font-size:.785rem;font-weight:bold;text-align:center}.gridFooter .copyright .logo1{width:8.4rem;height:8.4rem;justify-self:center;align-self:center}#gridFooter2{display:none}.modalMail{color:#000;font-family:"Open Sans",sans-serif}.mentions{display:flex;justify-content:center;align-items:center}.mentions #modalBtn{display:block;font-size:1.25rem;padding:.345rem;border-radius:36px}.mentions #modalBtn:hover{background:#e8fff2;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer}.modal{display:none;position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.5)}.modalContent{background-color:#f4f4f4;margin:20% auto;margin-bottom:9rem;padding:6.3rem 1.13rem;width:70%;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20 px 0 rgba(0,0,0,.17);text-align:center}.modalContent .closeBtn{color:#ccc;float:right;font-size:27px;transform:translateY(-6.5rem) translateX(0.5rem)}.modalContent .closeBtn:hover,.modalContent .closeBtn:focus{color:#000;text-decoration:none;cursor:pointer}.modalTitle{font-weight:700;margin:2rem;font-size:1.8rem}.modalSousTitre{font-weight:600;font-size:1.4rem;margin:5rem}.modalText{margin:5rem}.horaire{display:grid;align-items:center;grid-template-rows:1fr 2fr}.horaire p{text-align:center;font-weight:bold;font-size:.85rem}.horaire img{width:50px;height:50px}.clickMail{text-decoration:none;color:#000;font-weight:600;font-size:.82rem;font-family:"Open Sans",sans-serif}.clickNum{padding-top:10px;text-decoration:none;color:#000;font-weight:600;font-family:"Open Sans",sans-serif;font-size:.85rem}#meContacter{display:grid;align-items:center;grid-template-rows:1fr 2fr}#meContacter #boxMeContacter{justify-self:center;text-align:center}#meContacter #boxMeContacter p{font-weight:bold;font-size:.85rem}#meContacter #boxMeContacter .btnContact{font-size:1.23rem;padding:.345rem;border-radius:36px;margin-top:1rem}#meContacter #boxMeContacter .btnContact:hover{background:#e8fff2;box-shadow:0 4px 6px rgba(0,0,0,.1)}.reseaux{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;grid-template-rows:1fr 2fr}.iconeFB,.iconeINSTA{justify-self:center;grid-row-start:2;grid-row-end:3;transition:transform .2s ease}.iconeFB:hover,.iconeINSTA:hover{transform:scale(1.15)}.iconeFB{grid-column-start:3;grid-column-end:4;width:2.3rem;height:2.3rem}.iconeINSTA{grid-column-start:5;grid-column-end:6;width:2.2rem;height:2.2rem}@media only screen and (max-width: 768px){.gridFooter{display:none}#gridFooter2{display:grid;grid-template-rows:100px 100px 100px 100px;width:100%;background-color:#4e898e}#gridFooter2 #reseauxM{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:center;margin-top:2rem}#gridFooter2 #reseauxM .iconeFB,#gridFooter2 #reseauxM .iconeINSTA{grid-row-start:1;grid-row-end:2;justify-self:center}#gridFooter2 #reseauxM .iconeFB{grid-column-start:3;grid-column-end:4;width:50px;height:50px}#gridFooter2 #reseauxM .iconeINSTA{grid-column-start:5;grid-column-end:6;width:48px;height:48px}.clickMail{font-size:1.25rem}.clickNum{font-size:1.25rem}#mentionsM{grid-row-start:2;grid-row-end:3;justify-self:center;align-self:center}#mentionsM #modalBtn2{display:block;font-size:1.375rem;padding:.375rem;border-radius:40px}#mentionsM #modalBtn2:hover{background:#e8fff2}.modalContent{width:80%}#copyrightM{font-size:13px;font-weight:bold;grid-row-start:4;grid-row-end:5;align-self:center;justify-self:center;text-align:center}#copyrightM p{font-size:14px}#logoContactM{display:grid;grid-template-columns:2fr 1fr 2fr;grid-row-start:3;grid-row-end:4;align-items:center;width:100%}#logoContactM #numM,#logoContactM #mailM,#logoContactM #logoM{justify-self:center;text-align:center}#logoContactM #numM .logo1,#logoContactM #mailM .logo1,#logoContactM #logoM .logo1{width:110px;height:110px}}@media only screen and (max-width: 480px){.logo1{width:100px;height:100px}.gridFooter{display:none}.modalContent{width:90%}#numM p,#mailM p{font-size:13px}#copyrightM p{font-size:13px}}form{background-image:url("../Image/image_fleur.webp");background-color:#fdebd0;border:1px solid #ddd;border-radius:50px;padding:1.25rem;margin:auto;margin-bottom:3.2rem;display:flex;flex-direction:column;width:37.5rem;font-size:1.5rem;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.1)}form select{min-height:2.6rem;background:#fff}form img{width:12.5rem;height:12.5rem;left:25rem;top:-0.1rem;position:absolute;z-index:1}form input:hover{background-color:#4e898e;box-shadow:0 0 10px rgba(0,0,0,.3)}form input[type=text],form select,form input[type=tel],form input[type=email]{margin-bottom:.625rem;padding:.625rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}form input[type=submit]{background-color:#4e898e;color:#000;padding:.5rem;border:2px solid #fff;border-radius:4px;width:12.5rem;align-self:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);font-weight:700;font-size:1.5rem}.input-container{display:flex;justify-content:space-between}.input-item{display:flex;flex-direction:column}@media only screen and (max-width: 480px){form{width:300px}form img{width:10rem;height:10rem;left:17.2rem;top:-0.1rem}form input[name=nom_utilisateur],form input[name=prenom_utilisateur]{width:130px}}.potPeinture img{object-fit:cover;width:45rem;height:30rem;border-radius:20px;display:block;margin:3rem auto 0 auto}.pres{box-shadow:0 4px 6px rgba(0,0,0,.1);padding:4rem;text-align:center;line-height:2.3rem;margin:auto;margin-top:3rem;width:45rem;background-color:#4e898e;border-radius:15px;color:#fff}.pres img{width:5rem;height:5rem;margin-bottom:1rem;margin-top:1rem}.mainTitre{font-size:2rem;margin-bottom:2rem}.trait-separateur{border:none;border-top:1px solid #fff;width:60%;margin:3rem auto}.murImage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:30rem;height:25rem;gap:1rem;margin:auto;margin-top:3rem}.murImage div{display:flex;justify-content:center;align-items:center}.murImage div img{width:10rem;height:10rem;border-radius:15px}@media only screen and (max-width: 768px){.pres{padding:2.5rem;line-height:2.3rem;margin-top:3rem;width:35rem}.potPeinture img{width:470px;height:auto}}@media only screen and (max-width: 480px){.pres{padding:1.5rem;line-height:2.2rem;width:27rem}.pres h1{padding-top:1.5rem}.potPeinture img{width:300px;height:auto}.murImage{display:flex;flex-direction:column;width:280px;height:auto;margin:auto;margin-top:2rem}.murImage div img{width:12rem;height:12rem}}/*# sourceMappingURL=accueil.css.map */