html {width:1000px;margin:0 auto;}

body {
	position:relative;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: black;
	width:1000px;
	display:block;
	border:0;
	padding:0;
	margin:0 auto;
	background-color:white;
}

a,img,h1,h2 {border:0;margin:0;padding:0;}
h3 {display:inline;}
a {outline:0;text-decoration:none;color:#333;}
a:hover {color:#666;}

body#descriptif,
body#panoramas,
body#situation {background: #767676 url('/graphics/fonds/fond_desc_pano_situ.png') no-repeat top left;}
body#album,
body#plan,
body#contact {background: #767676 url('/graphics/fonds/fond_photos_contact.png') no-repeat top left;}

.titre {position:absolute;top:15px;left:155px;width:360px;height:37px;}
.stitre {position:absolute;top:156px;left:140px;width:745px;height:30px;}
.menu {position:absolute;top:71px;left:74px;width:830px;height:35px;}
.menu .menu_container {position:relative;top:0;left:0;width:830px;height:35px;}
.menu .menu_container a {position:absolute;top:0;height:35px;text-indent:-9999px;}
.menu .menu_container a.bt_accueil {position:absolute;left:0;width:108px;background:transparent url(/graphics/boutons/menu/bt_accueil.jpg) top left no-repeat;}
.menu .menu_container a.bt_descriptif {position:absolute;left:108px;width:140px;background:transparent url(/graphics/boutons/menu/bt_descriptif.jpg) top left no-repeat;}
.menu .menu_container a.bt_panoramas {position:absolute;left:248px;width:152px;background:transparent url(/graphics/boutons/menu/bt_panoramas.jpg) top left no-repeat;}
.menu .menu_container a.bt_photos {position:absolute;left:400px;width:108px;background:transparent url(/graphics/boutons/menu/bt_photos.jpg) top left no-repeat;}
.menu .menu_container a.bt_situation {position:absolute;left:508px;width:138px;background:transparent url(/graphics/boutons/menu/bt_situation.jpg) top left no-repeat;}
.menu .menu_container a.bt_contact {position:absolute;left:646px;width:184px;background:transparent url(/graphics/boutons/menu/bt_contact.jpg) top left no-repeat;}
.menu .menu_container a.bt_accueil:hover,
.menu .menu_container a.bt_descriptif:hover,
.menu .menu_container a.bt_panoramas:hover,
.menu .menu_container a.bt_photos:hover,
.menu .menu_container a.bt_situation:hover,
.menu .menu_container a.bt_contact:hover {background-position:bottom left;}


.gauche {position:absolute;top:200px;left:78px;width:368px;height:370px;overflow-x:hidden;overflow-y:auto;}
.gauche ul {
  margin: 0px;
  margin-left:20px;
  padding: 0;
  padding-top: 10px;
  list-style:none;
}

.gauche li {
  float: left;
  margin: 0;
  padding: 0;
  padding-bottom:20px;
  padding-right:35px;
  background:transparent url(/graphics/elements/fleche.jpg) top right no-repeat;
  
}
.gauche li:hover {
	padding-right:10px;
  background:transparent url(/graphics/elements/fleche_over.jpg) top right no-repeat;
  
}
.gauche li img {margin-top:-7px;margin-right:10px;border:1px solid #333;}
.gauche a,
.gauche ul,
.gauche li {width:290px;}


.droite {position:absolute;top:199px;left:455px;width:430px;height:300px;}

#album .gauche {width:260px;}
#album .gauche .souscategories a {width:180px;color:#333;font-weight:bold;}
#album .gauche .souscategories a:hover {color:#ff1166;}
#album .gauche ul,
#album .gauche li {width:180px;}
#album .gauche li:hover {padding-right:35px;}
#album a.retour {color:#ff1166;font-weight:bold;} 
#album .droite {width:540px;left:355px;height:365px;overflow-y:auto;}
#album .droite {padding-top:10px;}
#album .droite h3 {font-size:12px;}
#album .droite table.vignette {display:inline;}
#album .droite a.agrandir {width:88px;height:36px;display:block;color:#ff1166;font-weight:bold;}

#plan .gauche {width:160px;}
#plan .droite {width:640px;height:370px;top:200px;left:245px;border: 2px solid #ff1166;}