@font-face {
  font-family: 'BobbyJones';
  src: url('typo/BobbyJones.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Baloo-Regular';
  src: url('typo/Baloo-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GlacialIdifference';
  src: url('typo/GlacialIdifference.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}



body{
    margin : 0;
    padding : 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #264436;

}


h2{
    font-family: 'BobbyJones', sans-serif;
    text-align: center;
}


h3 {
  font-family: 'Baloo-Regular', sans-serif;
}


p{
    font-family: 'GlacialIndifference', sans-serif;
}



.hero{
    width:100%;
}

.titre{
    display:none;
}


.intro{
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 50px;
width:90%
}



.atelier{
    background-color: #DBE7D8 ;
    padding : 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.atelierimg{
    width: 100%;
}



.conseil1{
    display:flex;
    justify-content: space-between;
    padding : 10px;
    gap:20px;
}
.imggauche{
    width:33.33%;
    max-width: 250px;
}
.imggauche img{
    width:100%;
}

.textedroite{
    width:66.66%;
    margin:auto;
}



.conseil2{
    display:flex;
    justify-content: space-between;
    padding : 10px;
    gap:20px;
}
.imagedroite{
     width:33.33%;
    max-width: 250px;

}
.imagedroite img{
    width : 100%;
}

.textegauche{
    width: 66.66%;
    margin: auto;
}



.monrole{
    background-color:#E2D9C5;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.undoute{
    text-align: center;
}
.contact{
    background-color: #E2D9C5;Ò
    border:1px solid #264436;
    width:fit-content;
    text-decoration: none;
    color :  #264436;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 20px;
}



.produit{
    background-color: #DBE7D8 ;
    padding : 10px;
}

.produitimg{
    width: 100%;
}