/* feuille de styles du site d'Annabel ---- création Michau Roger*/

/*-------Class------*/

/* -----mise en page feuille type Index-------- */

 body {
background-color: #abcdef;
background-image:url(photo/back1.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#321000;/* couleur par défaut des ecritures */ 
scrollbar-track-color :#e9e2c0;}

#site {}

a:link {color:#0000ff}
a:visited {color:#0000ff}




#label{/*partie en haut des pages , titre  nom d'Annabel*/
height:90px;
width:730px;
float:right;}

#labeldroit {/*partie a droite du nom titre*/;
height:90px;
width:150px;
float:right;}

#labelgauche {/* place nom titre */
height:90px;
width:580px;
float:right;
}

#titrehaut {
background-image:url(photo/menu.gif);
background-repeat: no-repeat;
width:730px;
height:100px;
float:right;
margin-top:20px; }

#titredroit {width:150px;
height:20px;
float:right;}


#titrepage { /* titre de la page */
background-color:#FFFFFF;
width:150px;
height:25px;
margin-left:220px;
margin-top:5px;
text-align:center;
text-shadow: Silver 2px 2px 2px ;
color:#55AF29;
font-size:20px;
font-style:oblique;
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom:2px solid #ddd;
border-right:2px solid #ddd;
border-left:1px solid #eee;
border-top:1px solid #eee;
padding-top:5px; }
	
#corps/* feuille de travail */{
width:730px;
float:right;}

#corpsdroit /*partie droite de la page */{
margin-left:5;
margin-right:5;
margin-top:50px;
width:150px;
float:right;}

#corpscentre /*tout ce qui est dans la feuille de travail*/{
background-image:url(photo/fond.jpg); 
background-repeat:repeat;
width:580;
float:left; }

#corpsutile /*partie utilisable du corps centre */{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
position:inherit;
margin-top:25px;
margin-left:25px;
margin-right:25px;
padding-bottom:25px;
width:530px;
text-align:justify;
overflow:hidden; }

#corpstexte {text-indent:90px;
width:90%;
margin-left:5%;} /*recul de la premiere ligne des paragraphes*/


#baspage{
width:730px;
height:85px;
float:right;
background-image:url(photo/feuille_bas.gif);
background-repeat:no-repeat;  } 

 
/*-------------- declaration Class--------------- */

a {cursor:url("photo/curseurlien.ani");}/* change le curseur perso au passage sur un lien */
a:active {cursor:url("photo/curseurwait.ani");} 

H1 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
display:inline;
}

.lettrine1 {font-size: 1.5em;
	font-weight: bold;
	color:#246; }

.Style2 { /* style texte */
	color: #246;
	font-weight:bold;	
	font-size: 1em;
	font-style:italic; }

.Style3 {color: #Ff4433;
font-weight:bold;
	text-align:center;}
	
.Style4 {font-size: x-small;
color:#FFFFFF	;}
	
.Style5 {color: #aa5533;
text-align:center;
font-weight:bold;}

.Style6 {font-size: x-small;}

.Style7 {font-size:0.7em;}
	
.Styleinterview {
font-size:9px;}

	
/* debut traitemant survol de la sourie */
a:hover {border-bottom: 0px}/* indispensable pour IE seulement */ 
a span {display:none ; /* cache les <span> (texte en couleur sur le coté) placés dans un lien <a> */
text-decoration:none ;/* supprime le soulignement du texte <span> */
color:#CC0000 ;
font-size:0.8em;
text-align:left;
text-indent:0;
width:120px;} 
a:hover span {display: block; /* Montre le texte <span> lors du survol */ 
position: absolute; /* envoi le texte <span> dans une zone précise de l'écran */
top:inherit; 
left: 84%;} /* position horizontale du span */
/* fin traitemant survol de la sourie */


/*discographie class Album */
.Album { /* positionne la photo de l'album page discographie CDx*/
height:110px;
margin:10px 100px;
clear:left;}

.cdpochette { /* positionne le texte a coté de la photo album Discographie CDx*/
padding:5px;
margin:0 20px 0 0;
border:1px solid #fedcba;
float:left;
clear:left; }

.CdPistes {
font-size:0.9em; }


.num {
width:50px;
text-align:left; }

.morceau {
width: 250px;
text-align:left;}

.disco_texte {
text-align:justify;
font-size:0.9em; }

.disco_nom{margin-left:00px;
text-align:center;
font-size:0.7em; }

.menubis {
position:relative;
margin-bottom:5px;
margin-left:220px;
width: 120px; }

.création {
position:relative;
width:120px;
margin-top:40px;
margin-left:600px;
font-size:13px;
color:#8899aa; }


.interview {
font-size:.8em}

.citation {
font-style:italic;
font-family: "Times New Roman", Times, serif;
font-weight:lighter; }