body{
	margin: 0px;
	padding: 0px;
}


header{
	position: relative;
	background-color: #1f1e26;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	height: 120px;	 
}

.logo{
	width: 10%;
	position: absolute;
	top: 3%;
	left: 45%;
}


a{
	text-decoration: none;
}


.menu li{
	list-style: none;
	display: inline-block;
}


.menu a{
	display: inline-block;
}


.GS{
	position: absolute;
	top: 17%;
	left: 2%;
	font-size: 120%;
	font-family: 'Roboto Slab', serif;
	text-transform: capitalize;
	color: white;
}


.GS:hover{
	color: #F2E6C2;
}


.scent{
	position: absolute;
	left: 30%;
	font-size: 120%;
	color: white;
}


.propos{
	position: absolute;
	right: 35%;
	font-size: 120%;
	color: white;
}


.menu li:hover a{
	border-bottom: 4px solid #F2E6C2;
	color: #F2E6C2;
}


.panier{
	position: absolute;
	top: 35%;
	right: 5%;
	width: 3%;
}


footer{
	position: relative;
	background-color: #F2E6C2;
	position: relative;
	height: 180px;
	font-family: 'Roboto', sans-serif;
	font-size: 120%;
}

footer a{
	color: #1f1e26;
	text-decoration: none;
}


footer a:hover{
	color: white;
}

.menu2 img{
	width: 4%;
}


.menu2 ul li{
	list-style: none;
}


.goodsc{
	position: absolute;
	top: 15%;
	left: 20%;
	text-transform: uppercase;
}


.propos2{
	position: absolute;
	top: 15%;
	left: 47%;
	text-transform: uppercase;
}


.scent2{
	position: absolute;
	top: 15%;
	left: 70%;
	text-transform: uppercase;
}

.insta{
	position: absolute;
	bottom: 30%;
	left: 37%;
}

.twitter{
	position: absolute;
	bottom: 30%;
	left: 47%;
}


.pinterest{
	position: absolute;
	bottom: 30%;
	left: 57%;
}

.log{
	position: absolute;
	bottom: 7%;
	left: 45%;
	font-size: 95%;
}


div{
	font-family: 'Roboto', sans-serif;
}


section{
	padding-top: 5%;
	padding-bottom: 5%;
}

section img{
	padding-left: 10%;
	width: 40%;
}

section h1{
	font-family: 'Roboto', sans-serif;
	padding-left: 58%;
	color: #1f1e26;
}


.produit{
	position: relative;
}

aside h3{
	position: absolute;
	top: 25%;
	padding-left: 55%;
	margin-bottom: 50%;
	color: #bf8e63;
}

#infos p{
	top: 35%;
	position: absolute;
	padding-left: 55%;
	padding-right: 10%;
	line-height: 180%;
	color: #353440;
}

#prix {
	top: 65%;
	position: absolute;
	padding-left: 55%;
	padding-right: 10%;
	line-height: 180%;
	color: #353440;
	font-size: 120%;
	font-weight: bold;
}


button{
	margin-left: 42%;
	position: absolute;
	top: 130%;
  	width: 20%;
	height:50px;
	text-align: center;
	left: 50%;
	text-transform:uppercase;
	color: #1f1e26;
	background-color: white;
	font-weight:500;
	letter-spacing:1px;
	font-size:15px;
	outline:none;
	border: 1px solid #1f1e26;
}


#bouton:hover button{
	border: 1px solid #f2e6c2;

  	color:#bf8e63;
}