html{height: 100%;}

*
{ margin:0px auto;
  padding:0px;
}

#main
{ font-family:arial, sans-serif;
  font-size:.75em;
  width:771px;
  height:590px;
}

#header h1
{ font-weight:bold;
  text-indent:0.5cm;
  text-align:left;
  font-size:34pt; 
} 

#header h2
{ font-weight:bold;
  text-indent:0.5cm;
  text-align:left;
  font-size:13pt;
  font-style:italic;
}

#header h3
{ margin-top:5px;
  font-weight:bold;
  text-indent:0.5cm;
  text-align:left;
  font-size:14pt;
}

#menu
{ height:30px;
  margin-top:8px;
  margin-left:15px;
}

#menu li
{ float:left; 
  margin:0px 5px 0px 0px; 
  padding:0px;
  list-style:none;
} 

#menu li a
{ display:block; 
  float:left; 
  height:20px;
  text-decoration:none; 
  padding:6px 14px 2px 14px;
  border: solid 1px;
} 

#avis
{ height:30px;
  margin-top:-210px;
  margin-left:550px;
}

#avis-contact
{ height:30px;
  margin-top:-190px;
  margin-left:550px;
}

#avis li, #avis-contact li
{ margin:0px 40px 0px 0px; 
  padding:0px;
  list-style:none;
} 

#avis li a, #avis-contact li a
{ display:block;  
  height:20px;
  text-align:center;
  text-decoration:none; 
  padding:6px 14px 2px 14px;
  border: solid 1px;
} 

#plongee
{  margin-top: 10px;
   margin-left: 150px;
   height: 30px;
}

#plongee li
{ margin:0px 5px 0px 0px; 
  padding:0px;
  list-style:none;
} 

#plongee li a
{ display:block; 
  float:left; 
  height:20px;
  text-decoration:none; 
  padding:6px 14px 2px 14px;
  border: solid 1px;
}

#address h1
{ margin-top:-80px;
  text-align:center;
  font-weight:bold;
  text-indent:0.5cm;
  font-size:12pt;
}
  
#address h2
{ text-align:center;
  font-weight:bold;
  text-indent:0.5cm;
  font-size:12pt;
  font-style:italic;
}

#address h3
{ text-align:center;
  font-weight:bold;
  text-indent:0.5cm;
  font-size:12pt;
}

#flags
{ margin-top:-115px;
  margin-left:390px; 
}

#flags li 
{ padding:0px;
  list-style:none; 
}

#image
{ margin-top:-40px;
  margin-left:500px;
  border: solid 1px white;
}

#image2
{ margin-top:10px;
  margin-left:1px;
  border: solid 1px white;
}

#couple
{ margin-top:-28px;
  margin-left:347px;
}
 
p
{ line-height:150%;
  font-size:120%;
  text-align:center;
}

p.big
{ line-height:200%;
  font-size:150%;
  text-align:center; 
}

#content
{ margin-left:50px;
  margin-top:-260px;
  text-align:justify;
  font-weight:normal;
  width:400px;
  height:277px;
  overflow:auto;
}     

#content-excursion
{ margin-left:25px;
  margin-top:-250px;
  text-align:justify;
  font-weight:normal;
  width:460px;
  height:400px;
  overflow:auto;
} 

#content-photos
{ margin-left:17px;
  margin-top:-250px;
  text-align:justify;
  font-weight:normal;
  width:400px;
  height:400px;
}    

#sponsors
{ margin-left:50px;
  margin-top:-425px;
  text-align:justify;
  font-weight:normal;
  width:400px;
  height:400px;
  text-align:center;
}   
 
#sponsors-newcolumn
{ margin-left:400px;
  margin-top:-100px;
  text-align:justify;
  font-weight:normal;
  width:400px;
  height:400px;
  text-align:center;
}   
  
#footer
{ font-size:x-small;
  margin-top:217px;
  margin-left:600px;
}

#instructions
{ margin-left:494px;
  margin-top:-1.95cm;
  text-align:center;
  font-style:italic; 
}

#advert
{ font-size:x-small;
  margin-top:-16px;
  margin-left:0.5cm;
}

#photos
{ margin-left:8px;
  margin-top:-441px;
}

#photos-food
{ margin-left:42px;
  margin-top:20px;
}

#contact
{ margin-left:0.5cm;
  width:260px;
  padding:2px 3px 19px 5px;
  margin-top:-345px;
}

div.row
{ clear:both;
  width:448px;
}

div.row span.formlabel 
{ float:left;
  width:150px;
  text-align:left;
}

div.row span.forminput
{ float:right;
  text-align:right;
} 

div.spacer
{ clear:both;
  width:80px;
}

input, textarea
{ width:290px; 
  font-family:verdana, arial, sans-serif;
  font-size:100%;
  border:1px solid;
  margin:2px;
}

.submit
{ font-family:verdana, arial, sans-serif;
  font-size:100%; 
  border:1px solid;
  width:70px;
  height:22px;
  cursor:pointer;
}

#meteo
{ margin-left:355px;
  margin-top:7px;
}

#viewer, #imagesBox, #image-title, #image-comment 
{   width:400px;
    margin:0 auto 0 auto;
}

#viewer, #imagesBox 
{   margin-top:0px;
    border:solid 1px white;
    overflow:auto;
}

#viewer 
{   height:300px;
    text-align:center;
    vertical-align:middle;
}

#viewer img 
{   max-height:300px;
    max-width:400px;
    cursor:pointer;
    display:block;
}

#imagesBox 
{   margin-top: 10px;
    height:40px;
    margin-bottom:5px;
} 
       
#imagesBox img 
{   height:30px;
    width:30px;
    float:left;
    margin:5px 5px;
    cursor:pointer;
}

#image-title
{  font-weight:bold;
   font-size:125%;
   text-align:center;
}

#image-comment {
    padding:4px 0 4px 0; 
}

#button
{  margin-left: 450px;
   margin-top: -38px;
}