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:14px; 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:999px; height:100%; margin:0 auto; }
#container tr td { vertical-align:middle; }

#header { width:999px; height:111px; padding:10px 0 10px 0; }
#header #logo { float:left; width:221px; height:111px; padding-left:30px; margin:0 auto; }
#header #logo img { width:221px; height:111px; }
#header #menu { float:left; width:739px; padding:92px 9px 0 0; }
#header #menu a { float:right; position:relative; display:block; font-size:14px; line-height:16px; color:#006571; padding:2px 8px 2px 8px; }
#header #menu a:hover { color:#ffffff; background:#006571; }
#header #menu a.active { color:#ffffff; background:#006571; }

#content { width:999px; height:607px; background:url(/images/bg.gif) 0 0 no-repeat; }

div.text { position:absolute; overflow:auto; padding:1px 0 1px 12px; border-left:2px solid #006571; }
div.text p { line-height:16px; }
div.text p span { color:#006571; }
div.bouton { position:absolute; padding:0 0 0 9px; border-left:2px solid #006571; }
div.bouton a { position:relative; display:block; font-size:16px; font-weight:bold; color:#ffffff; background:#006571; padding:2px 10px 0 10px; }

#thumbnails { position:absolute; width:340px; margin:95px 0 0 559px; }
#thumbnails div { float:left; width:75px; height:76px; background:url(/images/bg-photo.gif) 0 0 no-repeat; margin:0 10px 9px 0; }
#thumbnails div img { width:63px; height:63px; }

#photo { position:absolute; width:360px; height:414px; margin:100px 0 0 85px; }
#photo img { width:360px; height:414px; }

#list { position:absolute; width:360px; margin:265px 0 0 559px; }
#list ul { float:left; width:140px; }
#list ul li { font-size:12px; line-height:14px; color:#006571; list-style-type:none; }

#content #accueil { width:999px; height:607px; background:url(/images/bg-accueil.jpg) 7px 6px no-repeat; }
#content #accueil div.bg-text { position:absolute; width:335px; height:107px; margin:342px 0 0 628px; background:#ffffff; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }
#content #accueil div.text { width:320px; height:95px; margin:347px 0 0 621px; }
#content #accueil div.text h1 { font-size:18px; line-height:20px; color:#006571; }
#content #accueil #accueil-flash { position:absolute; width:366px; height:457px; margin:72px 0 0 25px; }
#content #accueil #accueil-nouvelles-box { visibility:hidden; position:absolute; margin:266px 0 0 621px; padding:0 0 0 9px; border-left:2px solid #006571; }
#content #accueil #accueil-nouvelles-box div.background { width:314px; height:221px; background:#006571; }
#content #accueil #accueil-nouvelles-box div.background a.title { float:left; display:block; font-size:16px; font-weight:bold; color:#ffffff; padding:4px 10px 0 10px; }
#content #accueil #accueil-nouvelles-box div.background a.close { float:right; display:block; font-size:16px; font-weight:bold; color:#ffffff; padding:4px 10px 0 10px; }
#content #accueil #accueil-nouvelles-box div.scroll { position:absolute; overflow:auto; width:282px; height:179px; background:#ffffff; padding:10px 10px 0 10px; margin:26px 0 0 6px; }
#content #accueil #accueil-nouvelles-box div.scroll p { line-height:17px; padding-bottom:10px; }
#content #accueil div.video { position:absolute; margin:305px 0 0 632px;}
#content #accueil div.video img { width:116px; height:27px; }

#content #appartements { width:999px; height:607px; background:url(/images/bg-appartements.jpg) 7px 6px no-repeat; }
#content #appartements div.text { width:400px; margin:399px 0 0 535px; }
#content #appartements div.phases { position:absolute; margin:189px 0 0 359px; }
#content #appartements div.phases ul { visibility:hidden; padding-top:10px; }
#content #appartements div.phases ul li { padding-bottom:9px; }
#content #appartements div.phases ul li a { display:block; position:relative; width:75px; padding:2px 10px 0 10px; font-size:16px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration:none; background:#e2637e; }
#content #appartements div.photos { position:absolute; margin:61px 0 0 474px; }
#content #appartements div.photos img { width:490px; height:330px; }

#content #appartements-photos { width:999px; height:607px; background:url(/images/bg-appartements-photos.jpg) 7px 6px no-repeat; }
#content #appartements-photos #appartements-photos-retour { position:absolute; margin:17px 0 0 560px; }
#content #appartements-photos #appartements-photos-retour ul li { float:left; padding-right:15px; }
#content #appartements-photos #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; }
#content #appartements-photos #appartements-photos-note { position:absolute; margin:175px 0 0 560px; font-weight:bold; }
#content #appartements-photos div.plan { position:absolute; width:233px; height:212px; margin:275px 0 0 540px; }
#content #appartements-photos div.plan img { width:233px; height:212px; }
#content #appartements-photos div.infos { position:absolute; width:160px; height:212px; margin:285px 0 0 797px; }
#content #appartements-photos div.infos h1 { font-size:16px; line-height:20px; font-weight:bold; color:#006571; padding-bottom:5px; }
#content #appartements-photos div.infos p { font-size:11px; line-height:14px; }

#content #appartements-plans { width:999px; height:607px; background:url(/images/bg-appartements-plans.jpg) 7px 6px no-repeat; }
#content #appartements-plans div.thumbnails { position:absolute; margin:39px 0 0 165px; }
#content #appartements-plans div.thumbnails li { float:left; font-size:1px; margin-right:2px; }
#content #appartements-plans div.thumbnails li a { display:block; position:relative; font-size:1px; width:20px; height:20px; background:url(/images/appartements/bullet.gif) 0 0 no-repeat; }
#content #appartements-plans div.thumbnails li a:hover { background-position:0 -20px; }
#content #appartements-plans div.thumbnails li a.active { background-position:0 -20px; }
#content #appartements-plans #plan-nom { position:absolute; margin:80px 0 0 63px; font-size:24px; font-weight:bold; color:#006571; text-transform:uppercase; }
#content #appartements-plans #plan-grandeur { position:absolute; margin:118px 0 0 72px; font-size:44px; font-weight:bold; color:#006571; }
#content #appartements-plans #plan-prix { position:absolute; margin:177px 0 0 63px; font-size:15px; font-weight:bold; color:#006571; text-transform:uppercase; }
#content #appartements-plans #plan-suivant { position:absolute; margin:215px 0 0 53px; }
#content #appartements-plans #plan-suivant a { display:block; position:relative; padding:2px 10px 2px 10px; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-decoration:none; background:#e2637e; }
#content #appartements-plans div.text { margin:255px 0 0 42px; }
#content #appartements-plans div.text span { color:#006571; font-weight:bold; }
#content #appartements-plans div.text ul { width:290px; padding:5px 0 0 25px; }
#content #appartements-plans div.text ul li { font-size:12px; line-height:15px; list-style-type:disc; }
#content #appartements-plans #plan { position:absolute; margin:52px 0 0 426px; }
#content #appartements-plans #plan img { position:absolute; visibility:hidden; width:518px; height:466px; }
#content #appartements-plans div.description { position:absolute; margin:526px 0 0 426px; width:498px; font-size:11px; line-height:13px; }

#content #activites { width:999px; height:607px; background:url(/images/bg-activites.jpg) 7px 6px no-repeat; }
#content #activites div.text { width:385px; height:80px; margin:388px 0 0 545px; }

#content #services { width:999px; height:607px; background:url(/images/bg-services.jpg) 7px 6px no-repeat; }
#content #services div.text { width:385px; height:80px; margin:388px 0 0 545px; }

#content #attraits { width:999px; height:607px; background:url(/images/bg-attraits.jpg) 7px 6px no-repeat; }
#content #attraits div.bg-text { position:absolute; width:400px; height:109px; margin:74px 0 0 567px; background:#ffffff; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }
#content #attraits div.text { width:385px; height:97px; margin:79px 0 0 560px; }
#content #attraits div.text p { color:#4d4d4d; }
#content #attraits #attraits-carte { position:absolute; margin:29px 0 0 27px; }
#content #attraits #attraits-carte img { width:505px; height:491px; }
#content #attraits #attraits-carte div { position:absolute; visibility:hidden; font-size:11px; line-height:14px; background:#ffffff; white-space:nowrap; padding:5px; border:2px solid #e26680; }
#content #attraits #attraits-liste { position:absolute; width:400px; margin:190px 0 0 578px; }
#content #attraits #attraits-liste div { float:left; width:190px; padding:0 10px 0 0; }
#content #attraits #attraits-liste div span { font-size:12px; font-weight:bold; color:#006571; }
#content #attraits #attraits-liste div ul { padding:5px 0 15px 0; }
#content #attraits #attraits-liste div ul li { font-size:12px; line-height:14px; }
#content #attraits #attraits-liste div ul li a { font-size:12px; line-height:14px; }

#content #evenements-temp { width:999px; height:607px; background:url(/images/bg-evenements-temp.jpg) 7px 6px no-repeat; }
#content #evenements-temp div.text { width:435px; margin:330px 0 0 85px; }

#content #evenements-1 { width:999px; height:607px; background:url(/images/bg-evenements-1.jpg) 7px 6px no-repeat; }
#content #evenements-1 div.text { width:415px; margin:330px 0 0 38px; }
#content #evenements-1 #evenements-liens { position:absolute; width:575px; margin:34px 0 0 33px; }
#content #evenements-1 #evenements-liens ul li { float:left; padding:0 30px 20px 0; background:url(/images/evenements/bg-evenements.gif) 0 20px no-repeat; }
#content #evenements-1 #evenements-liens ul li span { font-size:12px; font-weight:bold; color:#006571; text-transform:uppercase; margin-left:4px; }
#content #evenements-1 #evenements-liens ul li img { width:252px; height:99px; margin:8px 0 0 4px; }

#content #evenements-2 { width:999px; height:607px; background:url(/images/bg-evenements-2.jpg) 7px 6px no-repeat; }
#content #evenements-2 div.text { width:385px; margin:251px 0 0 38px; }
#content #evenements-2 #evenements-liens { position:absolute; width:575px; margin:34px 0 0 33px; }
#content #evenements-2 #evenements-liens ul li { float:left; padding:0 30px 25px 0; background:url(/images/evenements/bg-evenements.gif) 0 20px no-repeat; }
#content #evenements-2 #evenements-liens ul li span { font-size:12px; font-weight:bold; color:#006571; text-transform:uppercase; margin-left:4px; }
#content #evenements-2 #evenements-liens ul li img { width:252px; height:99px; margin:8px 0 0 4px; }
#content #evenements-2 #evenements-infos-photo { position:absolute; margin:59px 0 0 443px; }
#content #evenements-2 #evenements-infos-photo img { width:486px; height:329px; margin-bottom:10px; }
#content #evenements-2 #evenements-infos-description { position:absolute; margin:397px 0 0 443px; width:466px; font-size:11px; line-height:14px; color:#006571; padding:0 10px 0 10px; }

#content #nous-rejoindre { width:999px; height:607px; background:url(/images/bg-nous-rejoindre.jpg) 7px 6px no-repeat; }
#content #nous-rejoindre div.text { width:300px; margin:92px 0 0 57px; }
#content #nous-rejoindre div.text span { font-weight:bold; color:#006571; }
#content #nous-rejoindre #nous-rejoindre-adresse { position:absolute; margin:40px 0 0 457px; font-size:13px; color:#006571; }
#content #nous-rejoindre #nous-rejoindre-adresse span { font-size:17px; font-weight:bold; color:#006571; }
#content #nous-rejoindre #nous-rejoindre-carte { position:absolute; margin:88px 0 0 457px; width:486px; }
#content #nous-rejoindre #nous-rejoindre-carte img { width:486px; height:329px; }
#content #nous-rejoindre #nous-rejoindre-carte div { font-size:11px; line-height:14px; color:#006571; padding:8px 10px 0 10px; }

#phone { position:absolute; font-size:26px; line-height:26px; font-weight:bold; color:#ffffff; border-left:2px solid #ffffff; padding:0 0 0 10px; margin:-58px 0 0 19px; }

#video { position:absolute; margin:-82px 0 0 675px;}
#video img { width:286px; height:54px; }

#footer { font-size:12px; color:#006571; text-align:right; padding:2px 30px 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; }