body
{ 
 }
#wrapper
{
  min-width:840px;
  width:840px;
  margin: auto; /* Pour centrer notre page */
  margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
  margin-bottom: 20px;    /* Idem pour le bas du navigateur */
  color: gray;
  text-align: justify;
  font-size: medium;
}

#header
{
text-align : center;
width: 100%;
height: 118px;
margin-top: 10px;
margin-bottom: 10px;
}


#ulblogo
{
float : left;
}


.new
{
color : red;
text-decoration: blink;
}

.important
{
color : red;
}

#button
{
  text-align:right;
}


#nuslogo
{
float : right;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 240px; /* Très important : donner une taille au menu */
  
}
.Smenu
{
  text-align: left ;
   padding-left : 5px;
  border : gray 1px dashed;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#booking
{ 
margin: auto; /* Pour centrer notre page */
padding: 10px
text-align : center;
border : none;
}

#main
{
   margin-left: 240px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; 
}

#main fieldset
{ 
border-color:red;
border-style:solid;
}
p
{
   text-align: justify;
   font-size: medium; 
   text-indent: 30px;
}


#footer
{
   text-align: center;
   padding: 5px;
 border : gray 1px dashed;
   clear: both;
}



p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
}

ul,li,dd
{
 text-align: left;
 font-size: medium; 
}

dt
{
 text-indent: 20px;
}

dd
{
  text-align: justify;
}

h1
{
   color : black;
   font-size : xx-large;
} 

a, #wrapper2 a
{
   text-decoration: none;
   color : purple;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: purple; /* Le lien sera écrit en vert quand on pointera dessus */
}

a:active, a:focus /* Appliquer le même style aux liens actifs et focus */
{
   background-color: #FFCC66;
}

h2
{
   font-size: large;
   text-align:center;
}

h3
{
   font-size: large;
   border-bottom: 2px solid gray;	
}

#photosalzbourg
{
   margin : 0;
   text-align: center;
   font-size : x-small;
}

.money
{
   text-align: right;
}

#main2 h4
{ 
  border-bottom: 1px solid purple;
}

#feetable
{ 
  margin: auto; /* Centre le tableau */
  border-collapse: collapse;
  color: gray;
  text-align: center; 
}

.feeheader
{ 
  border: 1px solid gray;
  color: gray;
  padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}
.feedata
{ 
  border: 1px solid gray;
  color: gray;
  padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
  
}
th 
{
   vertical-align:top;
   padding: 2px; /* Petite marge intrieure aux cellules pour viter que le texte touche les bordures */   
}

td 
{ 
   vertical-align:top;
   padding: 2px; /* Petite marge intrieure aux cellules pour viter que le texte touche les bordures */
}

#main2 ul
{
padding-left : 5px;
margin-bottom: 20px;
}

#main2 li
{
margin-bottom: 5px;
}

#main2 li a
{
   text-decoration: underline;
   color : gray
}

a img
{
border:none;
}