/*Feuille de style du site "Piano-gare" http://www.piano-gare.fr*/

body
{
	background-color: #fffc9a;
	background-attachment: fixed;
}

#corps
{
	height: 100%;
	margin-left: 25%;
	margin-right: 25%;
}

#menu
{
	float: left;
   	width: 24%;
   	text-align: center;
}

#nouvelles
{
	float: right;
	width: 24%;
	text-align: center;
}

#nouvelles #compteur
{
	font-size: 0.3em;
}

.element_menu
{
   background-repeat: repeat-x;
   border: 2px solid black;
   margin-bottom: 20px;
   background-color: #fffc9a;
}

.element_menu em
{
	text-align: center;
}

h2
{
	text-transform: uppercase;
//	text-decoration: blink;
	font-size: xx-large;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, serif;
	color: #650000;
}

#menu h2
{
	letter-spacing: 3mm;
}

#menu h2 a
{
	text-transform: uppercase;
	text-decoration: blink;
	font-size: xx-large;
	font-weight: bold;
	font-family: "Comic Sans MS", Arial, serif;
	color: #650000;
}

#menu em a, #menu em, #nouvelles em
{
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: large;
	color: black;	
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
	color: black;
}

a:focus, em a:active
{
	background-color: #ffd109;
}

#menu a, #nouvelles p, #nouvelles a
{
	text-decoration: none;
	font-style: normal;
	font-size: medium;
	color: #030052;	
}

#nouvelles p
{
	text-align: justify;
}

#menu .construction
{
	color: #a1a1a1;
	font-style: oblique;
}

#menu .construction:hover
{
	text-decoration: line-through;
}

#pied_de_page
{
	color: #626262;
	font-weight: bold;
}

#pied_de_page em
{
	font-style: oblique;
}

#corps_page
{
	width: 74%;
	height: 100%;
	margin-left: 25%;
}

.section_musicale
{
	font-family: "Comic Sans MS", "Lucida Handwriting", serif;
	text-align: justify;
	color: #0063b0;
	font-size: medium;
}

.section_musicale h1, .utbm h1
{
	font-size: 3em;
	font-weight: bold; 
//	text-decoration: blink;
	text-align: center;
	color: #1100c3;
}

.section_musicale p em, .section_musicale p strong
{
	font-weight: bold;
}

.section_musicale p strong
{
	color: #FF0000;
}

.section_musicale h2
{
	text-transform: uppercase;
	color: #004c11;
	font-size: x-large; 
	font-weight: bold;
	text-align: center;
	font-family: Arial, serif;
	text-decoration: blink;
}

.section_musicale .liens_pages
{
	text-align: right;
	font-family: "Comic Sans MS", "Lucida Handwriting", Arial, serif;
	color: #840000;
}

.section_musicale .liens_pages a
{
	text-decoration: none;
	font-style: oblique;
	color: #840000;
	font-weight: bold;
}

.section_musicale .liens_pages a:hover
{
	text-decoration: underline;
}

.section_musicale .liens_pages a:focus, .section_musicale .liens_pages a:active
{
	background-color: #ffd109;
}

p .presentation_morceaux
{
	font-family: "Comic Sans MS", "Lucida Handwriting", Arial, serif;
	color: #003897;
}

h4
{
	font: 1.7em "Comic Sans MS", Arial, serif;
	color: #1100c3;
	text-align: center;
}

h4 .parenthese
{
	font-style: oblique;
	font-size: small;
}

table
{
   border-collapse: collapse; 
   text-align: center;
   margin-left: 15%;
   color: #004c01;
   font-size: small;
   
}

.etat_serveur
{
	font-size:0.8em;
	text-align:left;
}

#vw a:hover
{
	text-decoration: underline;
}

#anouk, #vw a, #vw a:visited
{
	color: #004c01;
	text-decoration: none;
}

table a
{
	color: #aa0000;
	text-decoration: none;
}

table a:visited
{
	text-decoration: line-through;
	color: #aa0000;
}

td
{
   border: 1px solid black;
}

table .parenthese
{
	font-style: oblique;
	font-size: xx-small;
}

th
{
	border: 2px solid black;
}

td .titre_morceau
{
	text-transform: capitalize;
}

.liens
{
	font-family: Papyrus, "Comic Sans MS", Arial, serif;
	color: #01006b;
	text-align: center;
}

.liens h1
{
	font-size: 3em;
}

.liens p
{
	font-weight: bold;
	color: #000000;
}

.liens p a
{
	color: #5b5b5b;
	text-decoration: none;
}

.liens p a:hover
{
	text-decoration: underline;
}

#livreor
{
	text-align: left;
	font-family: "Comic Sans MS", "Lucida Handwriting", Arial, serif;
	margin-left: 25%;
}

#livreor .pages
{
	text-align: center;
}

#livreor h5
{
	color: #650000;
	text-decoration: underline;
	font-size: 1.2em;
}
.tests
{
	text-align: center;
	font-family: "Comic Sans MS", "Lucida Handwriting", Arial, serif;
	font-size: 1.2em;
}
.tests .important
{
	font-weight: bold;
	color: red;
}
.tests h1
{
	text-align: center; 
	font-size: 2.5em;
	color: #0063b0;
}
.tests caption
{
	font-weight: bold;
}

.utbm
{
	color: #0063b0;
	text-align: center;
	font-size: 1.1em;
	font-family: "Comic Sans MS", Arial, serif;
}
.utbm a, .utbm a visited
{
	color: #0063b0;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
.utbm a:hover
{
	font-style: oblique;
	text-decoration: underline;
}
.utbm .construction
{
	color: #a1a1a1;
	font-style: oblique;
}

.utbm .construction:hover
{
	text-decoration: line-through;
}

img
{
	border: 0px;
}