body
{
   background-image:url(images/ECLAIR.jpg);
   background-attachment:fixed; padding:0px;
   font-family:Times New Roman;
}

p
{
  font-size       : 2em; /* Définition de la taille de la police de nos paragraphes */
  padding         : .2em;
}

p.titre {
  background:#DED983;
  color:#345071;
  padding:.2em .3em;
  font-size:1.2em;
  border:2px outset #DED984;
  position:relative;
  margin-bottom:-1em;
  width:25em;
  margin-left:1em;
  margin-top:1em;
  font-weight: bold;
  overflow       :  visible;
}

fieldset {
  border:none;
  margin-bottom:1em;
  width:45em;
  padding-top:1.5em;

}

select {
  margin-left:16em;
  margin-bottom:0;
}

/* fieldset coordonnees */
fieldset#coordonnees {
  background:#A4D8EE;
  border:outset #A4D8EF;

}

#coordonnees label {
  position:absolute;
  font-size:110%;     /* Taille de caractère des labels */
  padding-top:.2em;
  left:50px;
}

#coordonnees input {
  margin-left:16em;
  line-height:1.4em;
  margin-bottom:.2em;
}

/* le bloc message */
fieldset#message {
  background:#A4D8EE;
  border:outset #A4D8EF;
}

#civilite {
  font-size:100%;
}

#civilite input {
  margin-left:16em;
}

#civilite input + input {
  margin-left:1em;
}

/* cases a cocher des centres d'interet */
#interets {
  font-size:100%;
}
#interets input {
  margin-left:16em;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:5em;
}

/* zone de texte du message */
textarea {
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  width:45em;
  padding:.2em;
}

/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
  background:#DED983;
  font:.8em "Trebuchet MS", Verdana, sans-serif;
  color:#345071;
}

p#buttons {
  text-align:center;
}



/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden;
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid black; /* Définition des bordures */
} 

a.info_bulle
{

  color           : #000;        /* Couleur de notre lien #2F368A*/
  text-decoration : none;           /* Aucun soulignement du texte */
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  background      : transparent url('images/comment.gif') no-repeat right center;     /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */


}  

a.info_bulle:hover
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  cursor:help;          /* modification du curseur */
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  300px;
    height     :  auto;
    overflow   :  visible;
    z-index    :  2;

}


table#sessions th, td
{
     border: 0px solid white;
     border-spacing: 5px;
     table-layout: fixed;
     width: 190px;
     margin-top: 10px;
     margin-right: 0px;
     margin-bottom: 10px;
     margin-left: 10px;
     padding-top: 5pt;
     padding-right: 5pt;
     padding-bottom: 5pt;
     padding-left: 5pt;

}
table#txtintro th, td
{
     border: 0px solid white;
     border-spacing: 5px;
     table-layout: fixed;
     margin-top: 10px;
     margin-right: 0px;
     margin-bottom: 10px;
     margin-left: 10px;
     padding-top: 5pt;
     padding-right: 5pt;
     padding-bottom: 5pt;
     padding-left: 5pt;

}


.display {
  visibility: hidden;
  text-align: center;
}