/* CSS Document */
body{ 
margin: 0px;
padding: 0px;
background-color:#000;
background-image:url(../img/fond.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font: 1.0em Verdana, Arial, Helvetica, sans-serif #0B4A07;
} 

* {
margin:0;
padding:0;
}

#container {
width:769px;
height:563px;
/* margin:auto; */
top:17px;
position:relative;
}

#c-gauche {
width:192px;
height:563px;
background-image:url(../img/colonnegauche.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
position:absolute;
}
#c-gauche2 {
width:192px;
height:563px;
background-image:url(../img/colonnegauche2.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
position:absolute;
}
#c-copy {
position:absolute;
height:17px;
width:200px;
left:7px;
top:565px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
}
#lignecontent {
width:562px;
height:467px;
background-image:url(../img/fondcontent.jpg);
background-repeat:no-repeat;
position:absolute;
top:4px;
left:197px;
}

#lignetop {
width:563px;
height:170px;
background-image:url(../img/fondbaffiche.jpg);
background-repeat:no-repeat;
position:absolute;
top:4px;
left:197px;
}

#lignedeux {
position:absolute;
top:178px;
left:197px;
background-image:url(../img/fondmenumidi.jpg);
background-repeat:no-repeat;
width:563px;
height:293px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}
#texto {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
position:relative;
left:20px;
width:523px;
top:10px;
}
#affiche {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
position:relative;
left:20px;
width:523px;
top:10px;
}

ul li {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
list-style-position:outside;
margin-left:15px;
margin-bottom:16px;
list-style-image:url(../img/puce.jpg);
}

ul.mmidi li {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
list-style-position:outside;
margin-left:16px;
margin-bottom:4px;
list-style-image:url(../img/puce.jpg);
}

#lignetrois {
position:absolute;
width:563px;
height:84px;
background-image:url(../img/fondbar.jpg);
background-repeat:no-repeat;
left:197px;
top:475px;
}

#c-droite {
width:6px;
height:563px;
background-image:url(../img/barredroite.jpg);
background-repeat:no-repeat;
top:0px;
left:763px;
position:absolute;
}

#c-diff {
width:168px;
position:absolute;
height:148px;
top:340px;
left:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
color:#ffffff;
}
#c-diff p{
padding-top:5px;
}

input.texto{
font-family: Arial,Verdana,Helvetica;
font-size: 10px;
color:#0F3215;
height:16px;
font-weight:bold;
background-color: #FFFFFF;
border-top: 1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
cursor:text;
}
textarea{
font-family: Arial,Verdana,Helvetica;
font-size: 10px;
color:#0F3215;
font-weight:bold;
background-color: #FFFFFF;
border-top: 1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
cursor:text;
}
input.sub{
font-family: Arial,Verdana,Helvetica;
font-size: 12px;
color:#fff;
height:18px;
font-weight:bold;
background-color: #BE641A;
border-top: 1px solid #CB7B3A;
border-left:1px solid #CB7B3A;
border-bottom:1px solid #985015;
border-right:1px solid #985015;
cursor:pointer;
}



/*********** MENU *******************/
div.buttonA {
width:172px;
height:29px;
left:10px;
top: 179px;
position: absolute;
}
div.buttonA a.roll:hover {
width:172px;
height:29px;
display:block;
background-image:url(../img/menu/acc_roll.jpg);
background-repeat:no-repeat;
}
div.buttonB {
width:172px;
height:29px;
left:10px;
top: 209px;
position: absolute;
}
div.buttonB a.roll:hover {
width:172px;
height:29px;
display:block;
background-image:url(../img/menu/eve_roll.jpg);
background-repeat:no-repeat;
}
div.buttonC {
width:172px;
height:29px;
left:10px;
top:239px;
position: absolute;
}
div.buttonC a.roll:hover {
width:172px;
height:29px;
display:block;
background-image:url(../img/menu/gal_roll.jpg);
background-repeat:no-repeat;
}
div.buttonD {
width:172px;
height:29px;
left:10px;
top: 269px;
position: absolute;
}
div.buttonD a.roll:hover {
width:172px;
height:29px;
display:block;
background-image:url(../img/menu/con_roll.jpg);
background-repeat:no-repeat;
}
div.buttonE {
width:172px;
height:29px;
left:10px;
top: 299px;
position: absolute;
}
div.buttonE a.roll:hover {
width:172px;
height:29px;
display:block;
background-image:url(../img/menu/midi_roll.jpg);
background-repeat:no-repeat;
}

/*************************************/
a img.pikso, a:link img.pikso, a:visited img.pikso {
border:1px thin #b6641a;
}

a:active img.pikso, a:hover img.pikso {
border:1px thin #fff;
}

a, a:link, a:visited, a img {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#B6641A;
text-decoration:underline;
}

a:active, a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#mmidi {
position:absolute;
width:173px;
height:82px;
left:624px;
top:155px;
background-image:url(../img/mmidi.jpg);
background-repeat:no-repeat;
}

div.buttonM {
width:173px;
height:82px;
left:624px;
top: 155px;
position: absolute;
}
div.buttonM a.roll:hover {
width:173px;
height:82px;
display:block;
background-image:url(../img/mmidi_roll.jpg);
background-repeat:no-repeat;
}

select.police, input.police {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#fff ;
font-weight:bold;
background-color:#B6641A;
border-top: 1 solid #cccccc;
border-left:1 solid #cccccc;
border-bottom:1 solid #999999;
border-right:1 solid #999999;
cursor:hand;
}
h5 {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size:14px;
color:#B6641A;
font-weight:bold;
font-variant:small-caps;
text-decoration:underline;
margin-bottom:5px;
}
p.gris{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}
p.orange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#B6641A;
font-style:italic;
}
span.orange {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#B6641A;
font-style:italic;
}
h2 {
font-family:Verdana, Helvetica, Arial;
font-size:16px;
font-weight:bold;
color:#ffffff;
}
span.orange2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#d8863c;
font-style:italic;
}
#paginat {
position:absolute;
top:35px;
left:350px;
width:400px;
text-align:right;
}
table.stats th, table.stats td{
background-color:#ccccaa;
border:1px solid #fff;
text-align:center;
color:#000000;
}