html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
html,body { height:100%; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; color:#000000; font-weight:normal; }
.txt { font-size:11px; color:#666666; padding:3px 3px 2px 3px; border:1px solid #999999; }
.btn { border:0; height:20px; cursor:pointer; }
textarea { overflow: auto; }
img { display:block; border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
table td { vertical-align:top; }
table td.label { font-size:11px; color:#666666; text-align:right; height:22px; padding:5px 5px 0 0; }
table td.field { height:28px; }

.success { color:#009900; font-weight:bold; text-align:center; padding:0 0 0 0; }
.error { color:#FF0000; font-weight:bold; text-align:center; padding:0 0 0 0; }

#container { width:990px; height:100%; margin:0 auto; }
#container tr td { vertical-align:middle; }

#header { padding:10px 0 20px 0; }
#header div.video { position:absolute; margin:71px 0 0 19px;}
#header div.video img { width:156px; height:48px; }
#header div.logo { width:267px; height:113px; margin:0 auto; }
#header div.logo img { width:267px; height:113px; }

#menu { background:#3e201a; text-align:center; height:20px; padding-top:5px; }
#menu a { font-size:14px; color:#ffffff; letter-spacing:1px; margin:0 20px 0 20px; }
#menu a:hover { color:#c4a88e; }
#menu a.active { color:#c4a88e; }

#content { width:990px; height:577px; background:url(/images/bg-lustre.jpg) 0 0 no-repeat; }

#text { position:absolute; width:365px; margin:328px 0 0 550px; }
#text div.title img { width:275px; height:54px; margin:0 auto; }
#text div.subtitle { padding:5px 0 4px 0; }
#text div.subtitle img { height:32px; }
#text div.scroll { position:absolute; overflow:auto; width:354px; height:80px; padding:0 10px 0 1px; }
#text div.scroll p { font-weight:bold; line-height:16px; padding-bottom:14px; }
#text div.video { position:absolute; margin:9px 0 0 191px; }
#text div.video img { width:102px; height:23px; }

#thumbnails { position:absolute; width:300px; margin:51px 0 0 560px; }
#thumbnails img { float:left; margin:0 10px 10px 0; }

#photo { position:absolute; width:478px; height:454px; margin:28px 0 0 8px; background:url(/images/activites/bg-photo.jpg) 0 0 no-repeat; }
#photo img { width:317px; height:421px; margin:23px 0 0 82px; }

#list { position:absolute; width:360px; margin:175px 0 0 560px; }
#list ul { float:left; width:165px; padding:0 0 0 15px; }
#list ul li { line-height:14px; list-style-type:disc; }

#accueil-flash { position:absolute; width:990px; height:577px; }
#accueil-nouvelles-titre { position:absolute; width:275px; background:#3e201a url(/images/icone-nouvelles.gif) 12px center no-repeat; margin:35px 0 0 715px; }
#accueil-nouvelles-titre a { display:block; font-size:22px; letter-spacing:2px; font-weight:bold; color:#ffffff; padding:15px 0 15px 60px; }
#accueil-nouvelles-bouton { position:absolute; visibility:hidden; margin:35px 0 0 860px; }
#accueil-nouvelles-bouton a { display:block; font-size:22px; font-weight:bold; color:#ffffff; padding:15px 0 15px 0; }
#accueil-nouvelles { position:absolute; visibility:hidden; width:326px; height:154px; background:#ffffff; border-width:0 8px 8px 8px; border-style:solid; border-color:#3e201a; margin:325px 0 0 545px; }
#accueil-nouvelles div.scroll { position:absolute; overflow:auto; width:306px; height:134px; background:#ffffff; padding:10px; }
#accueil-nouvelles div.scroll p { font-weight:bold; line-height:16px; padding-bottom:14px; }

#appartements-index-liens { position:absolute; margin:60px 0 0 660px; }
#appartements-index-liens div { font-size:17px; font-weight:bold; padding-bottom:20px; }
#appartements-index-liens div a { font-size:17px; font-weight:bold; text-decoration:underline; }
#appartements-index-liens div ul { visibility:hidden; padding-top:10px; }
#appartements-index-liens div ul li { float:left; padding-right:5px; }
#appartements-index-liens div ul li a { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration:none; background:#3e201a; }

#appartements-index-photos { position:absolute; margin:28px 0 0 16px; }
#appartements-index-photos img { width:502px; height:435px; }

#appartements-photos-retour { position:absolute; margin:17px 0 0 560px; }
#appartements-photos-retour ul li { float:left; padding-right:15px; }
#appartements-photos-retour ul li a { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; background:#89521e; }
#appartements-photos-note { position:absolute; margin:175px 0 0 560px; font-weight:bold; }

#appartements-plans-liens { position:absolute; margin:17px 0 0 20px; }
#appartements-plans-liens ul li { float:left; padding-right:15px; }
#appartements-plans-liens ul li span { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase; background:#3e201a; }
#appartements-plans-liens ul li a { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; background:#89521e; }

#appartements-plans-infos { position:absolute; margin:51px 0 0 20px; width:460px; height:316px; padding:10px; background:#ffffff; }
#appartements-plans-infos div.description { float:left; width:134px; margin-right:10px; }
#appartements-plans-infos div.description div { text-align:center; }
#appartements-plans-infos div.description #plan-nom { font-size:16px; font-weight:bold; text-transform:uppercase; padding:25px 0 7px 0; margin-bottom:20px; border-bottom:1px solid #89521e; }
#appartements-plans-infos div.description #plan-grandeur { font-size:22px; padding-bottom:10px; }
#appartements-plans-infos div.description #plan-prix { padding-bottom:10px; }
#appartements-plans-infos div.description #plan-dimension {  }
#appartements-plans-infos div.description #plan-suivant { padding-top:10px; margin-top:20px; border-top:1px solid #89521e; }
#appartements-plans-infos div.description #plan-suivant a { text-decoration:underline; }
#appartements-plans-infos #plan-image { float:left; width:316px; height:316px; }
#appartements-plans-infos #plan-image img { position:absolute; visibility:hidden; }

#appartements-plans-thumbnails { position:absolute; margin:397px 0 0 30px; }
#appartements-plans-thumbnails li { float:left; font-size:1px; margin-right:10px; }
#appartements-plans-thumbnails li a { display:block; position:relative; font-size:1px; width:20px; height:20px; background:#89521e; }
#appartements-plans-thumbnails li a.active { background:#3e201a; }

#appartements-plans-optionnel { position:absolute; margin:427px 0 0 30px; }
#appartements-plans-optionnel span { font-size:14px; font-weight:bold; }
#appartements-plans-optionnel ul { float:left; width:150px; padding:2px 0 0 15px; margin-right:20px; }
#appartements-plans-optionnel ul li { line-height:15px; list-style-type:disc; }

#appartements-plans-inclus { position:absolute; margin:30px 0 0 550px; }
#appartements-plans-inclus span { font-size:14px; font-weight:bold; }
#appartements-plans-inclus ul { float:left; width:170px; padding:2px 0 0 15px; margin-right:20px; }
#appartements-plans-inclus ul li { line-height:15px; list-style-type:disc; }
#appartements-plans-inclus div { clear:both; font-size:11px; padding-top:15px; }

#attraits-carte { position:absolute; margin:13px 0 0 51px; }
#attraits-carte img { width:404px; height:492px; }
#attraits-carte div { position:absolute; visibility:hidden; line-height:14px; color:#89521e; background:#ffffff; white-space:nowrap; padding:5px; }
#attraits-carte div span { font-weight:bold; }

#attraits-liste { position:absolute; width:495px; margin:25px 0 0 485px; }
#attraits-liste div { float:left; width:155px; padding:0 0 0 10px; }
#attraits-liste div span { font-size:14px; font-weight:bold; }
#attraits-liste div ul { padding:0 0 15px 0; }
#attraits-liste div ul li { line-height:15px; }

#evenements-liens { position:absolute; width:910px; margin:60px 0 0 55px; }
#evenements-liens ul li { float:left; font-size:14px; padding:0 30px 40px 0; }
#evenements-liens ul li span { font-size:14px; font-weight:bold; text-transform:uppercase; }
#evenements-liens ul li img { width:269px; height:90px; border:2px solid #3e201a; margin-top:3px; }

#evenements-infos-photo { position:absolute; margin:35px 0 0 25px; }
#evenements-infos-photo img { width:465px; height:321px; border:2px solid #3e201a; margin-bottom:10px; }
#evenements-infos-photo ul { height:24px; }
#evenements-infos-photo ul li { float:right; }
#evenements-infos-photo ul li a { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; background:#89521e; }

#evenements-infos-description { position:absolute; width:385px; margin:35px 0 0 550px; }
#evenements-infos-description ul { height:24px; }
#evenements-infos-description ul li { float:left; }
#evenements-infos-description ul li a { display:block; position:relative; padding:4px 8px 4px 8px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; background:#89521e; }
#evenements-infos-description div { font-size:14px; padding:10px 0 3px 0; }
#evenements-infos-description div span { font-size:14px; font-weight:bold; text-transform:uppercase; }
#evenements-infos-description img { width:269px; height:90px; border:2px solid #3e201a; margin-bottom:10px; }

#nous-rejoindre-carte { position:absolute; margin:48px 0 0 7px; text-align:center; }
#nous-rejoindre-carte img { width:502px; height:351px; }
#nous-rejoindre-photo { position:absolute; margin:25px 0 0 549px; }
#nous-rejoindre-photo img { width:319px; height:208px; }
#nous-rejoindre-photo div { padding:12px 0 0 12px; }

#phone { position:absolute; background:url(/images/fleche-telephone.gif) 0 center no-repeat; font-size:26px; font-weight:bold; color:#ffffff; padding:5px 5px 5px 15px; margin:-47px 0 0 13px; }

#footer { font-size:14px; font-weight:bold; color:#3e201a; text-align:center; padding:8px 0 10px 0; }

/* OVERLAY */

#overlayVideo { visibility:hidden; position:absolute; left:0; top:0; width:100%; }
#overlayVideo #overlay-bg { position:absolute; width:100%; background:#000000; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
#overlayVideo #overlay-close { position:absolute; width:90px; height:17px; }
#overlayVideo #overlay-content { position:absolute; border:5px solid #ffffff; display:block; }
#overlayVideo #overlay-content * { display:block; }
