html, body {
 margin: 2;
 padding: 2;
 }
 
body {
 background-color: black; 
 background-image:url(./duporge-fr/Type_IMG/fond_page.png);
 background-attachment:fixed;
 background-repeat:no-repeat;
 background-position:left 15%;
 background-size: 75% auto; 
 /*padding: 10% 5% 10% 40%; */
 font-family: Verdana, sans-serif;
 color : #0099AA;
 text-align : left;
}

header {
	text-align:center;
	padding:2% 2% 2% 2%;
	font-size:0.7em;
	color:#999;
}


main {
    font-size:0.8em;
}


p {
	text-align: left;
	padding: 1%;
	font-size:1em;
	}
	
p.illustration {
		text-align:center;
		}
	
h1 {
	font-size: 130%;
	color: #009955;

}

h2 {
	font-size:1em;
	/* text-decoration:underline; */
	}

a {
	color: #00CCDD;
	
}


div {
	padding:2% 2% 2% 35%;
}


img { border: 0; }

img.illustration {
	padding:1% 1% 1% 10%;
	text-align:center;
	}
	
img.illustration:hover { 
	width:200%; 
	padding:1% 1% 1% 10%;
	}

img.menu {
	width: 50%;
	height: auto;
}


img.livror {
	width: 30%;
	height: auto;
}


.nomarge {
	padding:1% 1% 1% 1%;
}


ul {
	padding:1% 1% 1% 1%;
}


li {
	padding:1% 1% 1% 1%;
	}

footer {
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color:#0099AA;
	text-align: center;
	background-color:#222;
	
}

mailto font {
	color:#0099AA;
}