/** Default stylesheet overridings. */
html, ul, p {
	margin: 0px;
	padding: 0px;
}
body { 
	padding: 0px;
	margin: 0px;
	font: 75% tahoma, sans-serif;
	line-height: 1.15;
	color: black; 
	/* background: #BCBEC0;  */
	background: url('../img/plan.png') repeat;
}
p { 
	text-align: justify;
}
img {
	border: none;
}

/** Structural components. */
div#container {
	margin: 10px auto 0px auto;
	width: 980px;
	height: 594px;
	position: relative;
}
#container div {
	position: absolute;
}

/* square is the top right component enclosing the menu.
 * -> menu children are defined in menus.css */
div#square {
	top: 0px;
	left: 500px;
	width: 480px;
	height: 450px;
	border: 0px solid white;
	text-align: center;
	background: url('../img/square.gif');
}

/* bottom-right logo. */
div#logo {
	right: 0px;
	bottom: 0px;
	width: 198px;
	height: 144px;
	background: url('../img/logo.png') center no-repeat;
}

/* two white lines element. */
div#barre {
	top: 515px;
	left: 0px;
	width: 980px;
	height: 40px;
	background: url('../img/barre.gif');
	text-align: left;
}

/* SONECOM vertical flag. */
div#flag {
	top: 10px;
	left: 0px;
	width: 178px;
	height: 582px;
	border-right: 2px solid grey;
	border-bottom: 2px solid grey;
	background: url('../img/fond.gif') left;
}

/* central is the back-white master piece.
 * -> children are defined in fiche.css */
div#central {
	top: 10px;
	left: 180px;
	width: 600px;
	height: 582px;
	background-color: #fff;
	border-right: 2px solid grey;
	border-bottom: 2px solid grey;
}
 /* copyright */
div#copyright {
	bottom: 0px;
	right: 0px;
	width: 195px; 
}
div#copyright p {
	color: #58595B;
	font-size: 78%;
	font-family: tahoma, sans-serif;
	text-align: right;
	/*	letter-spacing: 1.7px; */
}
div#copyright a, div#copyright a:visited {
	color: #58595B;
	text-decoration: none;
}
div#copyright a:hover {
	text-decoration: underline;
}