body
{
background-color:#E3E3E3; 
color:black;
width: 1000px;
margin: auto;
padding:10px;
}

h1
{
color:black;
font-size:3em;
text-align:center;

}

#main {
    color: black;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    background-color: transparent; 
    text-align: center;
    margin:0px;
    padding:0px;
    }

a
	{
color:#810000;
	}

.trans a
	{
color:#510000;
background-color: #EEEEEE;
padding: 5px;
margin: 5px;
border-radius:5px;
font-size: 16pt;
text-decoration: none;
font-weight: bold;
	}

.songinfos
{
width:800px;
margin:auto;
}

.table_tabgrid_rec
{
 color:black;
 border-collapse:collapse;
 width:800px;
 background-color:transparent;
 border: 4px solid white;
 margin:auto;
 margin-top:5px;
}

.table_tabgrid_rec td
{
 color:black;
 background-color:transparent;
 border: 1px solid white;
 padding:10px;
}

.button
{
width:100%;
height:60px;
border:none;
background-color:#810000;
color:white;
padding: 14px;
font-size:34px;
text-align:center;
}


.part
{
width:800px;
margin:auto;
margin-bottom:0px;
padding-bottom:0px;
margin-top:20px;
text-align:left;
font-size:2.5em;
font-weight:bold;
}

.empty
{
display:none;
}

.grille
{
 color:black;
 border-collapse:collapse;
 width:800px;
 height:800px;
 background-color:white;
 border: 5px solid black;
 margin:auto;
 margin-top:5px;
 font-size:3.5em;
 font-family:"Comic Sans MS", Georgia, Impact, Arial;
}

.grille td.leg
{
}

.grille td
{
 width:200px;
 height:200px;
 color:black;
 text-align:center;
 background-color:transparent;
 border: 2px solid black;
 font-weight:bold;
 font-family:ubuntu, Georgia, Impact, Arial;
}

.grille td.double
{
 width:200px;
 height:200px;
 color:black;
 font-size:0.8em;i
 padding-left:40px;
 background-image:url('images/td_diag.png');
 border: 2px solid black;
 font-weight:bold;
 font-family:ubuntu, Georgia, Impact, Arial;
}

.grille td i
{
font-size:12px;
color:#999999;
padding-top:0px;
margin-top:0px;
}
.chord
{
display:inline-block;
font-size:1.5em;
font-weight:bold;
width:130px;
height:150px;
border:0px solid black;
text-align: center;
margin:2px;
padding:10px;
padding-top:0px;
}

.grille td.double p
{
margin:30px;
}

.gridlist
{
text-align:left;
font-size:0.5em;
font-weight:normal;

}


.songlist 
{
text-align:left;
font-size:2em;
}

.songlist li
{
list-style-type: none;
background: url('images/Grille_ic.png') no-repeat left;
padding-left:60px;
height:60px;
vertical-align:middle;
list-style-position: inside;
}

.songlist li a
{
font-size:1.6em;
font-weight:bold;
text-decoration:none;
color: rgba(154,152,152, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}

.letter
{

}

.letter a
{
text-decoration:none;
color:#810000;
margin-bottom:0px;
padding-bottom:0px;
}

.letter a:hover
{
font-size:2em;
margin-bottom:0px;
padding-bottom:0px;
}


.songlist li a:hover
{
color: rgba(154,52,52, 0.8);
text-shadow: 1px 4px 6px #E3E3E3, 0 0 0 #000, 1px 4px 6px #E3E3E3;
}