/* 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 */
#img_body { /* définition spécifique pour les pages d'images */
	position: absolute;
	width: 770px;
	height: 475px;
	top: 50%;
	margin-top: -265px;
	left: 50%;
	margin-left: -400px;
}
#img_foot {
	position: absolute;
	top: 470px;
	left: 200px;
}


.img_cadre { /* le cadre qui contient l'image */
	float: left;
	position: absolute;
	height: 471px;
	width: 319px;
	left: 0px;
	top: 0px;
	margin: 5px;
}

.img_cadre_txt { /* Cadre de droite contenant le texte */
	text-align: center;
	float: left;
	position: absolute;
	height: 481px;
	width: 450px;
	left: 345px;
	top: 0px;
}
#img_body h1 {font-size: 14px}
#img_body p {font-size: 12px}


/* pour la page d'index */
#index_body { /* définition spécifique pour la page d'index */
	position: absolute;
	width: 770px;
	height: 455px;
	top: 50%;
	margin-top: -265px;
	left: 50%;
	margin-left: -400px;
}
#index_piedpage { /* Pour la page d'index */
	width: 530px;
	left: 130px;
	position: absolute;
	margin-top: 0px;
	top: 490px;
}
.index_gauche {
	text-align: justify;
	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;
	text-align: center;
	margin: 120px 0px 60px 0px;
}
.index_gauche h2 {
	padding: 0px 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: small;
	font-style: italic;
	text-align: center;
}
#index_centre { /* Cadre central contenant toute les vignettes */
	float: left;
	height: 480px;
	width: 680px;
	position: absolute;
	left: 110px;
	top: 0px;
	padding: 0px 4px 0px 0px;
}
.index_cadre{ /* Les petits cadres contenant les vignettes */
	text-align: center;
	height: 150px;
	width: 160px;
	margin: 4px;
	float: left;
}
.index_cadre h1 {
	text-align: center;
	float: none;
	margin: 0px 0px 3px 0px;
	height: 15px;
	font-family: verdana;
	font-style: italic;
	font-size: 10px;
}
.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;
	margin-left: 40px;
	height: 78px;
	width: 80px;
}


/* Pour la page de dédicace */
#dedicace_body {
	position: absolute;
	width: 500px;
	top: 50%;
	margin-top: -240px;
	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 { 
	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;
}