body{
    font-family: sans-serif;
    color: #555;
    background-color: #eee;
    line-height : 1.5em;
}

header, footer {
    line-height: 2;
	text-align: center;
	color: #555;
	background-color: #333;
	border: 1px solid rgba(225,0,0,0.7);
}
h1 {
    font-size: 2.5em;
    color: #DD5735;
}
h2{
    
    font-size: 2em;
    color: #333;
}
h3 {
    font-size: 1.5em;
}

div{
    padding : 2em;
    width : 100%;
    margin-bottom : 1em;
    border: 1px solid rgba(105,105,105,0.5);
    background-color : #FFF;
}
.bordure1{
    border-radius : 1em;
}
.bordure2{
    border-radius : 2em;
}
.bordure-top{
    border-top-left-radius: 2em;
}
.bordure-radius{
    border-radius: 1em 2em 3em 4em;
}
.cercle{
    border-radius :50%;
    width : 6em;
    height : 6em;
}
.cercle4{
    width : 0;
    border-radius : 50%;
    border-top : 6em solid #ff00d7;
    border-right : 6em solid #ff8bf6;
    border-bottom : 6em solid purple;
    border-left : 6em solid #d16bff;
}