/* css.css */

/* Style global */
body {
  margin: 0;
  font-family: 'Playfair', serif;
background: #EEDBDB;
background: linear-gradient(23deg, rgba(238, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 85%);

}

a {
color:#723f41;
}

a.visited {
color:#723f41;

}


header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  position: relative;
}

.navitem {
padding:10px;
padding-left:20px;
padding-right:20px;

background-color:#eedbdb;
border-radius:5px;
}

.nav-left, .nav-right {
  margin: 0 20px;
}

nav a {
  text-decoration: none;
  color: #723f41;
  font-size: 18px;
}

.logo-container {
  align-items: center;
  padding-left:30px;
  padding-right:30px;

}

.logo-container img {
  width: 30vw;
}

main {
  padding: 0px;
}

.titre {
text-align:center;
 text-decoration: none;
  color: #723f41;
  font-size: 23px;
  padding:0px 100px 50px 100px;

}

.bloc-text-titre {
  color: #723f41;
font-size:2.3em; 
padding-top:50px;
  padding:50px 100px 50px 100px;
text-align:center;
}

.bloc-text {
text-align:center;
 text-decoration: none;
  color: #723f41;
  font-size: 18px;
  padding:0px 100px 50px 100px;

}


.bloc-image {
width:100%;
height:auto;
border:0px solid #FF0000;
overflow:hidden;
}


.icon {
width:30px;
}

.logo_produits {
height:70px;
}




/* Règles de style responsive pour les smartphones */
@media only screen and (max-width: 1068px) {
  header {
    align-items: center;
	margin-top:50px;
	margin-bottom:50px;
  }

  .nav-left, .nav-right {
    margin: 10px 0;
  }

  nav a {
    font-size: 46px;
  }

.navitem {
padding:10px;
background-color:#f5f0f0;
border-radius:5px;
}
  .logo-container img {
    height: auto; /* Ajuste la hauteur proportionnellement */
    width: 40vw;
	margin-left:50px;
		margin-right:50px;

  }

  main {
    padding: 0px;
  }

.bloc-text {
text-align:center;
 text-decoration: none;
  color: #723f41;
  font-size: 43px;
  padding:0px 100px 50px 100px;

}


.bloc-text-titre {
  color: #723f41;
font-size:50px; 
padding-top:50px;
  padding:50px 100px 50px 100px;
text-align:center;
}

.icon {
width:80px;
}
.logo_produits {
height:110px;
}

}

@media only screen and (max-width: 480px) {
  nav a {
    font-size: 14px;
  }

  .logo-container img {
    width: 100px;
  }
}