body {
	background-color:rgb(10,160,180);
	background-image:url(img/points4.png);
}

h1 {
	margin-top: 30px;
	margin-bottom: 20px;

    text-align: center;
    color: white;
    /*font-family: monospace;*/
    font-family: serif;
	font-size: 30px;

/*	border: 10px groove rgb(255, 255, 0);*/
/*	box-shadow: 1px 1px 15px rgb(77, 95, 50);*/

    text-shadow: rgb(50, 80, 60) 3px 3px 4px;

}

h2 {
    font-family: serif;
    text-align: center;
    margin-bottom : 40px;
}

p {

	text-indent: 10px;
/*    color: white;*/
/*    color : black;*/
/*    text-shadow: rgb(50, 80, 60) 3px 3px 4px;*/
}

img {
	max-width: 100%;	
}

.dial {
	text-indent: 5px;
}
.legend {
	text-indent: 0px;
	margin-top : 0px;
}
.nextEp {
	margin-top : 40px;
    margin-bottom : 10px;
	text-align: right;
}
.illustration {
	box-shadow: 1px 1px 10px rgba(38, 91, 147, 0.47);
	max-width: 100%;	
}
.logoBox {
	margin-top : 40px;
	margin-bottom : 30px;
	text-align: center;
}
.imgBox {
	margin-top : 25px;
	margin-bottom : 25px;
	text-align: center;
}
.ellipsis {
	text-align: center;
}

.textBox {
	color : black;

	background-color:rgb(200,255,255,64);

	/*text-indent: 5px;*/

    /*font-family: monospace;*/
    font-family: serif;

	display : block;

	width: 580px;
	max-width: 90%;

	/*padding: 40px;*/
	margin-top : 20px;
	margin-bottom : 50px;

	margin-right : auto;
	margin-left  : auto;

/*	border: 10px groove rgb(255, 255, 0);*/
/*	box-shadow: 1px 1px 15px rgb(25,50,60), inset 1px 1px 15px rgb(25,50,60);*/
	box-shadow: 1px 1px 15px rgba(38, 91, 147, 0.5);

}

.textBox2 {
	padding: 5% 7%;
}


.homepage {
/*	position: fixed;*/
	position: absolute;
	top: 0;
    font-family: monospace;
/*    color: white;*/
}

.plafonnier {
	position: absolute;
	top: 0;
	right: 20px;
}