/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */


body {background: #332c25 url(images/bg.png); font-family: "Trebuchet MS",Verdana,Arial,Helvetica; font-size:9pt; color:#332821; overflow:hidden;}
#container { position:absolute; height:600px; width:960px; margin:-300px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: #332c25 url(images/lafarque_bg.png) top left no-repeat;}
#container2 { position:absolute; height:600px; width:960px; margin:-300px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: #332c25 url(images/lafarque_bg_2.png) top left no-repeat;}

#content {margin-top:15px; padding-right:25px;}
#content p {text-align:justify; margin-bottom:8px; font-family: "sans serif","Trebuchet MS",Verdana,Arial,Helvetica;  }
#content h1 {text-transform:uppercase; margin:8px 0 10px 0; font-weight:700;}
#content h1.right {text-transform:uppercase; margin:8px 0 10px 0; font-weight:700; text-align:right;}

#countrytabs, #countrytabs a, #content a {color:#f7f6f6;}

#content ul {float:right;}
#content ul li {padding-left:20px; background:url(images/bullet.png) no-repeat top left; display:block; width:313px;}
#content ul li.jeudis {padding-left:20px; background:url(images/bullet.png) no-repeat top left; display:block; width:313px; margin-top:10px;}
#content ul li.partenaires {padding-left:0px; background:none; display:block; width:333px;}

#content ul.pdflist li {padding-left:25px; background:url(images/pdf.png) no-repeat 3px left; display:block; width:310px; margin-bottom:10px;}

strong {font-weight:700;}
div.douysframe {height:310px; overflow:hidden;}

em {color:#f7f6f6;}
div.val, input.val {display:none;}


/* -----------  splash  --------------- */

#splash {background: url(images/splash_bg.png);} 
#splashcontainer { position:absolute; height:500px; width:960px; margin:-250px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: url(images/splash.png) top left no-repeat;}

#splash2 {background: url(images/splash_bg.jpg);} 
#splashcontainer2 { position:absolute; height:500px; width:960px; margin:-250px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: url(images/splash.jpg) top left no-repeat;}

#linkrelais {float:right; margin-top:255px;}


#language {width:960px; text-align:center; margin-top:355px;}
#language a, #teaser a {text-transform:uppercase; text-decoration:none; color:#D1CFC0; border-bottom:1px solid #332C25; line-height:24px;}
#language a:hover, #teaser a:hover {color:#fff; border-bottom:1px solid #9DBE62; line-height:24px;}
#language p, #teaser p {text-align:center; color:#C9C7B4;}

#teaser {width:960px; text-align:center; margin-top:50px;}
#teaser p.comingsoon {margin-bottom:290px;}
#teaser p span {font-weight:bold; font-size:11pt;}
#teaser a.lichtlijntje {text-transform:uppercase; text-decoration:none; color:#D1CFC0; border-bottom:1px solid #6E695D; line-height:24px;}

#credits {width:960px; text-align:center; margin-top:35px; color:#665F54;}
#credits a {color:#665F54; text-decoration:none; line-height:24px;}
#credits a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #9DBE62;}


/* -----------  photo page  --------------- */

#phototext {float:left; width:215px; padding:0 10px 0 20px; height: 405px; }
#photocontainer {float:left; margin:40px 0 0 0; width:690px; text-align:left; }
#photocontainer li.photolink {padding:0; margin:0 7px 10px 0; list-style-type:none; background:none; float:left; width:165px; }
#photocontainer li.photolink a.piclink {border:2px solid #D2D0C2; display:block; float:left; margin-right:10px;}
#photocontainer li.photolink a.piclink:hover {border:2px solid #A0B565; display:block; float:left; margin: 0 10px 0 0;}

#photocontainer li.photolink2 {padding:0; margin:0 7px 10px 0; list-style-type:none; background:none; float:left; width:95px; }
#photocontainer li.photolink2 a.piclink {border:2px solid #D2D0C2; display:block; float:left; margin-right:10px;}
#photocontainer li.photolink2 a.piclink:hover {border:2px solid #A0B565; display:block; float:left; margin: 0 10px 0 0;}

#videocontainer {float:left; margin:40px 0 0 50px; width:640px; text-align:left; }



/* -----------  png overlay large  --------------- */

#pic_rotator {float:left; width:600px; }

.pan_wrap {background: repeat; margin:0; position: relative; width: 587px; height: 415px; oveflow:hidden;}
.pan_frame_maison { background: url(images/overlay_maison.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame_chambres { background: url(images/overlay_chambres.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame_restaurant { background: url(images/overlay_restaurant.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame_tarifs { background: url(images/overlay_tarifs.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame, .pan_frame3 { background: url(images/overlay.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame_activites { background: url(images/overlay_calme_bottom.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame_actualites { background: url(images/overlay_caractere_top.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}

#gallery { position: relative; width:587px; height:415px; margin:0; padding:0;  }
#gallery img {padding:0; margin:0; }
#gallery li { display: block; }


/* -----------  png overlay small  --------------- */

#pic_rotator2 {float:left; width:375px; }

.pan_wrap2 {background:  repeat; margin:0; position: relative; width: 360px; height: 415px;}
.pan_frame2 { background: url(images/overlay.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 360px; height: 415px; z-index:101;}

#gallery2 { position: relative; width:360px; height:415px; margin:0; padding:0;  }
#gallery2 img {padding:0; margin:0; }
#gallery2 li { display: block; }


/* ----------------  nav  -------------------- */

#navcontainer {margin-left:20px; }
#navlist {}
#navlist li {display: block; float:left; list-style-type: none; padding:0 9px 0 0; }
#navlist li a {display:block; text-transform:uppercase; color:#bfbca5; text-decoration:none; line-height:94px; height:66px; padding:28px 3px 0 3px;  }
#navlist li a:hover, #currentpage {display:block; text-transform:uppercase; color:#fff; text-decoration:none; line-height:94px; height:66px; background:url(images/nav_over.png) top left no-repeat; }

#nav2 {margin-left:20px; width:440px; float:left; }
#navlist2 {}
#navlist2 li {display: block; float:left; list-style-type: none; padding:0 9px 0 0; }
#navlist2 li a {display:block; text-transform:uppercase; color:#bfbca5; text-decoration:none; line-height:26px; height:34px; padding:8px 3px 0 3px;  }
#navlist2 li a:hover, #currentpage2 {display:block; text-transform:uppercase; color:#fff; text-decoration:none; line-height:26px; height:26px; background:url(images/nav2_over.png) bottom left no-repeat; }

#geeforce {color:#5d5549; text-decoration:none; line-height:36px; }
#geeforce:hover {color:#bfbca5; text-decoration:underline; }
#space2 {padding:0 40px 0 40px;}



#reserver {text-transform:uppercase; color:#c2bfab; font-size:9pt; font-weight:700; text-decoration:none; letter-spacing:1px; line-height:36px; padding:20px 0px 80px 80px;  }
#reserver:hover {color:#fff;}

#geeforce2 {color:#5d5549; text-decoration:none; line-height:36px;}
#geeforce2:hover {color:#bfbca5; text-decoration:underline; }

#relais {color:#5d5549; text-decoration:none; line-height:36px; padding:20px 50px 80px 150px; margin-top:-20px; }
#space {padding:0 40px 0 100px;}

#subnav {height:415px; margin-left:10px; width:120px; padding-top:15px;}
#subnav2 {height:415px; margin-left:10px; width:140px; padding-top:15px;}
#subnav li,#subnav2 li {background:#807E6E; margin-bottom:6px; border-right:2px solid #7C7A6B; border-left:2px solid #7C7A6B; }
#subnav li a,#subnav2 li a {color:#fff; text-transform:uppercase; text-decoration:none; line-height:18px; margin-right:6px; font-size:8pt; }
#subnav li a:hover,#subnav2 li a:hover {color:#332C25; margin-right:10px;}



/* -------------  tarieven  ----------------- */


#tarieven { width:330px; margin-bottom:20px; }
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: 1px solid #d2d0c2; text-transform: uppercase; text-align: left; color: #332821; padding: 3px 6px 3px 6px;  }
th.noborder {border-top:0; border-right:0; border-left:0;}	 		
th.left {border-right:1px solid #d2d0c2; border-top:0; border-left:0;}
th.col {text-align: center; color: #332821; border-left:0; background:#C4BBA5;}

th.row {border-top:0; background:#C4BBA5; padding:0 10px 0 3px;}
th.row2 {border-top:0; border-left:0; border-right:0; padding:12px 10px 12px 3px; text-transform:lowercase;}
td.row2 {border-right:0; padding:12px 10px 12px 3px; }

td {border-right: 1px solid #d2d0c2; border-bottom: 1px solid #d2d0c2; padding: 2px 9px; color: #3328211; font-size:10pt; text-align:center; font-size:9pt; font-family: "Trebuchet MS",Verdana,Arial,Helvetica;}

#navforfaits {margin:0px 0 15px 0;}
#navforfaits a {text-decoration:none; color:#F7F6F6; padding:1px 12px; background:#4A443E; margin-right:7px; border:1px solid #4A443E;}
#navforfaits a:hover {border:1px solid #fff; }

#navforfaitss {margin:0px 0 15px 0;}
#navforfaitss a {text-decoration:none; color:#F7F6F6; padding:1px 12px; background:#4A443E; margin-right:7px; border:1px solid #4A443E;}
#navforfaitss a:hover {border:1px solid #fff; }



div.navforfaits2 {margin:0px 0 15px 0;}
div.navforfaits2 a {text-decoration:none; color:#F7F6F6; padding:1px 12px; background:#4A443E; margin-right:7px; border:1px solid #4A443E;}
div.navforfaits2 a:hover {border:1px solid #fff; }

#tarifframe {height:386px; overflow:hidden; }

/* ----------------  restaurant  -------------------- */

div.navcarte {margin:0px 0 10px 0;}
div.navcarte a {text-decoration:none; color:#F7F6F6; padding:1px 12px; background:#4A443E; margin-right:7px; border:1px solid #4A443E;}
div.navcarte a:hover {border:1px solid #fff; }
a#currentsel {border:1px solid #fff; }

ul.kaart {margin-bottom:300px;}
ul.kaart li {margin-bottom:9px; text-transform:uppercase; font-size:11px; word-spacing:2px;}
ul.kaart li span {font-weight:bold; color:#E8E6E0; display:inline; width:70px;}

#frame {height:380px; overflow:hidden; }
#frame a {color:#F7F6F6; font-weight:700; }

#frame div.fetes p {font-size:8pt; width:337px; text-align:center; text-transform:uppercase; margin:0; padding: 3px 0 7px 0; background:url(images/menu_sep.jpg) bottom center no-repeat; }
#frame div.fetes p.fetesprix {font-weight:700; font-size:8pt; background:none;}
#frame div.fetes p.fetestitre {font-weight:700; font-size:8pt; background:none; text-decoration:underline;}

#subnav3 {height:415px; margin-left:10px; width:180px; padding-top:15px;}
#subnav3 li{background:#807E6E; margin-bottom:6px; border-right:2px solid #7C7A6B; border-left:2px solid #7C7A6B; }
#subnav3 li a {color:#fff; text-transform:uppercase; text-decoration:none; line-height:18px; margin-right:6px; font-size:8pt; }
#subnav3 li a:hover {color:#332C25; margin-right:10px;}


/* ----------------  contact  -------------------- */

div.coordinates { float:left; padding-right:30px; margin-right:30px; border-right:1px solid #8E856E; line-height:16pt; }
div.coordinates2 { float:right: line-height:16pt; margin-bottom:75px;}


/* ----------------  reservation  -------------------- */

#lafarqueform {margin-right:0px; font-size:8pt; text-align:right; margin-bottom:4px; font-family: "sans serif","Trebuchet MS",Verdana,Arial,Helvetica; line-height:9pt; }
#lafarqueform input {background:#74675A; border:0; color:#fff; padding:4px 5px; margin:0 0 3px 10px; width:255px; font-size:8pt; }
#lafarqueform input.smaller {background:#74675A; border:0; color:#fff; padding:4px 5px; margin:0 0 3px 7px; width:120px; font-size:8pt; }
#lafarqueform select {background:#74675A; border:0; color:#fff; padding:4px 5px; margin:0 0 3px 15px; width:130px; font-size:8pt; }
#lafarqueform label {vertical-align:middle;}
#lafarqueform textarea {background:#74675A; color:#fff; border:1px solid #464646; width:540px; height:40px; overflow:hidden; font-family:"Trebuchet MS", Verdana, Arial; padding:0; margin:0 0 5px 0; font-size:8pt;}
#lafarqueform input.submitgeneral {border:1px solid #fff; background:#483E32; color:#fff; width:100px; text-transform:uppercase; letter-spacing:2px; font-size:8pt; text-align:center; padding:2px 0 2px 0;} 

td.days {background:#3E342B; text-align:center; font-size:8pt; font-weight:bold;}
td.pointers {background:#3E342B;color:#fff; text-align:center; font-size:10pt; font-weight:bold;}
#mns {color:#fff; background:#3E342B;text-align:center; font-size:10pt; font-weight:bold;}

div.formelements1 { float:left; padding-left:35px; padding-right:0px; border-right:0px solid #8E856E;}
div.formelements2 { float:right:}

p.slim {font-style:italic; font-size:7.5pt;}


/* ----------------  partenaires  -------------------- */

ul.links {margin-bottom:15px; }
ul.links li.partenaires {line-height:16pt; clear:both; height:80px; margin-bottom:1px; margin-left:0; padding-left:0;}
ul.links li.partenaires a {font-weight:bold; font-size:9pt;}
ul.links li.partenaires a:hover {color:#39708F; font-weight:bold; font-size:9pt;}
ul.links li.partenaires a img {border:2px solid #D2D0C2; display:block; margin-right:10px; float:left;}
ul.links li.partenaires a:hover img {border:2px solid #A0B565; display:block; margin-right:10px; float:left;}
ul.links li.partenaires em {text-transform:uppercase; font-weight:bold; font-style:normal; }

div.partenaires {clear:both;}
div.partenaires a {text-decoration:none; color:#F7F6F6; padding:1px 6px; background:#4A443E; margin-right:4px; margin-left:1px;  border:1px solid #4A443E;}
div.partenaires a:hover {border:1px solid #fff; }