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

body
{
	width: 988px;
	
	margin: auto; /* Pour centrer notre page */
	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
	
	background-color: #ecffff;
	
	text-align: center;
	color: #1a5869;
}


#en_tete
{
	width: 968px;
	height: 100px;
	
	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	
	background-image: url("/images/fondentete.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
    background-repeat: no-repeat; /* Le fond ne se répète pas */
	background-position: center;
	
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
}

.element_en_tete
{
   line-height: 25px;
   font-size: x-large;
   text-align: justify;
   font-family: Times New Roman, serif;
}

.element_en_tete a
{
   color: #1a5869;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   padding: 5px; /* Tous les côtés ont une marge intérieure de 5 pixels */
}

.element_en_tete a:hover /* Quand le visiteur pointe sur le lien */
{
   color: #ffffff;
   background-color: #212d41;
   text-decoration: none; /* Les liens ne seront plus soulignés */
}

.element_en_tete a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
	color: #ffffff;
    text-decoration: none; /* Les liens ne seront plus soulignés */
}


#corps
{
	width: 968px;
	height: 465px;
   
	background-image: url("/images/fondcorpsV1.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-repeat: no-repeat; /* Le fond ne se répète pas */
	background-position: center;
	
	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	
	overflow: hidden;

	font-family: Times New Roman, serif;
}


#corps h1
{
   color: #1a5869;
   margin: 0;
   line-height: 60px;
}

#corps p
{ 
	line-height: 20px;
}

#corps a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #212d41;
   font-weight: bold;   
}

#corps a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   color: #ffffff;
   background-color: #1a5869;
}

#corps a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   color: #ffffff;
   background-color: #1a5869;
}

#corps a img /* Toutes les images contenues dans un lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   border: solid 2px #212d41;
}

#corps a:hover img /* Toutes les images contenues dans un lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   border: solid 2px #1a5869;
}

#corps a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   background-color: #1a5869;
}

#corps table
{
	margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
}

.datebio
{
	color: #212d41;
	font-size: large;	
}

.titrealbum
{
	text-align: left;
	margin-left: 200px;
	font-size:20px;
	font-weight: bold;
	list-style-type: none;
}

.musiques
{
	font-size:16px;
	font-weight: bold;
}

#pied_de_page
{
	font-size:16px;
	font-weight: bold;
}

#pied_de_page a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #212d41;
   font-weight: bold;   
}

#pied_de_page a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   color: #ffffff;
   background-color: #1a5869;
}

#pied_de_page a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   color: #ffffff;
   background-color: #1a5869;
}

#pied_de_page a img /* Toutes les images contenues dans un lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   border: solid 2px #212d41;
}

#pied_de_page a:hover img /* Toutes les images contenues dans un lien */
{
   text-decoration: none; /* Le lien ne deviendra plus souligné quand on pointera dessus */
   border: solid 2px #1a5869;
}

#pied_de_page a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   background-color: #1a5869;
}