* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 background-color: #FFFFFF;
 font-size: 12px;
 background-image: url(http://festa.firefox.cat/images/top-shade.jpg);
 background-repeat: repeat-x;
}
#wrapper {

 width: 650px;
 margin-top: 20px;
 margin-left: 30px;
 margin-right: 0px;
 margin-bottom: 20px;
}
/* Start Header */
#header-left {
 position: absolute;
 left: 20px;
 top: 50px;
 min-height: 118px;
}
* html #header-left {height: 118px} /* IE Min-Height Hack */ 
* html #header-right {height: 118px} /* IE Min-Height Hack */ 


#header-right {
 position: absolute;
 left: 400px;
 top: 40px;
}
/* End Header */

/* Start Navigation Bar */
.navbar {

 background: url(http://festa.firefox.cat/images/background.png) repeat-x;
 height: 38px;
 vertical-align: middle;

}

ul.navbar, li.nav-bar {
 display: inline;
 margin-left: 22px;       
}
li.navbar a {
    color: white;
}
/* End Navigation Bar */

.block {
 display: block;
 border: 1px solid #ccc;
 background-color: #F3F3F3;
 padding: 4px;
}

blockquote {
 margin-top: 20px;
  background: url(http://festa.firefox.cat/images/quote-left.jpg) left top no-repeat;
}
blockquote div {
  padding: 15px 15px;
  background: url(http://festa.firefox.cat/images/quote-right.jpg) right bottom no-repeat;
}


/* Start Main Columns */
#leftcolumn { /* Parent Wrapper for inside boxes */
 position: absolute;
 top: 235px;
 margin: 2px 15px 0px 0px;
 display: inline; /* IE Hack */
 width: 190px;                         
 float: left;
}         
#leftcolumn .menu {
   font-size: 1.2em;
}

#rightcolumn {
 margin: 5px 5px 5px 5px;
 position: absolute;
 top: 235px;
 left: 240px;
 display: inline; /* IE Hack */
 float: left;
 width: 450px;
 min-height: 165px;
}
* html #rightcolumn {height: 165px} /* IE Min-Height Hack */ 
/* End Main Columns */

h1 {
 margin-top: 10px;
 font-size: 24px;
}
img {border: none; }
/* Start Links */
a:link {
 text-decoration: none;
 color: #cc3300;
}
a:visited {
 text-decoration: none;
  color: #83BDDA;
}
a:hover {
 text-decoration: none;
  color: #5BA9CE;
}


/* End Links */

.footer {
 text-align: center;
	
 padding: 7px 7px 7px 11px;
 /*background-image: url(http://festa.firefox.cat/images/footer.jpg);*/
 background-repeat: no-repeat;

 min-height: 32px;
 margin-top: 15px;
 margin-bottom: 15px;

}
* html .footer {height: 32px} /* IE Min-Height Fix */                  

.warning {
        margin-left: 10px;
        color: #c30; 
        font-weight: bold; 
        font-size: 1.2em;
}
.inscripcio {
        background:  #f1f1f1;
}




h2 {margin: 0.8em 0;}
p {margin: 0.5em 0;}



table {
border-collapse:collapse;
}
td, th {
border:1px solid gray;
padding:0.2em;
}

#logistique dl{
margin-top:2em;

}
#logistique dt {
border-bottom: 1px solid #A1A6B1;
float:left;
width:11em;
font-weight:bold;
color:#A52A2A;
}

#logistique dd {
margin-bottom:1em; 
clear:right; 
border-bottom:1px solid;
border-left: 1px solid #A1A6B1;
margin-left:11em;
padding-left:1em;
min-height:2em;
}


#liste ul{
list-style:none;

}
/**

#liste #wrapper ul{
-moz-column-width:15em;
-moz-column-gap:1em;
}
**/

#liste #wrapper p{
margin-bottom:1em;
font-weight:bold;
}





input[type=text] {
	width: 40%;
	border: 0;
	margin-right: 0.25em;	
}

select{width:5em;}

label {
	display: block;
	float: left;
	width: 48%;
	text-align: right; /* n'h?sitez pas pas ? aligner ? gauche, c'est pas mal aussi */
	margin: 0 0.7em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #A1A6B1;
}

#wrapper span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}

#wrapper p.warning {
font-size:1em;
color: #fff;
text-align:right;
margin-top:0.5em;
margin-right:0.5em;
}

p.cache {
text-align:center;
font-size:x-small;
margin-right:2em;
}
p.valide {
text-align:center;
}


div#collabora {

font-size:x-small;
	margin-top: 10px;
	text-align: center;
}

div#note {


font-size:x-small;
width:47.5%;
min-width:300px;
margin: auto;
text-align: center;
}

#wrapper ul#erreur {
position:absolute;
left:0;
border:1px outset #0f80bc;
margin-top:20px !important;
padding:1em;
list-style-position:inside;
background-color: #e3eff9;
color:black;
width:60%;
height:8em;
z-index:2;
}

#wrapper ul#erreur strong {
color:red;
}




#visiteurs {
height:250px;
width:200px;
margin-right:5%;
/*overflow-y:hidden;*/
background-color:#97AF12;
/*-moz-border-radius:6px;*/
position:absolute;
left: 500px;
top:10px;
text-align:center;
}

#visiteurs h2{
font-size:1em;
margin: 0.5em 0.5em;

padding: 0.1em;
border-bottom: 1px solid #A1A6B1;
}

#musica ul, #visiteurs ul {
list-style:none;
}

#visiteurs #derniers {
position:absolute;
bottom:4px;
right:8px;
}




/* charte */



input[type=text]:focus  {
background-color: #90EE90;
}

input[type=text], .valide input {
background-color:white;
/*opacity:0.7*/
}

legend, fieldset, #visiteurs, label {
/*-moz-border-radius:6px;*/

background-color: #0f80bc;
color:white;

padding: 1em 1em 1em 1em;
}

#musica {

background-color: #99FF33;
color:#339900;
text-align: center;
margin: 1.5em;
margin-left: auto;
margin-right: auto;
border: 0.6px solid;
padding: 0.5em 1em 1em 1em;
width: 250px;
}

#musica a {

color:#339900;
font-style: italic;
font-weight: bold;

}

#musica h2 {

font-weight:bold;
letter-spacing:1px;
padding: 2px 2px 2px 2px;
border-bottom: 1px solid;

}


legend, #visiteurs h2 {

color: #FFA500;
font-weight:bold;
letter-spacing:1px;
padding: 5px 5px 5px 5px;

}

p.alarme label {
color:#FFA500;
font-style:italic;
}
p.alarme input {
background-color:#FFA500;
}
.valide input {
margin:0 3em;
width:10em;

}

#validation p, #merci p {
margin:0.5em 0em;
width:60em;
}

.prizes img {

	width: 125px;
	margin: auto;
}