html {
	height: 100%;
	font-size: 100%
}

body {
	background-image:url(images/background.jpg);
	height: 100%;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding:0px;
}


/* Banniere ------------------------------ */
#banniere {
  height:50px;
}

#centre{
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:900px;
}

#centre .logo {
  margin-left: 700px;
  margin-top: 10px;
}

#simpleviewer{
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:1100px;	
}

#vtopo{
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:900px;	
}
/* page d'accueil ------------------------------ */

#main {
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	z-index:1;
}

#slider{
	position:relative;
	width: 900px;
	height: 400px;
  margin-top:20px;
	background:url(images/loading.gif) no-repeat 50% 50%;
  border: 1px solid #000000; 
}

#menu_top {
	height: 60px;
	width: 860px;
	margin-top:0px;
	margin-left: 0px;
}


.vtopo_couv {
float:left;
}

.hotel_couv {
float:left;
}


/* Polices ------------------------------ */
body {
	font: normal 82%/200% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #949494;
}

#titre_maj{
	margin-bottom:0;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:501px;
	font: normal 100%/200% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #EEEEEE;
  text-align:center;
  text-decoration: underline;
}

#texte_maj{
	font: normal 85%/200% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
  text-align:center;
}

#texte_libre_de_droit{
	font: normal 50%/200% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
  text-align:right;
}

.texte_vtopo{
	font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
  text-align:justify;
  padding-top:140px;
}  

.texte_contact{
	font: normal 100% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
	height:80px;
  text-align:justify;
  padding-top:80px;
}  
.texte_hotel{
  font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  color: #C0C0C0;
  text-align:justify;
  padding-top:40px;
}  

.texte_photo1{
	font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #343434;
  text-align:center;
  padding-top:20px;
}  

.texte_photo2{
	font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #343434;
  text-align:justify;
}  
.texte_expo{
	font: normal 95% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
  text-align:center;
}    

.tableau_expo{

}    
.tableau_expo1{
	font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #C0C0C0;
  background-color: #343434;
  border: 1px solid #DDDDDD; 
  vertical-align: center; /* Alignement vertical, le contenu des cellules sera placé en bas */
  text-align: center;
  padding: 5px;  
}    

.tableau_expo2{
  font: normal 75% "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  color: #C0C0C0;

  border: 1px solid #DDDDDD; 
  vertical-align: center; /* Alignement vertical, le contenu des cellules sera placé en bas */
  text-align: center;
  padding: 5px;  
}    

h1{
	font:110% Verdana, Helvetica, Times, serif;
	font-weight: bold;
	color: #949494;
	margin-top: 20px;
	margin-bottom: 00px;
}
h1 a:link, h1 a:visited {
	color: #949494;
	text-decoration: none;
}

h1 a:hover {
	color: #646464;
	text-decoration: underline;
}

h2{
	font:90% Verdana, Helvetica, Times, serif;
	color: #949494;
}





/* Slideshow
------------------------------ */
.slideshow  {
	margin: 40px auto;
}


/* Link Styles
------------------------------ */
a.lien_vtopo{color:#ffffff}
a:hover.lien_vtopo{text-decoration: underline;}
a:visited.lien_vtopo{color:#ffffff}