body{
    background-color: white;
	margin:0;
	padding:0;
}

img{
    width: 100%;
}

p{
font-family: 'Courier New', Courier, monospace;
font-size: 1.2em;
color: #0078DB;
}
p1{
	font-family: 'Courier New', Courier, monospace;
	font-size: 1em;
	color: white;
}
p2{
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.8em;
	color:#FFA04F;
}
p3{
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.8em;
	color:#F39DA3;
}
p4{
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.8em;
	color:#0078DB;
}
p5{
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.6em;
	color: white;
}


.header{
    top:0;
    position:sticky;
	z-index:1;
	margin-bottom: 0%;
}

	.head-flex{
		display:flex;
		flex-wrap:wrap;
		height: 8vh;
		margin: 1%;
		padding: :1%;
		}

		.logo{
			flex: 1 1 150px;
			margin:0;
			height: 100%;
			border: 2px solid #0078DB ;
			}
			img[src*="img/logo.png"] {
				height: 100%;
				width: auto;
			}

		.vide{
			flex: 1 1 150px;
			margin:0;
			height: 100%;
			border: 2px solid #0078DB ;
			}

		.panier{
			flex: 1 1 150px;
			margin:0;
			text-align: right;
			height: 100%;
			border: 2px solid #0078DB ;
			}
			img[src*="img/panier-01.png"] {
				height: 100%;
				width: auto;
			}
			img[src*="img/panier-02.png"] {
				height: 100%;
				width: auto;
			}
			
.textemarque-flex{
	display:flex;
	height: 88vh;	
	margin: 1%;
	margin-top: 0%;
	padding: :1%;
	}

	.texte{
		flex: 1;
		margin:0;
		border: 2px solid #0078DB ;
		overflow: hidden;
		}
		.retourboutique{
			display: inline-block;
			width :100%;
			margin-top:-1%;
			border-bottom: 2px solid #0078DB ;
			height: 15%;		
		}
			.boutonretour{
				background-color: #0078DB;
				margin: 10%;
				text-align: center;
				border-radius: 30px;
				overflow: hidden;
				height: 35%;
			}
		.description{
			display: inline-block;
			width :100%;
			margin-left: 5%;
		}
		.plusdedetails{
			display: inline-block;
			width :100%;
			margin-left: 5%;
		}
		.ajoutpanier{
			display: inline-block;
			width :100%;
			height: 20%;
		}
			.boutonpanier{
				background-color:#FFA04F;
				margin: 10%;
				padding-left: -5%;
				text-align: center;
				border-radius: 30px;
				overflow: hidden;
				height: 30%;
			}
	.case2{
		flex: 2;
		margin:0;
		border: 2px solid #0078DB ;
		}
		.pantalon{
			padding-left: 15%;
			padding-right: 15%;
			padding-top: 5%;
			padding-bottom: 5%;
			height: 90%;
			overflow: hidden;
		}
		img[src*="img/panprod.jpg"] {
			border-radius: 30px;
		}
	.case3{
		flex: 1;
		margin:0;
		border: 2px solid #0078DB ;
		}
	
		.pantalonprod{
			padding-left: 15%;
			padding-right: 15%;
			padding-top: 5%;
			padding-bottom: 5%;
			height: 50%;
			overflow: hidden;
		}
		img[src*="img/pantalon.png"] {
			border-radius: 30px;
		}
		.completer{
			margin: 15%;
			display: inline-block;
			text-align: right;
		}
			img[src*="img/bob.png"] {
				width: 30%;
				border-radius: 15px;
			}
			img[src*="img/chaussettes.png"] {
				width: 30%;
				border-radius: 15px;
			}
			img[src*="img/chemise.png"] {
				width: 30%;
				border-radius: 15px;
			}

	.footer{
	width: 90%;
	margin-top: 5%;
	margin-bottom: 5%;
	z-index: 999;
	background-color: #0078DB;
	border-radius: 30px;
	text-align: center;
}
img[src*="img/insta-01.png"] {
	height: 100%;
	width: auto;
}