@import url(jquery.lightbox-0.5.css);

* {margin:0; padding:0; outline:none}
html, body {height: 100%}
body {background:#a0b82c;text-align: center; font: 12px Georgia, "Times New Roman", Times, serif; color:#005000}
h1 {font: italic 700 18px Georgia, "Times New Roman", Times, serif; margin:10px 0}
h2 {font: italic 100 20px/49px Georgia, "Times New Roman", Times, serif; text-indent:40px}
h3 {font: 700 14px/20px Georgia, "Times New Roman", Times, serif}
p {padding-top:10px}
a {color:#005000}
img {border:none}
form {margin: 10px 0}
label {display:block; float:left; width:240px; margin: 5px 15px 10px 0;  font: 700 11px Georgia, "Times New Roman", Times, serif; color:#005000; text-align:right}
label.msg {width:490px; margin-right:0; text-align:left}
input[type=text] {width:160px; font: 11px Arial, Helvetica, sans-serif}
textarea {width:490px; margin-top:5px;font: 12px Georgia, "Times New Roman", Times, serif; color:#333}
input[type=submit] {width:70px; height:25px; background:url(../images/bg_nav_off.gif) bottom right; border-color:#7ca800; font: 700 12px/21px Georgia, "Times New Roman", Times, serif; color:#005000; border:1px solid #005000}
input[type=submit]:hover {background:url(../images/bg_nav_on.gif) bottom right; border-color:#499eb3}

/* Calque de positionnement global */

#page {margin: 0 auto; text-align: left; width: 1000px; background:#fcf4eb; border:1px solid #005000; border-top:none; position:relative; min-height:100%}

/* Pages */

#top, #top_en {width:100%; height:190px; background: url(../images/bg_top_page.jpg)}
#top_en {background: url(../images/bg_top_page_en.jpg)}
#logo {margin:20px 0 0 30px}
#vcarte {padding-top: 20px; text-align:center; width:246px}
#menu {width:940px; height:50px; background:#005000; padding:0 30px}
#menu li, #menu li a,  #menu li a:hover {display:block; float:left; width:187px; height:49px; background:url(../images/bg_nav_on.gif); border:1px solid #7ca800; border-top:0; border-right:0}
#menu li a, #menu li a:hover {border-left:0}
#menu li.open, #menu li:hover, #menu li a:hover {border-color: #499eb3}
#menu li:first-child, #menu li:first-child a {width:129px}
#menu li.long, #menu li.long a, #menu li.long a:hover {width:245px}
#menu li a {background:url(../images/bg_nav_off.gif); border-color:#7ca800; text-decoration:none}
#main {float:left; background: url(../images/bg_main_page.jpg) bottom right no-repeat; margin:0 30px; width:940px}
#content, #content_en {float:left; padding:51px 0 20px 0}
.propriete {background:url(../images/propriete.gif) no-repeat}
.property {background:url(../images/property.gif) no-repeat}
.chambres {background:url(../images/chambres.gif) no-repeat}
.rooms {background:url(../images/rooms.gif) no-repeat}
.activites {background:url(../images/activites.gif) no-repeat}
.activities {background:url(../images/activities.gif) no-repeat}
.tarifs {background:url(../images/tarifs.gif) no-repeat}
.books {background:url(../images/books.gif) no-repeat}
.acces {background:url(../images/acces.gif) no-repeat}
.access {background:url(../images/access.gif) no-repeat}
.contact {background:url(../images/contact.gif) no-repeat}
#galerie {width:350px}
#galerie img {border:1px solid #aaa}
#galerie ul {float: left; margin:7px 0}
#galerie li{display:block; float:left; width:112px; height:80px; padding-left:7px}
#galerie li:first-child {padding-left:0}

#textes-acces {width: 100%}
#textes {width: 530px; margin-left:60px}
#textes ul, #textes-acces ul {margin:10px 0 0 50px}
#textes-acces ul {list-style-position:inside}
#textes ul li, #textes-acces ul li {line-height:17px}
#map {width:665px; height:500px}
#map iframe {border:1px solid #bbb}
.topalign {margin-top:0}

/* Page d'acueil */

#homepage {background: #fcf4eb url(../images/bg_home.jpg)}
#homepage #top {background: none; width:100%; height:547px}
#homepage #top #dessin, #homepage #main #content {width: 754px}
#homepage #top #navbar, #homepage #main #extra {width:246px}
#homepage #top #navbar #vcarte, #homepage #top #navbar #vcarte_en {background: transparent url(../images/decouvrir.jpg) no-repeat bottom; height: 276px; padding-top: 20px; text-align:center}
#homepage #top #navbar #vcarte_en {background: transparent url(../images/discover.jpg) no-repeat bottom}
#homepage #top #navbar #menu {float:none; width:100%; height:250px; border-top:1px solid #7ca800; padding:0}
#homepage #top #navbar #menu li, #homepage #top #navbar #menu li a, #homepage #top #navbar #menu li a:hover {display:block; float:left; width:245px; height:49px; background:url(../images/bg_nav_on.gif); border-color:#499eb3}
#homepage #top #navbar #menu li a {background:url(../images/bg_nav_off.gif); border-color:#7ca800; text-decoration:none}
#homepage #separateur {height:33px; width:100%; background:#005000}
#homepage #main {background:none; margin-right:0; width:970px}
#homepage #main #content, #homepage #main #content_en {background:url(../images/situation.gif) no-repeat; width: 724px}
#homepage #main #content_en {background:url(../images/location.gif) no-repeat}
#homepage #main #content #intro,#homepage #main #content_en #intro {width:382px; margin:20px}
#content img, #content_en img {border:1px solid #aaa}
#homepage #main #extra {width:235px; padding:25px 0 0 11px}
#homepage #main #extra img {margin:0 8px 25px 0}
#homepage #main #content #intro img, #homepage #main #content_en #intro img, #textes img {border:none}

#menu_lang {position:absolute; top:40px; left: 650px}
#menu_lang img {width:35px; height:18px; margin:5px}

/* Flash */
#homepage #flashcontent {margin-left:617px}
#flashcontent_2 {margin-left:810px; margin-top: -40px}

/* Footer */

#footer {clear:both; background:#fcf4eb url(../images/wifi.gif) no-repeat right; padding:10px 80px 20px 30px; min-height:50px; border-top:5px solid #005000; font-size:11px; font-weight:700; text-align:center; list-style:none}
#footer ul {margin-top:10px}
#footer li {display:inline; line-height:20px; border-left:1px solid; padding: 0 10px}
#footer li:first-child {border-left:0}
#footer li a {font-weight:100}

.left {float:left}
.right {float:right}
.small {font-size:10px}
.noborder {border:none}

 .addthis_toolbox .hover_effect
  {
	width: 650px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  }
  
  .addthis_toolbox .hover_effect div
  {
	float: left;
	color: #2b2b2b;
  }
  
  .addthis_toolbox .hover_effect a
  {
	padding: 2px 2px 2px 16px;
	position: relative;
	text-decoration: none;
	color: #2b2b2b;
  }
  
  .addthis_toolbox .hover_effect a:hover
  {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #f23030;
	text-decoration: none;
  }
  
  .addthis_toolbox .hover_effect span
  {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 1px;
  }