/* CSS générique  */

@media screen and (max-width: 2048px){

body {
	font-size : 100%;
	font-family : Verdana;
	font-weight : bold;
	color : white;
	background-color:blue;
}

p {
	font-size : 100%;
	font-family : Verdana;
	font-weight : bold;
	color : White;
}

td {
	font-size : 100%;
	font-family : Verdana;
	font-weight : bold;
	color : White;
}

div {
	padding: 1em;
	border-width: 1px;
	box-sizing: border-box;
	word-wrap: break-world;
	overflow-wrap: break-word;
}

div.logo {width: 40%; float:left;}
div.text {width: 60%; float:right}
div.menu {float:left;}

h1 {
	font-size: 120%; 
	color: navy; 
	text-align: center;
}

h2 {
	font-size: 100%; 
	color: red; 
	padding-left: 15px;
}

a:link {
	color: green;
	text-decoration: underline;
}

a:visited {
	color: gray;
}

a:hover {
	color: yellow;
	text-decoration: none;
}

a:active, a:focus {
	color: yellow;
}
}


/* CSS en action seulement si 480px de large ou moins dans le navigateur */
@media screen and (max-width: 480px){

body {background-color:red;}

div.logo {width:100%;float:none;}
div.text {width=100%;float:none;}
div.menu {float:none;}
}