/*********
css principale du site de l'oeil d'hermes www.oeil-hermes.fr
screen.css : définit la structure globale de la page
******/

@import url(typo.css);
@import url(color.css);
@import url(editarea.css);

/**
contenir les éléments de la page dans une colonne centrale
**/ 
body {
	width:1010px;
	margin:0 auto; }

/**
supprimer le décalage et les puces des listes
**/
div#navigation ul, div#navigation ol {
	margin:0;
	display:block;
	list-style : none; }


/**
le titre du site : h1
**/
h1 {
	position:relative;
	top:0;
	left:0;
	height:91px;
	width:334px; }

/**
le titre de l'article : h2
**/
h2 {
	position:relative;
	width:300px;
	text-align:right;
	top:220px;}
	
/**
la zone de navigation 
flottante à gauche
**/
div#navigation {
	float:left;
	padding-top:0px;
	width: 304px; }
	
/* Les elts du menu principal */
	
/**
le cadre conteneur principal
**/
div#contenu-principal {
	margin-left: 334px; }

/**
L'icone de la rubrique
**/
div#ico-rubrique {
	width:300px;
	height:229px;
	margin-left:30px;}

/**
Le texte de l'article
**/
div#texte-rubrique {
	clear:right;
	padding:10px 10px 10px 10px;}

/**
Le bas de page
**/
div#baspage {
	clear:left;
	width:1010px;
	height:19px; }
	
div#baspage a {
	color:black;
	text-decoration:none;
}

div#baspage a:hover {
	font-weight:bold;
}
	

div#about {
	padding:5px;
	text-size:10px; }
	
div#about a {
	color:white;
	text-decoration:none;
}

div#about a:hover {
	font-weight:bold;
}

div.menu a {
	color:black;
	text-decoration:none;
}

div#plan {
	padding-top:120px;
}

div#plan ul {
	margin:0;
	padding-left:15px;
	list-style:none;
}

div#plan p {
	font-size:15px;
	padding-bottom:10px;
	border-bottom:1px solid black;
}

div#plan a {
	color:black;
	text-decoration:none;
}

div#plan a:hover {
	font-weight:bold;
}