@charset "UTF-8";
/* CSS Document */
body, html {
  height: 100%;
}

.h100vh, .h100vh2 {
	height: 100vh
}



.carousel-indicators {
color:transparent!important;

    }
.carousel .carousel-indicators li {background-color: #c09723; }
.carousel .carousel-indicators li.active {background-color: black;}
.section {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-caption {
  top: 0 !important;
	right:0%;
	left:0%;
}
a, a:visited, a:hover, a:active {
  color: #000
}
.fond0 {
  width: 100%;
  height: 100%;
}
.fond {
  background-image: url("../img/paysage1bb.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond2 {
  background-image: url("../img/nature.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.fond4 {
  background-image: url("../img/fleurs.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}


.fond8 {
  background-image: url("../img/nom-des-fleurs.jpg");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}
.fond9 {
  background-image: url("../img/thierry.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}
.fondpapier {
  background-image: url("../img/papier.jpg");
  background-repeat: repeat;
  width: 100%;
  height: 100%;
}
.image-container {
  border: 25px solid #fff; /* Bordure de 1 pixel solide blanche */
  ; /* Marge intérieure de 10 pixels */
}

.navbar {
  background-color: rgba(255, 255, 255, 1);
  justify-content: flex-end;
}
.nav-link {
  font-family: "Helvetica Neue", Helvetica, Gotham, Arial, "sans-serif";
  font-size: 14px
}
.fondNoir {
  background-color: #000;
	color: #fff; Font-size:50px
}
.hauteurimage {
  height: 900px
}



.hauteur2{margin-top: 30vh}

@media only screen and (max-width: 595px) {
	
	.t1{font-size: 16px}
.t2{font-size:14px}
.t3{font-size:28px}
.t4{font-size: 13px}
	.fond {
    background-position: right center;
  }
	  .logoHome {
    margin-top:50% !important;
		   width: 220px !important
  
  }
  .hauteurimage {
    height: 400px
  }
	
	.fondNoir {
 Font-size:20px
}
	.fond5 {
  background-image: url("../img/chanvre-sauvage-s.jpg");
  background-position: top                       center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;
}
	
.fond6 {
  background-image: url("../img/l-eau-de-l-ame-s.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood-s.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}	
	
	.fond8 {
  background-image: url("../img/vide.png");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}
	
	
	
	
	
	.notee {
	color:#000;
	position:absolute;
	 top: -45%;
		  left: 50%;

		transform: translatex(-50%);
			font-size:10px;
				line-height:15px!important

}

.parfumeur {
	color:#000;
	position:absolute;
 top: 0%;
	  left: 50%;

		transform: translatex(-50%);
	font-size:13px

}
	
.h100vh {
	height: 10vh
}
.h100vh2 {
	height: 75vh
}

	}
 
/* Small screen devices (600px and above) */
@media only screen and (min-width: 596px) and (max-width: 767px) {
	
		.t1{font-size: 16px}
.t2{font-size:14px}
.t3{font-size:28px}
.t4{font-size: 13px}
	.fond {
    background-position: right center;
  }
	 .logoHome {
    margin-top: 30% !important;
    width: 320px !important
  }
		.fondNoir {
 Font-size:25px
}
		.fond5 {
  background-image: url("../img/chanvre-sauvage-s.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;

}
	
	.fond6 {
  background-image: url("../img/l-eau-de-l-ame-s.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood-s.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}	
		.fond8 {
  background-image: url("../img/vide.png");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}
	
	
		.notee {
	color:#000;
	position:absolute;
	 top: 0%;
		  left: 50%;

		transform: translatex(-50%);

}

.parfumeur {
	color:#000;
	position:absolute;
 top: 0%;
	  left: 50%;

		transform: translatex(-50%);

}
	
.h100vh {
	height: 10vh
}
	.h100vh2 {
	height: 75vh
}


	}
 
/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px)and (max-width: 888px) {
		.fond8 {
  background-image: url("../img/vide.png");
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
	  height: 100vh;
}
		.t1{font-size: 16px}
.t2{font-size:14px}
.t3{font-size:28px}
.t4{font-size: 13px}
	
	  .logoHome {
    margin-top: 28%;
    width: 200px
  }
		.fondNoir {
 Font-size:25px
}
		.fond5 {
  background-image: url("../img/chanvre-sauvage-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;
}
	
	
	
		.fond6 {
  background-image: url("../img/l-eau-de-l-ame-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
	
	.fond7 {
  background-image: url("../img/vide.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
	
	.notee {
	color:#000;
	position:absolute;
	 top: 40%;
  left: 50%;
  transform: translateY(-50%);
		transform: translatex(-50%);
}

.parfumeur {
	color:#000;
	position:absolute;
 top: 75%;
  left: 50%;
  transform: translateY(-75%);
	transform: translatex(-50%);
}

		.h100vh2 {
	height: 75vh
}
	}
 
/* Big screen devices (889px and above) */
@media only screen and (min-width: 889px)and (max-width: 1199px) {
		.t1{font-size: 18px}
.t2{font-size:14px}
.t3{font-size:28px}
.t4{font-size: 15px}
	
	 .logoHome {
    margin-top: 25%;
    width: 380px
  }
		.fondNoir {
 Font-size:30px
}
	.fond5 {
  background-image: url("../img/chanvre-sauvage-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;
}
	
		
		.fond6 {
  background-image: url("../img/l-eau-de-l-ame-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood-p.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
	
	.notee {
	color:#000;
	position:absolute;
	 top: 40%;
  left: 50%;
  transform: translateY(-50%);
		transform: translatex(-50%);
}

.parfumeur {
	color:#000;
	position:absolute;
 top: 75%;
  left: 50%;
  transform: translateY(-75%);
	transform: translatex(-50%);
}

	}
 
/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) and (max-width: 1919px){
		.t1{font-size: 18px}
.t2{font-size:14px}
.t3{font-size:28px}
.t4{font-size: 15px}
	 .logoHome {
    margin-top: 28%;
    width: 400px
  }
		.fondNoir {
 Font-size:35px
}
	.hauteur2{margin-top: 40vh}
	.fond5 {
  background-image: url("../img/chanvre-sauvage.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;
}
	
		
		.fond6 {
  background-image: url("../img/l-eau-de-l-ame.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
	
	.notee {
	color:#000;
	position:absolute;
	 top: 40%;
  left: 50%;
  transform: translateY(-50%);
		transform: translatex(-50%);
}

.parfumeur {
	color:#000;
	position:absolute;
 top: 75%;
  left: 50%;
  transform: translateY(-75%);
	transform: translatex(-50%);
}

	
	}/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1920px) {
		.t1{font-size: 22px}
.t2{font-size:16px}
.t3{font-size:32px}
.t4{font-size: 18px}
	 .logoHome {
    margin-top: 18%;
    width: 500px
  }
		.fondNoir {
 Font-size:40px
}
	.hauteur2{margin-top: 40vh}
	.fond5 {
  background-image: url("../img/chanvre-sauvage.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
   height: 100vh;
}
	
			.fond6 {
  background-image: url("../img/l-eau-de-l-ame.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
.fond7 {
  background-image: url("../img/white-wood.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
	.notee {
	color:#000;
	position:absolute;
	 top: 40%;
  left: 50%;
  transform: translateY(-50%);
		transform: translatex(-50%);
}

.parfumeur {
	color:#000;
	position:absolute;
 top: 75%;
  left: 50%;
  transform: translateY(-75%);
	transform: translatex(-50%);
}

	
	}


.fondBlanc {
	background-color: #fff;
}

.tnoir {
	color : #000
}