html { background: #bbbbbb url(http://www.pilotti.org/festival/images/fond.jpg) repeat-x; }
body { margin: 0px; padding: 0px; background: #000000; width: 500px; margin-left: auto; margin-right: auto; border-left: 1px solid #555555; border-right: 1px solid #555555;
color: #c7fbff; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  }

a   { color: #10f1ff; text-decoration: none }
a:hover  { color: #ffb401; }
p { color: #696969; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular }
input { color: black; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #f5f5dc; border:1px #555555 solid;}
button { color: black; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #f5f5dc; border: 1px #555555 solid; }
select { color: black; font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #f5f5dc;}
option { color: black; font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #f5f5dc;}
textarea { color: black; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color: #f5f5dc; border:1px #555555 solid;}
td { color: #696969; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular }
img { text-decoration: none; border: none; vertical-align: middle; }

.black { color: black }
.white  { color: white; text-transform: capitalize }
.titre   { color: #ff2c16; font-weight: bold; font-size: 16px; text-transform: capitalize; margin-top: 20px; }
.tb { color: black; font-weight: bold }
.stabilo   { color: #696969; background-color: yellow }
.small  { font-size: 10px }
.groops { color: #ff8c00; text-decoration: none }
.groops:hover { color: #fff; text-decoration: none; background-color: #ff8c00 }
.groopshighlight { color: #fff; text-decoration: none; background-color: #ff8c00 }
#menu li a.membreslink  { color: #555555; text-decoration: none }
#menu li a.membreslink:hover  { text-decoration: none; background-color: #c0c0c0 }
.checkbox { background-color: #cccccc; border: 1px #555555 solid; }
.pochette { border: 5px solid #ffffff; }
#pochettes div { border: 5px solid #ffffff; background: #ffffff url(http://www.pilotti.org/images/pochettes/pochettes_no.jpg) no-repeat; width:191px; height:196px; }
#pochettes div a:hover { background: none; text-decoration: none; }
#pochettes div:hover, #pochettes div.sfhover { background: url(http://www.pilotti.org/images/pochettes/pochettes.jpg) no-repeat;}



#header { width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 40px; clear: both; }


#menu { width: 500px; text-align: left; position: absolute; left: 50%; top: 340px; margin-left: -250px; border: 0px; clear: both; }

ul, #menu ul { display: inline; list-style: none; line-height: 0.75em; background: #000000; padding: 0; margin: 0 0 1em 0; border: #ffffff solid; }
#menu li a { display: block; color: #ffffff; text-decoration: none; padding: 0.25em 0.5em;}
#menu li a:hover { color: #000; background-color: #ffffff }
#menu li { display: block; float: right; padding: none; border-right: 1px solid #333333;}
#menu li ul { display: block; float: none; background: #000000; position: absolute; z-index: 2; left: -999em; height: auto; width: 20em; w\idth: 18em; font-weight: normal; border-width: 0.15em 0.30em 0.30em 0.15em; padding: 5px 0 5px 0; margin: 0; }
*html  #menu li ul { z-index: auto; z\-index: auto; }
#menu ul li { display: block; float: none; border: none; margin: none; padding: none; }
#menu li li {	display: block; float: none;}
*html  #menu li li { /*padding-right: 1em;*/ width: 19em; }
*html  #menu li ul a { width: 17.5em; w\idth: 17.5em; }
#menu li ul ul { margin: -1.75em 0 0 18em; }
*html  #menu li ul ul { margin: -1.75em 0 0 20em; /* for IE5 and IE6 in quirks mode */ m\argin: -1.75em 0 0 20em; /* for IE6 in standards mode */}
#menu li:hover, #menu li.sfhover {	background: #c7fbff; }
#menu li:hover ul ul, #menu li:hover ul ul ul, li:hover ul ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul, li.sfhover ul ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, 
#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { left: auto; }


.date { color: #ff900e; }
.texte { color: #eeeeee; padding: 1px 0 20px 50px; }


#credit { text-align: right; color: #dddddd; padding: 150px 10px 30px 0; font-size: 8px;  }