body {
    margin:0;
    padding:0;
    box-sizing: border-box;
    background-color: #e6fbdb;
}
.bannerpc {height: 8vh;
max-width: 100%;
padding: 0 1vw;
position: sticky;
top:0;
left:0;
background-color: #f1fbec;
border-bottom: #662525 2px solid;
}
.menuall {display: flex;
justify-content: space-between;}
.left{display: flex;
align-items: center;
width:33vw;}
.logo {height: 7vh;}
h2 {font-family: "Concert One", sans-serif;
color: #662525;
font-size: 2.5em;
margin: 0;}
.right {display: flex;
align-items: center;
width: 50%;
justify-content: space-between;}

.linkpc {text-decoration: none;
 font-family: "Oswald", sans-serif;
font-weight: 800;
padding: 5px;
color: #0c440c;}
.linkpc:hover {border-bottom: 3px solid #662525;}
.leaf {height: 3vh;}

.contenu1 {min-height: 100%;
padding: 10vh 5vw 10vh 5vw;
display: flex;
gap: 2vw;}
.contleft {width: 33%;
display: flex;
align-items: center;}
.contleft-chier {width:33%}
.imgcontleft {max-width: 80%;}
.contright {width:66%}
.pcont {  font-family: "Roboto Condensed", sans-serif;
font-size: 1.2em;
text-align: justify;}
.contleft1 {width: 66%;}
.contright1 {width:33%}

.prix {display: grid;
grid-template-columns: 25% 25% auto;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.2em;
text-align: left;
}
/*GALLERIE*/
.gallmodal {
    text-align: center;
}
#imagemodal {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;}
#imagemodal:hover {opacity: 0.7;}
.xfermeture {
    color: aliceblue;
    font-size: 4em;
    cursor: grabbing;
    position: absolute;
    top: 0.5vh;
    left: 3vw;
}
.fenetre {z-index:3;
    text-align: center;
    display:none;
    padding-top:3vh;
    position:fixed;left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4)}
.contenufentre {margin:auto;
position:relative;
padding:0;outline:0;
width:75%;

animation:animatezoom 0.6s;}



@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

    .formulaire {width: 100%;}
    h3 { font-family: "Oswald", sans-serif;
color: #662525;
margin: 0;}
input {width: 90%;
margin-top: 1vh;
padding: 5px;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.2em;}
textarea {width: 90%;
    height:20vh;
margin-top: 1vh;
padding: 5px;
font-family: "Roboto Condensed", sans-serif;
font-size: 1.1em;}
.button {font-family: "Oswald", sans-serif;
width:15vw;
color: #662525;
background-color:#39fa59c7 ;}

.footerpc {height: 7vh;
width: 100%;
padding: 0 1vw;
position: fixed;
left:0;
bottom:0;
background-color: #f1fbec;
display: flex;
justify-content: space-around;
align-items: center;
border-top: #662525 solid 2px;}

.iconfooter {max-height: 5vh;}
.titre-responsive {display:none;}
.prixresponsive {display: none;}
.bannertel {display:none;
height: 8vh;
width: 100%;
padding: 0 1vw;
position: fixed;
top:0;
left:0;
background-color: #f1fbec;
border-bottom: #662525 2px solid;
align-items: center;
justify-content: space-between;}
.left {width:66%;}
.menubutt {
    transition: margin-left .5s;
    padding: 16px;
  }
  .ouvrirmenu {
    font-size: 1em;
    cursor: pointer;
background-color: rgba(255, 255, 255, 0);
    font-family: "Oswald", sans-serif;
    color: #0c440c;
    border: none;
  }
  
  .buttonmenu:hover {
    color:#662525;
    font-size: 1.2em;
  } 

.menucote {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #f1fbec;
    background-size: cover;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: #662525 2px 2px 2px;
  }
  
  .menucote a {
    text-decoration: none;
 font-family: "Oswald", sans-serif;
font-weight: 800;
padding: 1vh 0 3vh 15vw;
color: #0c440c;
    display: block;
    transition: 0.3s;
    width:75%
  }
  
  .menucote a:hover {
    color: #662525;
    border: none; }
  
  .menucote .fermermenu {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 1.2em;
    margin-left: 50px;
  }

  .iconsresp {display: flex;
  justify-content: space-between;}


/*RESPONSIVE A PARTIR D'ICI*/
@media screen and (max-width: 800px){
.contleft{display:none;}
.contright1{display:none;}
h2{display:none;}
.footerpc {display:none;}
.bannerpc {display:none;}
.contenu1 {flex-direction: column;}
.contright {width: 100%;}
.contleft1 {width: 100%;}
.contleft-chier {width:100%}
.prix {display: none;}

.titre-responsive {display:block;
max-width: 100%;}
    .prixresponsive{display: flex;}
.bannertel {display: flex;
max-width: 100%;}
.button {width:30vw;}
.pcont{font-size: 1em;}
.xfermeture {
    color: aliceblue;
    font-size: 2em;
    cursor: grabbing;
    position: absolute;
    top: 0.5vh;
    left: 2vw;
}
input {width: 90%;
margin-top: 1vh;
padding: 3px;
font-family: "Roboto Condensed", sans-serif;
font-size: 1em;}
textarea {width: 90%;
    height:20vh;
margin-top: 1vh;
padding: 3px;
font-family: "Roboto Condensed", sans-serif;
font-size: 1em;}


}