/*
 * Pour toutes les pages
 */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #000033;
	color: #FFFFFF;
	width: 700px;
	position: absolute;
	left: 50%;
	padding: 15px;
	margin-left: -365px;
}
.spaceur { /* Pour faire passer les cadre à la ligne */
	clear: both;
	visibility: hidden
}
p {text-align: justify}


/*  les liens  */
a:visited {
	color: #FFFFFF;
	background-color: #000033;;
	text-decoration: none;
}
a:hover {
	color: #FFFF00;
	background-color: #000033;;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	background-color: #000033;;
	text-decoration: none;
}
a:link {
	color: #FFFFFF;
	background-color: #000033;;
	text-decoration: none;
}

/*
 * Farmatages de textes
 */
.center {text-align: center}
.gras {font-weight: bold}
.i {font-style: italic}

/*
 * Les pieds de pages
 */
.piedpage {
	font-size: x-small;
	text-align: center;
	margin-top: 20px;
}

/* Met les liens de bas de pages sur une ligne avec le bon espacement
 * et la ligne verticale de séparation. Le premier lien doit avoir la
 * classe first & le dernier la classe last pour que le centrage sur
 * la page soit correct */
.piedpage a {
	display: inline;
	padding: 0px 14px 0px 14px;
	border-right: 1px dotted;
}
.piedpage a.first {padding-left: 0px}
.piedpage a.last {border-right: 0px; padding-right: 0px}

/*
 * Pour les pages d'images
 */
.bible { /* cadres supérieur central */
	border: solid;
	text-align: justify;
	padding: 0px 10px;
}
.bible h1 { /* référence de la sitation */
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
}
.bible p {text-align: center}


/* Cadre inférieur avec la méditation */
.txt_med {
	border: solid;
	text-align: justify;
	padding: 0px 10px;
}
.txt_med h1 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
}
.txt_med p {
	text-align: center;
}

/* Pour les deux cadres latéraux */
.lateral {
	width: 170px;
	float: left;
	margin: 100px 0px 0px 0px;
}
.lateral h1 {
	text-align: center;
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border: thin solid;
	padding: 20px;
	width: 95px;
	vertical-align: middle;
	margin-left: 15px;
	margin-bottom: 50px;
}
.lateral h2 { /* Pas présent dans cete présentation */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
}
.lateral p {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
}

/* Cadre central avec l'image */
.central {
	text-align: center;
	width: 300px;
	margin: 30px;
	float: left;
}
.central h1 { /* Pas présent dans cete présentation */
	font-size: 16px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	width: 80px;
	padding: 20px;
	vertical-align: middle;
	margin-left: 90px;
	border: thin solid;
}
.central img {
  /*l'alignement se fait par le texte align de .central*/
	vertical-align: middle;
	border: 0;
}


/*
 * pour la page d'index
 *
 */
#index_body { /* définition spécifique pour la page d'index */
	position: absolute;
	width: 550px;
	top: 50%;
	margin-top: -245px;
	left: 50%;
	margin-left: -328px;
}
#index_piedpage { /* Pour la page d'index */
	width: 530px;
	left: 87px;
	position: absolute;
	margin-top: 0px;
	top: 460px;
}
.index_gauche { /* Le cadre de gauche avec le titre */
	text-align: center;
	float: left;
	position: absolute;
	height: 450px;
	width: 110px;
	left: 0px;
	top: 0px;
}
.index_gauche h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-style: italic;
	margin: 120px 0px 60px 0px;
}
.index_gauche h2 {
	padding: 0px 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	font-style: italic;
}
#index_centre { /* Cadre central contenant toute les vignettes */
	float: left;
	height: 450px;
	width: 500px;
	position: absolute;
	left: 110px;
	top: 0px;
	padding: 0px 4px 0px 0px;
}
.index_cadre{ /* Les petits cadres contenant les vignettes */
	text-align: center;
	height: 140px;
	width: 90px;
	margin: 4px;
	float: left;
}
.index_cadre h1 {
	text-align: center;
	float: none;
	margin: 0px 0px 3px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
.index_cadre img {
	float: none;
	margin: 0px 9.5px 0px 9.5px;
}
.index_cadre p {
	text-align: center;
	float: none;
	margin: 0px 3px 0px 3px;
	padding: 25px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	height: 90px;
	border: thin solid;
}

/*
 * Pour la page de dédicace
 */
#dedicace_body {
	position: absolute;
	width: 500px;
	top: 50%;
	margin-top: -160px;
	left: 50%;
	margin-left: -268px;
	padding: 50px 0px 0px 0px;
}
#dedicace_body p {
	text-align: center;
	line-height: 30px;
	font-style: oblique;
	margin-bottom: 100px;
}

/*
 * Pour la page d'accueil
 */

#accueil_body { /* pour la page*/
	width: 650px;
	left: 50%;
	margin-left: -325px;
	margin-top: 40px;
	margin-bottom: 60px;
}
#accueil_body h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	text-align: center;
	margin: 25px 0px;
}
#accueil_body h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	margin: 0px;
}
#accueil_body h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
	margin: 0px 0px 40px 0px;
}
#accueil_body .credits {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	margin: 0px 0px 20px 0px;
}
#accueil_body p {
	text-align: justify;
	margin: 20px 0px;
}
#accueil_body .dedicace {
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	margin: 40px 0px;
}
#accueil_body li {
	text-align: justify;
	list-style-position: outside;
	list-style-type: circle;
	margin: 0px 0px 10px 20px;
}
#accueil_body .signature {
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}