body{
	--primary-color: #12D7E6;
	--secondary-color:rgb(213, 187, 137);
	--dark:rgb(2, 62, 85);
		font-family: 'EB Garamond', serif;
}

.row {
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));

  }

nav{
	width: 100%;
	height: 90px;
	background-color: var(--secondary-color) !important;
	box-shadow: 10px 5px 5px rgb(200,200,200);
	z-index: 100;
	position: relative;
}



footer{
	width: 100%;
	height: 80px;
	background-color: var(--secondary-color);
	box-shadow: 10px 5px 5px rgb(200,200,200);
	z-index: 100;
	position: relative;
	text-align: center;
	margin-top: 80px;
	color: white;
	font-size: 26px;
	font-weight: bold;
	line-height: 80px;

}


.logo{
	width: 110px;
	margin-left: 10px;
	margin-top: 5px
}



span{
	font-size: 22px;
	margin-left: 20px;
	font-weight: bold;
}

.logomenu{
	width: 40px;
}

.menu{
	float: right;
	margin-right: 60px;
}

.imgcolor{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.namelogo{
	font-size: 30px;
top: 0px;
position: relative;
margin-left:5%;
}

#navbarText{
	background-color: transparent;
}


.menu{
	float: right;
	margin-left: 47%;
}
.navbar-toggler-icon{
	margin-top: -70px;
}

.navbar-light .navbar-toggler, .navbar-toggler{
	border: 0px solid black !important;
}
i{
	font-size: 15px;

}

.under-header{
	width: 100%;
	height: 700px;
	background-image: url("img/aa3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

h1{
	font-size: 27px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background-color: white;
	width: 600px;
	margin-top: -25vh;
	color: white;
	background-color: var(--primary-color);
	border-radius: 40px;
	box-shadow: 10px 5px 5px rgb(200,200,200);


}

.transi{
	margin-top: -80px;
height: 70px;
width: 100%;
}

h2{
	color: var(--primary-color);
	font-size: 37px;
	text-align: center;
	margin-top: 70px;
	font-weight: bold;
}

hr{
		display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid  var(--secondary-color);
	margin-top: 10px;
	width: 50px;
	margin-bottom: 40px;
}

.imgbloc{
	width: 500px;
	display: block;
		margin-left: auto;
	margin-right: auto;
}

.blocProduct{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
	border-radius: 30px 30px 30px 30px;
	background-color: white;
-webkit-box-shadow: 5px 5px 29px -2px  var(--secondary-color); 
box-shadow: 5px 5px 29px -2px  var(--secondary-color);
padding-bottom: 60px;

}

.blocProductgrand{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
	border-radius: 30px 30px 30px 30px;
	background-color: white;
-webkit-box-shadow: 5px 5px 29px -2px  var(--secondary-color); 
box-shadow: 5px 5px 29px -2px  var(--secondary-color);
padding-bottom: 60px;
margin-bottom: 30px;

}

.under-product{
	margin-top: 50px;

}

.title{
	background-color: var(--secondary-color);
	height: 50px;
	border-radius: 30px 30px 0px 0px;
	line-height: 50px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9, .img10, .img11, .img12, .img13, .img14, .img15, .img16, .img25{
	background-image: url("img/longe.jpg");
	background-size: cover;
	background-position: center;
	height: 200px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
}


.tre1, .tre2, .tre3, .tre4,.tre5, .tre6{
	background-size: cover;
	background-position: center;
	height: 200px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	width: 90%;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
	margin-bottom: 30px;
}


.gal1, .gal2, .gal3, .gal4, .gal5, .gal6, .gal7, .gal8, .gal9, .gal10, .gal11, .gal12, .gal13, .gal14, .gal15, .gal16, .gal17, .gal18, .gal19, .gal20, .gal30, .gal31{
		background-size: cover;
	background-position: center;
	height: 300px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
	width: 90%;
}

.fb, .insta{
			background-size: cover;
	background-position: center;
	height: 100px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
}

.container-ctc{
	text-align: center;
}

.ctc{
	margin-bottom: 10px;
	margin-top: -70px;
}

.fb{
	background-image: url("img/fb.jpg");
}

.insta{
	background-image: url("img/insta.jpg");
}

.gal1{
	background-image: url("img/gal1.jpg");
}

.gal2{
	background-image: url("img/gal2.jpg");
}

.gal3{
	background-image: url("img/gal3.jpg");
}

.gal4{
	background-image: url("img/gal4.jpg");
}

.gal5{
	background-image: url("img/gal5.jpg");
}


.gal6{
	background-image: url("img/gal6.jpg");
}

.gal7{
	background-image: url("img/gal7.jpg");
}

.gal8{
	background-image: url("img/gal8.jpg");
}

.gal9{
	background-image: url("img/gal9.jpg");
}

.gal10{
	background-image: url("img/gal10.jpg");
}


.gal11{
	background-image: url("img/gal11.jpg");
}

.gal12{
	background-image: url("img/gal12.jpg");
}


.gal13{
	background-image: url("img/gal13.jpg");
}

.gal14{
	background-image: url("img/gal14.jpg");
}


.gal15{
	background-image: url("img/gal15.jpg");
}

.gal16{
	background-image: url("img/gal16.jpg");
}




.gal17{
	background-image: url("img/gal17.jpg");
}

.gal18{
	background-image: url("img/gal18.jpg");
}

 .gal30{
	background-image: url("img/gal30.jpg");

 }

 .gal31{
	background-image: url("img/gal31.jpg");

 }

.gal19{
	background-image: url("img/gal19.jpg");
}

.gal20{
	background-image: url("img/gal20.jpg");
}


.e3mm1, .e3mm2, .e3mm3, .e3mm4, .e3mm6, .e3mm5, .e6mm1, .e6mm2, .e6mm3, .e6mm4, .e6mm5, .e6mm6, .e6mm7, .e6mm8, .e6mm9, 
.e6mm10 , .e6mm11, .e6mm12, .e12mm1, .e12mm2, .e12mm3, .e12mm4, .e12mm5, .e12mm6, .e12mm7, .e12mm8,.e12mm9, .e12mm10, .e12mm11, .e12mm12{
	background-size: cover;
	background-position: center;
	width: 230px;
	height: 230px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 90;
}

.e3mm1{
	background-image: url("img/3mm1.jpg");
}

.e3mm2{
	background-image: url("img/3mm2.jpg");
}

.e3mm3{
	background-image: url("img/3mm3.jpg");
}

.e3mm4{
	background-image: url("img/3mm4.jpg");
}

.e3mm5{
	background-image: url("img/3mm5.jpg");
}

.e3mm6{
	background-image: url("img/3mm6.jpg");
}




.e6mm1{
	background-image: url("img/6mm1.jpg");
}

.e6mm2{
	background-image: url("img/6mm2.jpg");
}

.e6mm3{
	background-image: url("img/6mm3.jpg");
}

.e6mm4{
	background-image: url("img/6mm4.jpg");
}


.e6mm5{
	background-image: url("img/6mm5.jpg");
}

.e6mm6{
	background-image: url("img/6mm6.jpg");
}

.e6mm7{
	background-image: url("img/6mm7.jpg");
}

.e6mm8{
	background-image: url("img/6mm8.jpg");
}


.e6mm9{
	background-image: url("img/6mm9.jpg");
}

.e6mm10{
	background-image: url("img/6mm10.jpg");
}

.e6mm11{
	background-image: url("img/6mm11.jpg");
}

.e6mm12{
	background-image: url("img/6mm12.jpg");
}



.e12mm1{
	background-image: url("img/12mm1.jpg");
}

.e12mm2{
	background-image: url("img/12mm2.jpg");
}

.e12mm3{
	background-image: url("img/12mm3.jpg");
}

.e12mm4{
	background-image: url("img/12mm4.jpg");
}


.e12mm5{
	background-image: url("img/12mm5.jpg");
}

.e12mm6{
	background-image: url("img/12mm6.jpg");
}

.e12mm7{
	background-image: url("img/12mm7.jpg");
}

.e12mm8{
	background-image: url("img/12mm8.jpg");
}


.e12mm9{
	background-image: url("img/12mm9.jpg");
}

.e12mm10{
	background-image: url("img/12mm10.jpg");
}

.e12mm11{
	background-image: url("img/12mm11.jpg");
}

.e12mm12{
	background-image: url("img/12mm12.jpg");
}

.arrow{
	margin-top: 20px;
	font-size: 28px;
}

.gauche{
	margin-left: 180px;
}

.droite{
	float: right;
	margin-right: 180px;
}








.tre1{
	background-image: url("img/tre1.jpg");
}

.tre2{
	background-image: url("img/tre2.jpg");
}

.tre3{
	background-image: url("img/tre3.jpg");
}

.tre4{
	background-image: url("img/tre4.jpg");
}

.tre5{
	background-image: url("img/tre6.jpg");
}

.tre6{
	background-image: url("img/tre5.jpg");
}

.undertress{
	margin-top: 30px;
}




 

.img1{
	background-image: url("img/longe.jpg");
}

.img2{
	background-image: url("img/longe2.jpg");
}


.img3{
	background-image: url("img/longe3.jpg");
}


.img4{
	background-image: url("img/longe4.jpg");
}




.img5{
	background-image: url("img/corde1.jpg");
}


.img6{
	background-image: url("img/corde2.jpg");
}


.img7{
	background-image: url("img/corde3.jpg");
}

.img8{
	background-image: url("img/corde4.jpg");
}

.img25{
	background-image: url("img/corde5.jpg");
}



.img9{
	background-image: url("img/rene1.jpg");
}


.img10{
	background-image: url("img/rene2.jpg");
}


.img11{
	background-image: url("img/rene3.jpg");
}





.img13{
	background-image: url("img/licol1.jpg");
}


.img14{
	background-image: url("img/licol2.jpg");
}


.img15{
	background-image: url("img/licol3.jpg");
}

.img16{
	background-image: url("img/licol4.jpg");
}



a{
	color:black;
	text-decoration: none;
}

.list{
	text-align: center;
}
.top{
	margin-top: 60px;
}

.nametressage{
	text-align: center;
	font-size: 24px;
}


.descri{
	color: var(--primary-color);
	font-size: 25px;
	text-align: center;
	margin-top: 50px;
	font-weight: bold;
}

.colorlink{
	color: white;
}

.buttonperso{
		display: block;
	margin-left: auto;
	margin-right: auto;
		background-color: var(--primary-color);
	border-radius: 40px;
	box-shadow: 10px 5px 5px rgb(200,200,200);
	border: 1px solid transparent;
	margin-top: 80px;
}

.buttonperso2{
		display: block;
	margin-left: auto;
	margin-right: auto;
		background-color: var(--primary-color);
	border-radius: 40px;
	box-shadow: 10px 5px 5px rgb(200,200,200);
	border: 1px solid transparent;
	margin-top: 30px;
}

.bloccouleur{
		height: 200px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
	width: 90%;
}

.descricouleur{
		color: var(--primary-color);
	font-size: 25px;
	text-align: center;
	margin-top: 30px;
	font-weight: bold;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

@media (max-width: 1770px) { 
.menu{
	float: right;
margin-left: 22%;
}

span{
	font-size: 20px;
}

.droite{
	margin-right: 0px;	
}

.e3mm1, .e3mm2, .e3mm3, .e3mm5, .e3mm4, .e3mm6, .e6mm1, .e6mm2, .e6mm3, .e6mm4, .e6mm5, .e6mm6, .e6mm7, .e6mm8, .e6mm9, 
.e6mm10 , .e6mm11 , .e6mm12, .e12mm1, .e12mm2, .e12mm3, .e12mm4, .e12mm5, .e12mm6, .e12mm7, .e12mm8,.e12mm9, .e12mm10, .e12mm11, .e12mm12{
	background-size: cover;
	background-position: center;
	width: 140px;
	height: 140px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 90;
}
}



@media (max-width: 550px) { 

.nametressage{
	text-align: center;
	font-size: 20px;
}

.left{
	width: 20px;
}
.e3mm1, .e3mm2, .e3mm3, .e3mm4, .e3mm5, .e3mm6, .e6mm1, .e6mm2, .e6mm3, .e6mm4, .e6mm5, .e6mm6, .e6mm7, .e6mm8, .e6mm9, 
.e6mm10 , .e6mm11, .e6mm12, .e12mm1, .e12mm2, .e12mm3, .e12mm4, .e12mm5, .e12mm6, .e12mm7, .e12mm8,.e12mm9, .e12mm10, .e12mm11, .e12mm12{
	background-size: contain;
	background-position: center;
	border:0px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 90;
	margin-bottom: 10px;
	height: 140px;
	width: 98%;
	background-repeat: no-repeat;
}

h1{
	font-size: 27px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background-color: white;
	width: 90%;
	margin-top: -25vh;
	color: white;
	background-color: var(--primary-color);
	border-radius: 40px;
	box-shadow: 10px 5px 5px rgb(200,200,200);


}

#navbarText{
	background-color: white;
}

.gal1, .gal2, .gal3, .gal4, .gal5, .gal6, .gal7, .gal8, .gal9, .gal10, .gal11, .gal12, .gal13, .gal14, .gal15, .gal16, .gal17, .gal18, .gal19, .gal20, .gal30, .gal31{
		background-size: cover;
	background-position: center;
	height: 300px;
	border:2px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 30px;
	position: relative;
	z-index: 90;
	width: 95%;

	margin-bottom: 30px;
}



.namelogo{
	font-size: 30px;
top: -30px;
position: relative;
margin-left: -5%;
}
.blocProduct{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	height: auto;
	border-radius: 30px 30px 30px 30px;
	background-color: white;
-webkit-box-shadow: 5px 5px 29px -2px  var(--secondary-color); 
box-shadow: 5px 5px 29px -2px  var(--secondary-color);
padding-bottom: 60px;
margin-bottom: 30px;

}

.gauche{
	margin-left: 100px;
}

.droite{
	float: right;
	margin-right: 100px;
}


}