/* -------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------- page principal rimes --------------------------------------------------------*/
				
h2 { color: #990000;
	 margin:30px;
	 font: 20px Georgia, "Times New Roman", Times, serif;	
	 font-weight: bold; 
	 text-align: center;}		  

#centrepoemetexte { height: 300px;
					}

#intro { border: 1px solid black;
		background: url(image/poemes et chansons/fond3.jpg) ;
		margin: 30px;
		color:#330066;
		font: 17px "Trebuchet MS, Georgia, Times New Roman", serif;
		font-weight: bold;}

p.intro { padding:0px 30px;
			text-indent:30px;
			text-align: justify;}	
	
#poeme1 { position: absolute;
		padding-top: 5px;
		top: 490px;
		left: 50px; 
		width: 250px;
		height: 30px;
		border: 1px solid black;
		background: #ccffcc;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	
						 		
#poeme1 a:hover,#poeme2 a:hover,#chanson a:hover,#brouillon a:hover,#chanson2 a:hover,
#chronologie a:hover, #poeme3 a:hover, #poeme4 a:hover,#poeme5 a:hover,#poeme6 a:hover { text-decoration: none;
					font: 15px Georgia;
					color: #660000;  }
	
#poeme2  { position: absolute;
		padding-top: 5px;
		top: 440px;
		left: 500px; 
		width: 250px;
		height: 30px;
		border: 1px solid black;
		background: #ccccff;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	
	
#poeme3  { position: absolute;
		padding-top: 5px;
		top: 540px;
		left: 620px; 
		width: 300px;
		height: 30px;
		border: 1px solid black;
		background: #ffcc66;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}		

#poeme4  { position: absolute;
		padding-top: 5px;
		top: 640px;
		left: 520px; 
		width: 200px;
		height: 30px;
		border: 1px solid black;
		background: #99cccc;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	

#poeme5 { position: absolute;
		padding-top: 5px;
		top: 670px;
		left: 20px; 
		width: 300px;
		height: 30px;
		border: 1px solid black;
		background: #6699ff;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	

#poeme6 { position: absolute;
		padding-top: 5px;
		top: 770px;
		left: 190px; 
		width: 260px;
		height: 30px;
		border: 1px solid black;
		background: #ff6633;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	

#chanson1 { position: absolute;
		padding-top: 5px;
		top: 415px;
		left: 190px; 
		width: 170px;
		height: 50px;
		border: 1px solid black;
		background: #fe8c89;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	
	
#chanson2  { position: absolute;
			padding-top: 5px;
			top: 560px;
			left: 250px; 
			width: 250px;
			height: 30px;
			border: 1px solid black;
			background: #ffccff;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	
	
#chanson3  { position: absolute;
			padding-top: 5px;
			top: 720px;
			left: 600px; 
			width: 250px;
			height: 30px;
			border: 1px solid black;
			background: #99ff33;
		text-align: center;
		color: #660000;
		font: 16px Georgia;}	
		
/* ------------------------------------------- aube des temps----------------------------------------------------------------------*/
	
#retourrimes { float: right; background-color: white;
			border: 1px solid #990099;
			padding: 10px;
			margin:0 20px;}
	
#poeme_aube { margin:-20px 0 10px 0;
		 height: 2000px;	
		 background:  url(image/poemes et chansons/fondvegetal2.jpg) ;
		 background-repeat: no-repeat;	 }
		
.drag{ position: relative;
			cursor: move;
			z-index: 100;}	 	 											

#phraseadt { background-color: #d5ccdd;
		  color:#660066;
		  font:14px Comic Sans MS;	
		  margin:20 50 20 80px;
		  padding:5 10px;
		  width:450px;	}

#phrase2adt { background-color: #ffffcc;
		  color:#cc0000;
		  font:16px Book Antiqua;	
		  margin:20 50 20 30px;
		  padding:5 10px;
		  width:510px;	}

#phrase3adt { background-color: #eedfcc;
		  color:#666600;
		  font:14px Lucida Sans Unicode ;
		  font-weight: bold;
		  margin:20 50 20 80px;
		  padding:5 5px;
		  width:570px;	}

#phrase4adt { background-color: #ffffcc;
		  color:#999900;
		  font:22px Monotype Corsiva;	
		  margin:20 50 20 380px;
		  padding:5 10px;
		  width:500px;	}	
								
#pop {  display: none;
		position: absolute;
		top: 300px;
		right: 50px; 
		width: 255px;
		border: 1px solid #993300;
		background: #ffffcc;
		z-index: 500;
		cursor: pointer;	}
		
.intpop { padding: 20px 0px;
		 width: 250px;
		 height: 70px;	}
			
#pop h2 { font-size: 120%;
			margin: 0;
			border-bottom: 1px solid black;
			background: url(image/hautpopup.jpg);
			color: black;
			font:22px Monotype Corsiva;
			font-weight: bold;
			text-align: center;}
			
.fermer {	border-top: 1px solid black;
			background: url(image/hautpopup.jpg);
			color: black;
			font-weight: bold;
			text-align: center;}
			
#carrevegetal { position: absolute;
		top: 1200px;
		right: 350px; 
		border: 1px solid #009900;}
#carrevegetal1 { position: absolute;
		top: 1200px;
		right: 100px; 
		border: 1px solid #009900;}
#carrevegetal2 { position: absolute;
		top: 840px;
		right: 70px; 
		border: 2px solid #993300;}

#coquel { position: absolute;
		top: 555px;
		right: 35px; 
		border: 1px solid #663300;}		
		
#coquelicot { position: absolute;
		top: 2120px;
		left: 70px; 
		border: 1px solid #009900;}
	
#arbrevegetal { position: absolute;
		top: 1450px;
		right: 80px; 
		border: 1px solid #000000;}	
			
/* ------------------------------------------ chant du griot ------------------------------------------------------------------ */

#phrase1griot { background-color: #d5ccdd;
		  color:#660066;
		  font:14px Comic Sans MS;	
		  margin:20 50px;
		  padding:5 10px;
		  width:450px;
			}

#phrase2griot { background-color: #ffffcc;
		  color:#cc0000;
		  font:16px Book Antiqua;	
		  margin:20 50px;
		  padding:5 10px;
		  width:450px;
			}

#phrase3griot { background-color: #eedfcc;
		  color:#666600;
		  font:14px Lucida Sans Unicode ;
		  font-weight: bold;
		  margin:20 50px;
		  padding:5 10px;
		  width:450px;
			}

#phrase4griot { background-color: #d8edcd;
		  color:#999900;
		  font:22px Monotype Corsiva;	
		  margin:20 50px;
		  padding:5 10px;
		  width:450px;
			}
			
#etoile { text-align: center;}

#citationgriot { clear: both; margin:60;
			text-align: right;
			font-style: italic;
			font-family: cosmic MS;
			font-size: 14px; 
			border: 0px black solid;}			  

	 	#citationgriot p { padding:10;}

.spanstyle { position:absolute;
			visibility:visible; z-index: 2000;
			top:-50px;
			font-size:19px;           
			font-family: "Trebuchet MS, Georgia, Times New Roman";      
      		 font-weight: bold;
			color: #336600;        }	
	
#cadre_griot { margin: 20px 20px 0 0;
			float: right;}
							
/* ----------------------------------------- assassines par le sorcier ------------------------------------------------------ */
	
#cadre_sorcier { margin: 0px 20px 0 10;
			float: left;}	

#pourqui_sorcier{ margin: 10 0 40 550px;
			border-bottom: 2px solid #ffcc00;
			color: black;
			 font: 16px "Trebuchet MS, Georgia, Times New Roman", serif; }

#refrain1sorcier { margin: 50 0 50 500; padding: 50 0 50 30;
			color: black;
			font: 22px "Trebuchet MS, Georgia, Times New Roman", serif;
			 font-weight: bold;
			height: 200px;
			width: 333px;
			 background-image: url(image/poemes et chansons/fond1.jpg); }
		
#refrain2sorcier { margin: 50 0 0 500; padding: 20;
			color: #ffffff;
			height: 80px;
			width: 380px;
			font: 25px "Times New Roman", serif;
			 font-weight: bold;
			 background-image: url(image/poemes et chansons/fond2.jpg); }		
		
#couplet1sorcier { background-color: #d5ccdd;
		  color:#660066;
		  font:14px Comic Sans MS;	
		  margin:100 50px;
		  padding:25 40px;
		  width:550px;}

#couplet2sorcier { background-color: #ffffcc;
		  color:#cc0000;
		  font:17px Book Antiqua;	
		  margin:30 50px;
		  padding:25 30px;
		  width:400px; }	
		  
/* ----------------------------------------- poeme soufi   -------------------------------------------------------------------- */	

h2.soufi { color: #990000; background-image: url(image/poemes et chansons/Manhattanhaut.jpg); width: 280px; height: 50px;
	 margin:30px; border: 1px solid black;
	 font: 20px Georgia, Times New Roman, Times, serif;	
	 font-weight: bold; 
	 text-align: center;}		  
	
#manh1 { display:inline; padding: 10 5px; width: 20px; margin: 0px;
		border: 1px solid black; }
		
#texte1soufi { display:inline;
		  		width: 200px;	height: 290px; margin: 0px; padding: 15; text-align: center;
				border: 0px solid red;
				font: 18px "Trebuchet MS, Georgia, Times New Roman", serif;
	 			font-weight: normal; }

#explicationManh { border: 1px solid black; float: left;
					color: #003399; text-align: justify;
					 font: 15px "Times New Roman", serif;
					padding: 15px; margin: 10px; }

#map { border: 1px solid black; float: right; margin: 10px;
		padding: 0px; text-align: center;
		width: 500px; height: 270px; }

/* ------------------------------------------ haikus des sublimes saisons -----------------------------------------------------*/	

.strophegauche { float: left;
				 padding : 15 0px; margin: 20 0 20 35px; }
				 
.strophedroite { float: right; 
				 padding : 15px 0;	 margin: 20 -40 0 0px; }				 	

#gifarbre { position: absolute;
			top: 100px;
			left: 80px;	}
			
#saisons { position: absolute;
			top: 300px;
			left: 80px; text-align: center;
			width: 800px;
			height: 400px;
			z-index: 100;
			padding-bottom: 20px;
			border-bottom: 0px solid #663300; }
			

/* ------------------------------------------ bon prince -----------------------------------------------------------------------*/	
 
#refrainbp { padding: 20px; margin: 0 120px; 
			background-image: url(image/poemes et chansons/fondVortex2.jpg);
			background-color: black;
			color: white;
			width: 700px; height: 380;
			 font: 20px Georgia, Times New Roman, Times, serif;
			 text-align: center;	 }
.gauche { float: left;
			margin: 10 10 10 5px;}
.droite { float: right;
			margin: 10 5 10 10px; }
					 
#coupletbp1 { padding: 20px; margin: 20 120 20 120px;
			text-align: center;
			font: 20px Verdana; 
				background-image: url(image/poemes et chansons/vortex Vi Luan TRAN.jpg);
				background-position: 70px 170px;
				background-repeat: no-repeat;
			color: #000066;
			border: 1px solid #000066;
			width: 700px; }
			
#coupletbp2 { padding: 20px; margin: 20 120 20 120px;
			text-align: center;
			font: 20px Verdana;
				background-image: url(image/poemes et chansons/vortexrouge.jpg);
				background-position: 380px 197px;
				background-repeat: no-repeat;
			color: #000066;
			border: 1px solid #000066;
			width: 700px; }
			
#coupletbp3 { padding: 20px; margin: 20 120 20 120px;
			text-align: center;
			font: 20px Verdana;
				background-image: url(image/poemes et chansons/tornade.jpg);
				background-position: 10px 70px;
				background-repeat: no-repeat;
			color: #000066;
			border: 1px solid #000066;
			width: 700px; }

	
#pourqui_bp { margin: -60 0 40 0px; padding: 3 3px;
			height: 30px; width: 250px;
			border-bottom: 2px solid #000000; text-transform:uppercase;
			background-color: #000000;
			text-align: center;
			color: #ffffff; z-index: 600;
			 font: 14px Arial, serif; font-weight: bold; 
			 }			 
	#border { border: 1px solid white;  padding: 5 5px;
				height: 26px; width: 246px; }

/* ------------------------------------------ vol de nuit --------------------------------------------------------------------*/

.unpeuplusgrand { color: #990000;
				margin: 30px;
			 font: 22px Georgia, Times New Roman, Times, serif;	
			 font-weight: bold; 
			 text-align: center;}	
			 
#pixel {	margin: -20px 0 0 0px; background-image:url(image/poemes et chansons/pixel bleu.gif); height: 250px; }

#fondpoeme { margin:0px 0 0px 0;
		 	height: 1000px;
			 background-image:url(image/poemes et chansons/fond degrade.gif);
			 background-repeat: repeat-x;}
		 	
#parqui { margin: 10 0 40 335px;
			border-bottom: 2px solid #33cc00; text-transform:uppercase;
			color: #330099; z-index: 600;
			 font: 16px "Trebuchet MS, Georgia, Times New Roman", serif; }
			 
#gauche { border: 1px solid black;
			float: left; color: #336600;
			margin: 0 0 0 50px; padding: 15px;
			font: 18px "Trebuchet MS, Georgia, Times New Roman", serif; }	

#droite { border: 1px solid black;
			float: right; color: #663300;	
			margin: 0 40 0 0px; padding: 10px;	
			font: 18px "Trebuchet MS, Georgia, Times New Roman", serif; } 
			
#aucentre { clear: both; color: #990000; margin: 0px;
			font: 20px "Trebuchet MS, Georgia, Times New Roman", serif;
			padding: 15px; 
			font-style: oblique;
			text-align: center; }

#triplan { margin: 25px; }
#avion { margin:-300 25 0 25px; float: right; }	

#cockpit { position: absolute; top: 370px; left: 350px; }	
	
/* ------------------------------------------------ blues news ---------------------------------------------------------------- */

h2.bluesnews { color: #990000;
	 margin:30px;
	 font: 24px Georgia, Times New Roman, Times, serif;	
	 font-weight: normal; 
	 text-align: center;}		  
	
 #retourrimes2 { float: right;
			border: 1px solid #990099; background-color: white;
			padding: 10px;
			margin:0 20px;
			height: 60px;
			text-align: center;}
#metronome { border: 1px;
			 margin: -150px 0 0 50px;}
			 
#chansonbn  { position: absolute;
			padding-top: 5px;
			top: 300px;
			left: 360px; 
			width: 250px;
			height: 30px;
			border: 1px solid black;
			background: #ffccff;
		text-align: center;
		color: #660000;
		font: 17px Georgia;}	

#imagecoupletbn { float: right; border: 0px solid black;}
#imagecoupletbn2 { float: left; border: 0px solid black;}	
	
#coupletbn1 { border: px dotted green; 
			width: 380px;
			padding: 20px;
			margin: 0 0 -30 230px;
			font: 17px Arial; }		
			
#coupletbn2 { border: px solid blue;
			width: 210px;
			padding: 20px;
			margin: 60 0 -30 150px;
			font: 17px Corsiva;
			text-align: center; }					

#coupletbn3 { border: px solid #663300;
			width: 500px;
			padding: 10px;
			margin: 80 40 -30 380px;
			font: 17px Corsiva;
			text-align: right; }	
			 	
#coupletbn4 { border: px dotted lime;
			width: 450px;
			padding: 20px;
			margin: 60 0 -30 320px;
			font: 17px Arial;
			text-align: right;		 }	
				
.solo { background-image: url(image/poemes et chansons/portee_solo1bis.jpg);
		background-repeat: no-repeat;
		height: 90px;
		border: 0px solid black;
		margin: 30px 0 0 100;
		font: 29px "Century Schoolbook", Times;
		font-variant:small-caps;
		color: #cc0000;
		font-weight: bold;
		padding: 32px 0 0 100px;}

#refrainbn { padding: 20 0 20 0; margin: 50 50 30 50;
			width: 700px;
			height: 200px;
			background: #ffffcc;
			font: 19px "Century Schoolbook", Times;
			border: 1px solid black;
			text-align: center; }
			
#refrainbn2 { padding: 20 0 20 0; margin: 50 20 30 100;
			width: 600px;
			height: 200px;
			background: #ffffcc;
			font: 19px "Century Schoolbook", Times;
			border: 1px solid black;
			text-align: center; }		

/* --------------------------------------------------------- martaud d'artaud ------------------------------------------- */

			 
#fondArtaud { margin:  0 0 30 50; border: 1px solid black; 
			padding-left: 20px ;
			 background-image:url(image/poemes et chansons/fondArtaud.jpg);
			 background-repeat: no-repeat;
			 }			
.artaud { margin-left: 80px;
			margin-top: -10px; }