* {
    margin: 20px;
}

body {
    background-color: #242943;
    color: white;
    font-family: 'Source Sans 3', sans-serif;
}

.lien {
    margin: 15px;
}

h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 15pt;
    text-align: center;
}

a {
    color: white;
    text-decoration: none;
}

h2 {
    font-size: 25pt;
}

h1:hover {
    color: #9bf1ff;
}

.lien:hover {
    color: #9bf1ff;
}

a:hover {
    color: #9bf1ff;
}

.lien2:hover {
    color: #242943;



}

p {
    font-size: 17pt;
}

#design {
    color: #242943;
    background-color: white;
}

.lien2 {
    background-image: url(../images/pic01.jpg);
	margin-bottom: -20px;
	padding: 20px;
    
}

.lien3 {
	background-image: url(../images/pic02.jpg);
	margin-bottom: -20px;
	padding: 20px;
}

.lien4 {
	background-image: url(../images/pic03.jpg);
	padding: 20px;
	margin-bottom: 20px;}
.f{text-align: right;
	margin-right: 5px;
	margin-top: 20px;}
.b{text-align: right;
	margin-right: 5px;
	margin-top: 20px;}
.c{text-align: right;
	margin-right: 5px;
	margin-top: 20px;}
p{display: inline-block;
font-size: 12pt;}
.lien2:hover{color: #242943;}
.lien3:hover{color: #242943;}
.lien4:hover{color: #242943;}