/* CSS Document */

body {
	background-color: #333;
	text-align:center;
}

header {
	background-image:linear-gradient(yellow, gold);
}

article {
	padding: 50px 150px;
}

.bulle {
	display: inline-block;
	height: 50px;
	width: 50px;
	background-color: white;
	margin: 20px;
	border-radius: 50%;
	border: 5px solid #333;
}

.bfr { background-image: linear-gradient(to right, blue 33%, white 34%, white 66%, red 67%); }
.bjp { background-image: radial-gradient(red 40%, white 41%); } 
.bde { background-image: linear-gradient(black 33%, red 34%, red 66%, gold 67%); }
.bpt { background-image: linear-gradient(to right, green 33%, red 34%); }

.b1 { border-left-color: orange; }
.b2 { border-bottom-color: orange; }
.b3 { border-right-color: orange; }
.b4 { border-top-color: orange }