/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#5D5D5D;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
h3 {
color: #F4D90B;
}
#menu {
position: absolute;
z-index:100;
width: 100%; /* précision pour Opera */
height: 10px;
background-color:#5D5D5D;
}
#menu dl {
float: left;
width: 111px;
}
#menu dt {
color: #F4D90B;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #5D5D5D;
margin: 1px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
background: #5D5D5D;
}
a {
color: #F4D90B;
text-decoration: none;
}
#menu li a, #menu dt a {
display: block;
height: 100%;
border: 1px solid black;
}
#menu li a:hover, #menu dt a:hover {
background: #000;
}
#page {
position: absolute;
z-index: 1;
width: 780px;
left: 50%;
margin-left: -405px;
margin-top:30px;
background-color: #5D5D5D;
}
#header {
height:60px;
background-image:url("../images/header_ubpc.gif");
background-repeat:no-repeat;
margin-bottom:0px;
}
#centre_index {
z-index: 200;
margin-top: 20px;
background-color:#5D5D5D;
margin-bottom:50px;
}
#centre2 {
z-index: 200;
margin-top: 60px;
background-color:#5D5D5D;
margin-bottom:0px;
}
#centre {
z-index: 200;
height: 450px;
width: 780px;
background-color:#5D5D5D;
margin-bottom:0px;
}
#marge_gauche 
{
padding-left: 75px;
}
#party_cult_defil {
z-index: 200;
/*height: 360px;*/
height: 100%;
width: 100%;
overflow: auto;
}
#event {
z-index: 300;
position: absolute;
top: 560px;
height:60px;
width: 100%;
background-image:url("../images/event_ubpc.gif");
background-repeat:no-repeat;
margin-bottom:0px;
}
#footer {
z-index: 400;
position: absolute;
top: 620px;
height: 20px;
width: 100%;
text-align: center;
background-color: #5D5D5D;
}
#description_membre_ubpc
{
position: absolute;
top: 240px;
right: 5px;
width: 420px;
height: 310px;
border: 1px solid #000;
overflow: auto;
}
#frame_contact
{
position: absolute;
top: 240px;
right: 5px;
width: 500px;
height: 310px;
border: 1px solid #000;
overflow: auto;
}
#questionnaire {
margin-left: 10px;
margin-right: 10px;
text-align: justify;
}
#questionnaire_1 {
font-size: 1em;
font-family: "Trebuchet MS", Impact, Georgia, "Times New Roman", serif;
letter-spacing: 0.1em;
}
#questionnaire_2 {
font-size: 1em;
font-family: "Courier new", "Times New Roman", serif;
}
.logo_flottant {
float: left;
margin-top: -20px;
}
.flyer_flottant {
float: left;
margin-top: -30px;
padding-left: 25px;
}
.text_bouton_carre_noir {
position: relative;
height: auto;
width: auto;
top: 20px;
left: 20px;
font-family: Impact, Georgia, "Times New Roman", serif;
font-size: 1.8em;
color: #F4D90B;
}

.text_bouton_carre_noir_haut { 
vertical-align:top;
font-size: 0.8em;
}
.text_bouton_carre_noir_text { 
position: relative;
height: auto;
width: auto;
top: 1px;
left: 1px;
font-family: Impact, Georgia, "Times New Roman", serif;
font-size: 1em;
line-height: 0.7em;
color: #F4D90B;
}
.tiret {
color: #F4D90B;
font-size: 1em;
}

.credits {
text-align: center;
font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
font-size: 0.8em;
}
.bouton_carre_noir {
background-image:  url("../images/bouton_carre_noir.gif");
background-repeat: no-repeat;
width: 50px;
height: 53px;
/*display: inline;*/
}
.lien_carre_noir {
float: left;
width: 45px;
height: 45px;
margin-left: 0px;
margin-top: 0px;
display: inline;
}
.texte_bouton {
font-family: Impact, Georgia, "Times New Roman", serif;
font-size: 1.8em;
padding-top: 15px;
padding-left: 18px;
color: #F4D90B;
display: inline;
}
.titre {
font-family: Impact, Georgia, "Times New Roman", serif;
font-size: 70px;
color: #000;
letter-spacing: 5px;
margin-top: 30px;
}
.dj_titre {
font-family: "Trebuchet MS", "Times New Roman", serif;
font-size: 22px;
color: #000;
background-color:#F4D90B;
}
.membre_titre {
font-family: "Trebuchet MS", "Times New Roman", serif;
font-size: 18px;
color: #F4D90B;
}
.next_party {
font-family: "Trebuchet MS", "Times New Roman", serif;
font-size: 22px;
margin-left: 400px;
color: #000;
background-color:#F4D90B;
}
.next_party_lieu {
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 20px;
margin-left: 400px;
color: #000;
letter-spacing: -1px;
}
.next_party_lieu_detail {
font-family: "Trebuchet MS", "Times New Roman", serif;
font-size: 14px;
margin-left: 400px;
color: #000;
letter-spacing: -1px;
}

.next_party_lieu a
{
color: #000;
text-decoration: underline;
}

.highlight {
color: #F4D90B;
}
.membre_titre strong 
{
background-color:#000;
font-weight:normal;
}
.dj_style 
{
font-family: "Myriad Web", "Trebuchet MS", "Times New Roman", serif;
font-size: 20px;
color: #000;
letter-spacing: -1px;
}
.marge_gauche 
{
padding-left: 75px;
}
.barre_titre
{
padding-bottom: 50px;
}
.flottant 
{
float: left;
display: inline;
}
.dessous_flottant
{
padding-top: 10px;
clear: both;
}
.pixel
{
background-image: url(images/pixel_gray.gif);
width: 1150px;
height: 20px;
background-repeat: repeat-x;
}

.dessous_flottant_5
{
clear: both;
font-size: 0.5em;
}
.interstice {
font-size: 3px;
}
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}
p {margin: 0 0 0 0;}
