body{   /*APPARENCE DE TOUTE LA PAGE */     
	 width:780px;/*largeur de la page*/
	 height:600px;/*hauteur de la page*/
     margin-top: 10px; 	 
	 background-color:white;
	 overflow:auto;
	 }
	 
#titre/*ALLA SERGEYEVA"*/	
 {   position: absolute; 
     width:780px;/*largeur de bloc */
     height:50px;/*hauteur de bloc */
	 top:500px;/*distance de la haut de l'ecran*/ 
     left:10px;	/*gauche */
     background-color:white;	  
     
     color:black;/*couleur du police est noir*/
     font-size:1em;/*taille du letter-police*/	  
     letter-spacing :0.5em;/*l'espace entre les lettres (en em).*/
     font-family:"courier new",courier,serif;/*nom d'une police*/
	}
  
#en_tete /* LE BLOC DE MENU*/
 {  
	 position: relative; /*position par rappore l'ecran-ne bougeras pas*/	
     width: 780px;/*largeur de bloc */
     height:20px;/*hauteur de bloc */	
     background-color:white;
	
     font-style:italic;
	 color:black;/*couleur du police est noir */
     font-size:0.9em;/*taille du letter-police*/	  
     letter-spacing :0.5em;/*l'espace entre les lettres (en em).*/
     font-family:"courier new",courier,serif;/*nom d'une police*/
}
 
 
 a{   /*POLICE POUR TOUT LES LIENS*/
    color: rgb(39,39,39);/*couleur grise "*/
	text-align: center ;/*pour ID*/    
    text-decoration: none; /* Les liens ne seront plus soulignés */
    font-family:"courier new",courier,serif;	/*police*/	  
}
 a:hover { /* Quand le visiteur pointe sur le lien */
    color:#ff3723; /* couleur rouge*/
}
 
 #corps/* SUR CETTE BLOC S'AFFICHE PEINTURE UNE PAR UNE*/
{   position: absolute; 
     width:780px;/*largeur de bloc */
     height:50px;/*hauteur de bloc */
	 top:50px;/*distance de la haut de l'ecran*/ 
     left:10px;	/*gauche */
     background-color:white;	  
    
    height: 450px;/*hauteur de bloc d"peinture"*/
	background-color:white;	
	
}
.img{position:absolute;
    top:0px;/*!distance de la haut de l'ecran*/
 
	
	
}
.conteneur/*BLOC OUU SE TROUVENT LEX TEXTES DE BIO .EXPO  */
 {   position:absolute; /*il y a beaucoup de text et on peux defiler verticalement*/    
	width:780px;/*largeur d'un bloc*/
    height: 500px;/*hauteur d'unBLOC*/
	margin-top:20px;/*distance de la hotsde l'ecran*/  
	left:10px; /*gauche d'un bloc CORPS*/
	
	background-color:white;
	font-style:italic;
	overflow:auto;
}
.conteneur/*PARAGRAPHES*/
p {  text-indent:0px; /* Les paragraphes commenceront 0 pixels sur la droite( il sagit de premiere ligne) */
     padding:0.5em;/*marges interieures*/
    text-align:left; /* Texte justifié pour mieux voir la largeur du block,on peux mettre left a la place justify */
	text-decoration: none; /* Les liens ne seront plus soulignés */
	font-size:0.8em;/*taille de police*/
	color:black;/*couleur d'une police*/	
	font-family:"courier new",courier,serif;/*police*/
	font-style:italic;
	overflow:auto;
} 


#suivant/* positon pour un fleche droite pour UNE PeiNTURE */ 
h5{  position:absolute;
    top:500px;/*!distance de la haut de l'ecran*/
	width: 780px;/*largeur de bloc */
    height: 30px;/*hauteur de bloc "*/
    left:10px;
	background-color:white;
	z-index:1;
	font-size:small;
	font-family:"courier new",courier,serif;	/*police*/	 
}


#nom/*titre de tableau SANS TITRE ACRILIQUE SUR TOILE EX*/
p {  position:absolute;/* .. */
    top:545px;/*!distance de la haut de l'ecran*/
    left:10px;/*distance de coté gauche de l'ecran*/
    width:780px; /* largeur  du bloc */ 
    height:40px;/*hauteur du bloc*/
	text-align:center;/* texte aliqné  */ 
	z-index:1;/*pour mettre mon bloc en avant*/
	font-size:small;
	font-family:"courier new",courier,serif;	/*police*/	 
	color:black;		
	background-color:white;
}