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;
	top: 48%;
	left: 37%;
}

.twitter{
	position: absolute;
	top: 48%;
	left: 47%;
}


.pinterest{
	position: absolute;
	top: 48%;
	left: 57%;
}

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



div{
	margin-top: 5%;
	/*height: 900px;*/
}

section{
	background-color: #F2F2F2;
	width: 80%;
	/*width: 650px;*/
	height: 700px;
	border-radius: 8px;
	/*float: left;*/
	/*margin: 50px 60px 50px 60px;*/
	margin: 5% 10% 0% 9%; 
	padding: 20px;
	position: relative;
}

h2{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	margin-left: 5%;
}

h5{
	position: absolute;
	left: 50%;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}

.number{
	margin-left: 8%;
	font-size: 120%;
}

.first{
	position: absolute;
	width: 40%;
	left: 5%;
	top: 20%;
}

.second{
	position: absolute;
	width: 40%;
	left: 5%;
	top: 45%;
}

.third{
	position: absolute;
	width: 40%;
	left: 5%;
	top: 70%;
}

section select{
	position: absolute;
	left: 410px;
	top: 50px;
	border-radius: 1px 1px 1px 1px;
	border:1px solid #D9D9D9;
	width: 100px;
	height: 35px;
	margin-left: 65%;
}


article img{
	position: absolute;
	left: 1%;
	width: 40%;
}

section p{
	font-family: 'Roboto', sans-serif;
	font-size: 115%;
	color: #3C3B40;
	margin-left: 70%;
}

.prix{
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	color: #3C3B40;
	position: absolute;
	left: 410px;
	top: 100px;
}

.delete{
	color: #3C3B40;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	left: 200px;
	top: 140px;

}

.second h5{
	position: absolute;
	left: 220px;
}

.thrid h5{
	position: absolute;
	left: 220px;
}

input[type="submit"]{
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	background-color: #3C3B40;
	width: 140px;
	height:40px;
	border:none;
	margin-left: 45%;
}

aside{
	background-color: #F2F2F2;
	width: 80%;
	height: 825px;
	border-radius: 8px;
	margin: 2% 10% 10% 9%;
	padding: 20px;
	position: relative;
}

.total{
	background-color: white;
	padding: 20px 50px 20px 20px;
	border-radius: 8px;
	font-family: 'Roboto', sans-serif;

}

.promotion{
	background-color: white;
	float: top;
	margin-top: 5px;
	padding: 20px 50px 20px 20px;
	border-radius: 8px;
	margin: 2% 0% 2% 0%;
}

.price{
	position: absolute;
	right: 50px;
	top: 95px;
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
	margin: 2% 0% 2% 0%;
}

.shipment{
	position: absolute;
	right: 50px;
	top: 135px;
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
}

.price2{
	position: absolute;
	right: 50px;
	top: 230px;
	font-size: 12pt;
	font-family: 'Roboto', sans-serif;
}

aside select{
	margin: 2% 0% 3% 20%;
	border-radius: 1px;
	border:1px solid #D9D9D9;
	height: 30px;
	background-color: #F2F2F2
}

.promo{
	border-radius: 1px;
	border:1px solid #D9D9D9;
	height: 30px;
	background-color: #F2F2F2;
	float: top;
	margin: 2% 0% 3% 25%;
}

.pay{
	float: top;
	margin-top: 5px;
	background-color: white;
	padding: 20px 50px 20px 20px;
	border-radius: 8px;
	position: relative;
}

.mastercard{
	position: relative;
	width: 12%;
	left: 15%;
}

.visa{
	position: relative;
	width: 12%;
	left: 33%;
}

.paypal{
	position: relative;
	width: 12%;
	left: 53%;
}

hr{
	margin: 0px 0px 30px 70px;
}

a{
	color: black;
}

@media (max-width: 991px) {
	h2{
		font-size: 2em;
	}
	p{
		font-size: 28px;
	}
	h5{
		font-size: 1.2em;
		left: 60%;
	}
	.prix p{
		font-size: 2em;
	}
	section{
		height: 55vh;
	}
	img{
		width: 30%;
	}
	.book{
		width: 50%;
	}
	.pasta{
		width: 50%;

	}
	.spoon{
		width: 50%;
	}
}