@charset "utf-8";
/* CSS Document */

/* ....................... Les pages ....................... */

body{
	background-image:url(images/stripes.png);
	margin: O;
	padding: O;
	background-color:#222;
	
	
}
#image_pindex{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}
#centre{
	background-image:url(images/centre.png);
	height:369px;
	width:800px;
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -184.5px; /* moitié de la hauteur de l'image */
	margin-left: -400px; /* moitié de la largeur de l'image */
}

#background{
	background-image:url(images/voyelles.png);
	height:450px;
	max-height:450px;
	width:100%;	
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -225px; /* moitié de la hauteur de l'image */
	margin-left: -50%; /* moitié de la largeur de l'image */
}


#suiv {
	background-image:url(images/menu2.png);
	position:absolute;
	display:block;
	width:19px;
	height:362px;
	top:7px;
	left:766px;
	z-index:1;
	outline:none;
}

#suiv_fleche {
	position:absolute;
	display:block;
	top:172px;
	left:0;
	width:19px;
	height:18px;
	background-image:url(images/fleche2.png);
}

#pre {
	background-image:url(images/menu.png);
	position:absolute;
	display:block;
	width:19px;
	height:362px;
	top:7px;
	left:9px;
	z-index:1;
	outline:none;	
}

#pre_fleche {
	position:absolute;
	display:block;
	top:172px;
	left:0;
	width:19px;
	height:18px;
	background-image:url(images/fleche.png);
}

#menu {
	list-style-type:none;
}

#menu span {
	display:none;
}

.titre{ /* titre en bas à droite */
	position:absolute;
	left:575px;
	bottom:35px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#DDD;
	z-index:1;
}

.italic{ /*titre en bas à droite */
	font-style:italic;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#DDD;
	z-index:1;
}


/* ....................... GRILLE DE COMPOSITION ....................... */

/*
#grille{
	background-image:url(images/grille.png);
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
	z-index:1;
}
*/

/* ....................... Contenu ....................... */

/* ................... page index ................... */

.titre_index{ 
	position:absolute;
	left:199px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100px;
	color:#FFF;
	top:90px;
}

.auteur_index{
	position:absolute;
	left:338px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#FFF;
	top:185px;
}

.interpretation{
	position:absolute;
	left:43px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFF;
	bottom:16px;
}	

.texte_hidden{
	display:none;
}

/* ................... page 1 ................... */

#image_p1{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

#texte_p1{
	margin-top:45px;
	margin-bottom:39px;
	margin-right:30px;
	float:right;
	width:350px;
	color:#FFFFFF;
}

/* ................... page 2 ................... */

#image_p2{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

/* ................... page 3 ................... */

#image_p3{
	position:absolute;
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px
}

.je_dirai{
	position:absolute;
	top:52px;
	left:302px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.quelque_jour{
	position:absolute;
	top:90px;
	left:340px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.vos_naissances{
	position:absolute;
	top:122px;
	left:315px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.naissances{
	font-size:71px;
	font-style:italic;
}

.latentes{
	position: absolute;
	top:205px;
	left:420px;
	font-size:40px;
	color:#FFF;
	letter-spacing:10pt;
}

/* ................... page 4 ................... */

#image_p4{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

.anoir{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:42px;
	top:80px;
}

.corset{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:95px;
	top:60px;
}

.mouches{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:238px;
	top:37px;
}

.eclatantes{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:355px;
	top:63px;
}

.bombinent{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFFFFF;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:432px;
	top:98px;
}

.des{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#555;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:290px;
	top:140px;
}

.puanteurs{
	font:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#555;
	vertical-align:super;
}

.souligne{
	text-decoration:underline;
}

/* ................... page 5 ................... */

#image_p5{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

#golfes_ombres{
	position:absolute;
	bottom:50px;
	left:40px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
}

.G{
	font-size:28px;
}

#E_candeurs{
	position: absolute;
	top:113px;
	left:220px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.E{
	font-size:100px;
}

#des_one{
	position:absolute;
	top:207px;
	left:419px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

#vapeurs{
	position:absolute;
	top:134px;
	left:445px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
}

#et{
	position:absolute;
	top:205px;
	left:563px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

#des_two{
	position:absolute;
	top:170px;
	left:615px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

#tentes{
	position:absolute;
	top:105px;
	left:705px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

/* ................... page 6 ................... */

#image_p6{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
	z-index:1;
}

#lances_glacier_fiers{
	position:absolute;
	top:240px;
	left:80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	z-index:1;
	color:#FFF;
}

.glaciers{
	font-size:41px;
	letter-spacing:-4pt;
}

#rois_blancs{
	position:absolute;
	left:340px;
	top:323px;
	color:#555555;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	z-index:1;
}

#frissons_ombelles{
	position:absolute;
	left:460px;
	top:257px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	z-index:1;
}

.frissons{
	font-size:41px;
}
/* ................... page 7 ................... */

#image_p7{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
	z-index:1;
}

#Ipourpre{
	position:absolute;
	top:33px;
	left:350px;
	z-index:1;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.I{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:71px;
}

#sangcrache{
	position:absolute;
	top:123px;
	left:418px;
	z-index:1;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.sang{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:71px;
	letter-spacing:-4pt;
}
.crache{
	letter-spacing:10pt;
}

#rirelevres{
	position:absolute;
	top:245px;
	left:485px;
	z-index:1;
	color: #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

.rire{
	vertical-align:super;
	font-size:28px;
}

/* ................... page 8 ................... */

#image_p8{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

.dans{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #FFF;;
	margin-bottom:0px;
	padding-bottom:0px;
	position:absolute;
	left:189px;
	top:17px;
	z-index:1;
}

.colere{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100px;
	color:#3b0000;
	z-index:1;
}

.ou{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #FFF;
	position:absolute;
	bottom:48px;
	left:234px;
	z-index:1;
}
.ivresses{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 31px;
	color: #FFF;
	position:absolute;
	bottom:30px;
	left:325px;
	z-index:1;
}

.down{
	font:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color: #FFF;
	vertical-align:super;
	z-index:1;
}

/* ................... page 9 ................... */

#image_p9{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:27.5px;
	height:350px;
	width:738px;
}

#U_cycles{
	position:absolute;
	left:185px;
	top:40px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.U_grand{	
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:41px;
}

#vibrements_divins{
	position:absolute;
	left:250px;
	top:78px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.vibrements{
	font-size:28px;
}
.divins{
	font-size:41px;
	font-style:italic;
}

.up_vib{
	vertical-align:super;
	font-size:18px;
}

.down_vib{
	vertical-align:bottom;
	font-size:18px;
}

#paix_des_patis_semes{
	position:absolute;
	left:315px;
	top:132px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.paix_grand{
	font-size:41px;
	letter-spacing:2pt;
}

.animaux{
	vertical-align:super;
	font-size:18px;
}

.paix_des_rides{
	position:absolute;
	left:315px;
	top:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
}

#que_l_alchimie{
	position:absolute;
	left:380px;
	top:225px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

#aux_grands_fronts{
	position:absolute;
	left:355px;
	top:258px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.grands{
	font-size:41px;
}

/* ................... page 10 ................... */

#image_p10{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

#O__{
	position:absolute;
	left:118px;
	top:58px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100px;
	color:#FFF;
}
#supreme_clairon{
	position:absolute;
	left:220px;
	top:43px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
}

.supreme{
	font-size:41px;
}

#plein_de_strideurs{
	position:absolute;
	left:355px;
	top:143px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
}

.strideurs{
	font-size:28px;
}

#etranges{
	position:absolute;
	left:470px;
	top:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#FFF;
}

/* ................... page 11 ................... */

#image_p11{
	position:absolute; 
	top:9px;
	bottom:9px;
	left:28px;
	height:350px;
	width:738px;
}

#silences{
	position:absolute;
	left:120px;
	top:27px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	letter-spacing:8pt;
	z-index:1;
}

#traverses_mondes{
	position:absolute;
	left:224px;
	top:45px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#4f4f4f;
	z-index:1;
}

#des_anges{
	position:absolute;
	left:380px;
	top:53px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	z-index:1;
}

.et_anges{
	color:#4f4f4f;
}

.anges{
	font-size:28px;
	font-style:italic;
}

#omega_rayon{
	position:absolute;
	left:30px;
	top:112px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index:1;
}

.oh{
	font-size:100px;
}

.L{
	font-size:41px;
}

#omega{
	position:absolute;
	left:300px;
	top:118px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	z-index:1;
}

#rayon_violet{
	position:absolute;
	top:180px;
	left:420px;
	z-index:1;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
}

/* ................... page 12 ................... */

#texte_p12{
	position:absolute;
	left:50px;
	top:30px;
	width:705px;
	color:#FFF;
	z-index:1;
}

a{
	color:#FFF;
}

a:hover{
	color:#3b0000;
}

h1{
	font-size:28px;
	text-decoration:underline;
}

h3{
	font-size:18px;
	text-decoration:underline;
}

li{
	margin-left:50px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;

}

#CC{
	position:absolute;
	left:100px;
	bottom:10px;
	width:88px;
	height:31px;
	z-index:1;

}