/* Styles de mise en page
 * Ces styles servent à placer les élements à leur place dans la page.
 */

/* Style pour le titre de la page : il faudra mettre l'image du titre dedans */

div.titre {
	position : absolute;
	top      : 0;
	height   : 160px;
	width    : 650px;
	padding  : Opx;
	left	 : 50%;
	margin-left : -325px;
	z-index  : 1; /* Les z-index serviront a résoudre des problèmes éventuels si un élement de la page venait à déborder sur un menu.*/
}

/* Pour le menu contenant entre autre la fonction de recherche, les sites partenaires... */
div.menu {
	position : absolute;
	top      : 125px;
	height   : auto;
	width    : 170px;
	left	 : Opx;
	padding  : 10px;
	z-index  : 1;
}

/* Pour le menu contenant les nouveautés */
div.recent{
	position : absolute;
	top      : 125px;
	height   : auto;
	width    : 170px;
	right	 : 0px;
	padding  : 10px;	
	z-index  : 1;
}

/* Pour la page actuelle */
div.page{
	position : absolute;
	top      : 160px;
	height   : auto;
	left     : 170px;
	right    : 170px;
	padding  : 20px;
	z-index  : 0;
}

/* Styles de textes généraux
 * Ces styles servent à gerer les formats de texte génériques.
 */
/* Fond de la page */

body {
    color: #ffffff;
  	background-image: url('http://annuairejdra.liber-mundi.org/imagesajdr/papyrus.jpg');
 	font-size :29px;
	font-family: courrier
}

h1 {
 	color : #ffffff;
 	text-align :center;
	font-size: 30px
}

h2 {
	color : #ffffff;
	text-align :center;
	font-size: 20px
}
h4
{
	color : #ffffff;
	text-align :left;
	font-size: 15px
}

p {
	color : #ffffff;
	font-size: 15px;
	text-align: justify;
}

li{
	list-style-type : none;
	font-size: 15px;
}

ul{
	padding-left : 30px;
}

/* Styles de formats particuliers */

h1.menu{
	text-align : left;
	font-size: 18px;
}


a.menu
{
	color : #ffff00;
	text-decoration: none;
	font-weight : bold;
}


a.menu:hover{
	color : #ff0000;
	
}

h1.recent{
	text-align : left;
	font-size: 18px;
}

ul.recent{
	padding-right : 30px;
	padding-left : 0px;
	text-align : left;
}


a.recent
{
	color : #ffff00;
	text-decoration: none;
}


a.recent:hover{
	color : #ff0000;
}

a.mail:hover{
	color : #ffffff;
}

a.button{
	width : 130px;
	height : 30px;
	left : 30%;
	margin-lef : -30px;
	text-decoration: none;
}

a.recent{
	color : #ffff00;
	font-weight : bold;
	text-decoration: none;
}
a.recent:hover
{
	color : #ffffff;
	font-weight : bold;
}


img.button{
	border : none;
}


ul.annuaire{
	width : 460px;
	text-align : center;
	padding-left : 50%;
	margin-left : -230px;
}

li.annuaire{
	width : 150px;
	display : inline;
	font-size: 17px;
}
a.annuaire{
	color : #ffffff;
	font-weight : bold;
	text-decoration: none;
}
a.annuaire:hover
{
	color : #ffff00;
	font-weight : bold;
}

a.mail {
	color: #ff0000;
	text-decoration: none;
	font-size :13px;
	
}

a.mail:hover {
	color: #ffccff;
	text-decoration: none;
	font-size :13px;
}