body
	{
	font-family: Arial, Helvetica, sans-serif;
	}

.mobile-container
	{
	/* max-width: 480px; */
	width : 100%;
	margin: auto;
	background-color: #C2D5FF;
	height: 500px;
	color: black;
	border-radius: 10px;
	}

.topnav
	{
	overflow: hidden;
	background-color: #333;
	position: relative;
	}

.topnav #myLinks
	{
	display: none;
	background-color : #C2D5FF;
	}

.topnav a
	{
	color: white;
	padding: 24px 35px; /* 10px 16px; */
	text-decoration: none;
	font-size: 37px; /*17*/
	display: block;
	}
	
.menu_icone
	{
	padding: 0px 6px;
	}
	
.topnav a.icon
	{
	background-color: #9090FF;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	}

.topnav a:hover
	{
	background-color: #C0C0FF;
	color: black;
	}

.active
	{
	background-color: #9090FF;
	color: white;
	padding: 10px 16px;
	}


.fa-navicon::before, .fa-reorder::before, .fa-bars::before
	{
	content : "\f0c9";
	}
	

img.icone
	{
	width : 65px;
	}
	
img.grande-icone
	{
	width : 100%;
	}
	
table.menu_icone
	{
	border : 0px;
	width : 100%;
	}