body
{
	width: 100%; padding:0; margin: 0;
	background:url(../images/fond_bulles_mob.jpg); -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-color: black;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

.onLineInfo{ width: 30%; border-radius: 25px; margin:2%; padding: 2%; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:25px; text-decoration: none;}
.onLineInfo{ background-color: rgba(45, 205, 20, 0.7); color: white;}
.offLineInfo{ width: 30%; border-radius: 25px; margin:2%; padding: 2%; text-align: center; height: auto; display: inline-block; font-family: Calibri, "Times New Roman", Arial, serif; font-size:25px; text-decoration: none;}
.offLineInfo{ background-color: rgba(255, 20, 20, 0.7); color: white;}

.welcome
{
	width:80%;
	margin: auto;
	border: 2px outset white; 
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 25px;
	text-align: center;
	text-decoration : none;
	color : white;
	font-size: 250%;
	font-family: Calibri, Times New Roman, Comic sans MS; 
}

h1
{
	text-decoration : none;
	color : white;
	font-size: 500%;
	font-family: Calibri, Times New Roman, Comic sans MS; 
}

a
{
	width:80%;
	margin: auto;
	border: 2px outset white; 
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 25px;
	text-align: center;
	display: block;
}

img
{
	border : none;
	height : 50px;
}