body {background: url(img/fond-bd.gif) repeat-x #ffffff; margin: 0px; text-align: center; font-family: "Times New Roman", Times, serif;}
p {text-align: justify; margin: 0px;}
form {margin: 0px; display: inline;}
BR.SautPage {page-break-after: always}
.divcenter {text-align: center}
.divcboth {clear: both}

/* Bande largeur 100% */
.cook {position: absolute; width: 100%; height: 365px; left: 0px; top: 98px; background: url(img/fond-b.gif) center no-repeat #acafa4; z-index: 1}


/* Conteneur principal */
.contener {position: relative; width: 1000px; margin-left: auto; margin-right: auto; text-align: center; z-index: 10}


/* Entête */
.entete {position: relative; width: 1000px; height: 463px; left: 0px; top: 0px;; background: #ffffff}
.entetelogo {position: absolute; left: 0px; top: 0px;}
.entetefb {position: absolute; left: 734px; top: 20px; z-index: 2}

/* Entête Menu Horizontal etmenuh */
.etmenuh {position: absolute; left: 480px; top: 73px; text-align: left; z-index: 20;}
a:hover.etmenuha, a:hover.etmenuha2 
{color: #a2a393}
.etmenuha, .etmenuha2
{position: relative; display: block; margin-left: 7px; margin-right: 7px; font-size: 11px; color: #828373; text-decoration: none; float: left}
.etmenuha2 {margin-left: 13px; margin-right: 7px}

/* Entête Menu Vertical etmenuv */
.etmenuv {position: absolute; width: 242px; height: 349px; left: 0px; top: 98px; background: #818373; text-align: center; padding: 7px 0px 0px 0px;}
.etmenuvsep {position: relative; width: 242px; height: 20px; line-height: 28px; background: url(img/brg.gif) center no-repeat}
.etmenuvsep2 {position: relative; width: 242px; height: 13px}
/* Boutons menu vertical */
.etmenuvresort, .etmenuvresortsel, .etmenuvvillasel, .etmenuvmk, .etmenuvmksel, .etmenuvmaroc, .etmenuvmarocsel, 
.etmenuvachat, .etmenuvachatsel,.etmenuvretraite, .etmenuvretraitesel, .etmenuvbrochure, .etmenuvmncsel, .etmenuvriad
{background:url(img/bg-menu-left.png) no-repeat; position: relative; width: 242px; display: block; line-height: 45px; color: #ffffff; text-decoration: none; font-size: 17px; text-align: center; height:44px;}
.etmenuvvilla{background:url(img/bg-menu-left-active.png) no-repeat; position: relative; width: 242px; display: block; line-height: 45px; color: #818473; text-decoration: none; font-size: 17px; text-align: center; height:44px;}
a:hover.etmenuvvilla{
	color: #818473; background: url(img/menuss-hover.png) repeat-x;color:#ffffff;}
.etmenuvmnc{position: relative; width: 242px; display: block; line-height: 45px; color: #ffffff; text-decoration: none; font-size: 17px; text-align: center; height:44px;}
/* Bouton Brochure */
.etmenuvbrochure {height: 39px; line-height: 33px; background: #e6732e url(img/fd-butt-brochure.gif) no-repeat}
a:hover.etmenuvbrochure {color: #e7e7e7}

.etmenuvriad {color:#818473;height: 55px; line-height: 65px; background: url(img/fd-butt-riads-active.gif) no-repeat; }

a:hover.etmenuvriad {color: #e7e7e7; background: url(img/fd-butt-riads.gif) no-repeat;}
.etmenuvriad2{background:url(img/bg-menu-left.png) no-repeat; position: relative; width: 242px; display: block; line-height: 45px; color: #ffffff; text-decoration: none; font-size: 17px; text-align: center; height:44px;}
.etmenuvriad2 {color:#fff;height: 55px; line-height: 65px; background: url(img/fd-butt-riads.gif) no-repeat; }
a:hover.etmenuvriad2 {color: #e7e7e7; background: url(img/fd-butt-riads.gif) no-repeat;}

/* Entête Bandeau Flash */
.bandeauflash {position: absolute; left: 242px; top: 98px; width: 758px; height: 365px; background: #818373; z-index: 10}
.noflash {position: relative; width: 600px; padding: 25px; left: 50px; top: 79px; background-color: #f47b02}
.diaporamaflash {visibility: hidden}
.diaporamaflashcont {position: absolute; left: 0px; top: 0px; z-index: 1500; visibility: hidden; overflow: hidden; border: 2px solid #ffffff}

/* Conteneur page */
.contenu {position: relative; width: 948px; padding: 26px; z-index: 10; background: #ffffff; clear: both}


/* Boutons menus horizontaux pages pgmenuh */
.pgmenuhgresortsel, .pgmenuhgresort, .pgmenuhresortsel, .pgmenuhresort, .pgmenuhgvillasel, .pgmenuhgvilla, .pgmenuhvillasel, .pgmenuhvilla,
.pgmenuhgmksel, .pgmenuhgmk, .pgmenuhmksel, .pgmenuhmk, .pgmenuhgmarocsel, .pgmenuhgmaroc, .pgmenuhmarocsel, .pgmenuhmaroc,
.pgmenuhgachatsel, .pgmenuhgachat, .pgmenuhachatsel, .pgmenuhachat, .pgmenuhgretraitesel, .pgmenuhgretraite, .pgmenuhretraitesel, .pgmenuhretraite,
.pgmenuhgmncsel, .pgmenuhgmnc, .pgmenuhmncsel, .pgmenuhmnc
{position: relative; line-height: 21px; display: block; padding-right: 10px; font-size: 16px; text-decoration: none; float: left}
.pgmenuhgvillasel, .pgmenuhgvilla, .pgmenuhvillasel, .pgmenuhvilla
{padding-right: 3px}
/* Bouton gauche menus horizontaux */
.pgmenuhgresortsel, .pgmenuhgresort, .pgmenuhgvillasel, .pgmenuhgvilla, .pgmenuhgmksel, .pgmenuhgmk, .pgmenuhgmarocsel, .pgmenuhgmaroc,
.pgmenuhgachatsel, .pgmenuhgachat, .pgmenuhgretraitesel, .pgmenuhgretraite, .pgmenuhgmncsel, .pgmenuhgmnc
{color: #000000; padding-left: 24px}
/* Autres boutons menu horizontaux */
.pgmenuhresortsel, .pgmenuhresort, .pgmenuhvillasel, .pgmenuhvilla, .pgmenuhmksel, .pgmenuhmk, .pgmenuhmarocsel, .pgmenuhmaroc,
.pgmenuhachatsel, .pgmenuhachat, .pgmenuhretraitesel, .pgmenuhretraite, .pgmenuhmncsel, .pgmenuhmnc
{color: #000000; padding-left: 10px}
.pgmenuhvillasel, .pgmenuhvilla 
{color: #000000; padding-left: 7px}

/* Couleur RollOver Villa - Menus horizontal et vertical */
a:hover.pgmenuhgvilla, a:hover.pgmenuhvilla
{color: #000000; background: #f0f0f0}
/* Boutons menu sélectionné et RollOver menu vertical */
.pgmenuhgvillasel, .pgmenuhvillasel
{color: #818473; background: #fff}



/* Couleur RollOver Resort & Spa - Menus horizontal et vertical */
a:hover.pgmenuhgresort, a:hover.pgmenuhresort
{color: #000000; background: #f0f0f0}
/* Boutons menu sélectionné et RollOver menu vertical */
.pgmenuhgresortsel, .pgmenuhresortsel, a:hover.etmenuvresort, .etmenuvresortsel
{color: #ffffff; background: #6d6a9f}

/* Couleur RollOver Vivre à Marrakech - Menus horizontal et vertical */
a:hover.pgmenuhgmk, a:hover.pgmenuhmk
{color: #000000; background: #f0f0f0}
/* Boutons menu sélectionné et RollOver menu vertical */
a:hover.etmenuvmk
{color: #818473; background: #fff}
.pgmenuhgmksel, .pgmenuhmksel, .etmenuvmksel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}
/* Couleur RollOver Investir au Maroc - Menus horizontal et vertical */
a:hover.pgmenuhgmaroc, a:hover.pgmenuhmaroc
{color: #000000; background: #f0f0f0}
/* Boutons menu sélectionné et RollOver menu vertical */
a:hover.etmenuvmaroc
{color: #818473; background: #fff}
.pgmenuhgmarocsel, .pgmenuhmarocsel, .etmenuvmarocsel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}
/* Couleur RollOver Votre achat au Maroc - Menus horizontal et vertical */
a:hover.pgmenuhgachat, a:hover.pgmenuhachat
{color: #000000; background: #f0f0f0}
/* Boutons menu sélectionné et RollOver menu vertical */
a:hover.etmenuvachat
{color: #818473; background: #fff}
.pgmenuhgachatsel, .pgmenuhachatsel, .etmenuvachatsel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}
/* Couleur RollOver Retraite - Menus horizontal et vertical */
/*a:hover.pgmenuhgretraite, a:hover.pgmenuhretraite
{color: #000000; background: #f0f0f0}
 Boutons menu sélectionné et RollOver menu vertical */
a:hover.etmenuvretraite
{color: #818473; background: #fff}
.pgmenuhgretraitesel, .pgmenuhretraitesel, .etmenuvretraitesel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}
.pgmenuhgvillasel, .pgmenuhvillasel, a:hover.etmenuvvilla, .etmenuvvillasel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}

/* Couleur RollOver Nous connaître - Menus horizontal et vertical */
a:hover.pgmenuhgmnc, a:hover.pgmenuhmnc
{color: #818473; background: #fff}
.pgmenuhghgmncsel, .pgmenuhhgmncsel, .etmenuvhgmncsel
{color: #ffffff; background: url(img/menuss-hover2.png) repeat-x}

/* Boutons menu sélectionné et RollOver menu vertical */
a:hover.etmenuvmnc
{color: #818473; background: url(img/bg-menu-left-active.png) repeat-x}
.pgmenuhgmncsel, .pgmenuhmncsel, .etmenuvmncsel{
	color: #818473; background: #fff
}

/* Titre page */
.titrepagediv {position: relative; width: 924px; text-align,: left; margin-bottom: 8px}
h1.titrepage {color: #828373; font-size: 32px; font-weight: 100; text-align: left; margin: 0px}
h2.titrepage {color: #828373; font-size: 24px; font-weight: 100; text-align: left; margin: 0px}
h2.titrepage2 {color: #828373; font-size: 22px; font-weight: 100; text-align: left; margin: 0px;}
h3.titrepage {color: #828373; font-size: 20px; font-weight: 100; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage1 {color: #0082c3; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage2 {color: #6d6a9f; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage3 {color: #00aec4; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage4 {color: #6b9c63; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage5 {color: #6ac334; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage6 {color: #aa8d69; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h3.titrepage7 {color: #f47b02; font-size: 18px; font-weight: 900; text-align: left; margin: 0px; margin-bottom: 2px}
h4.titrepage {color: #605d5c; font-size: 17px; font-weight: 100; text-align: left; margin: 0px; margin-top: 8px; margin-bottom: 2px}
/* Menu horizontal page */
.pgmenuhdiv {position: relative; width: 960px; height: 24px; margin-bottom: 15px;}
.pgmenuhdiv2 {position: relative; width: 960px; height: 24px; margin-bottom: 15px;}
.pgmenuhsep {position: relative; width: 1px; float: left; padding-top:7px}

.divmeteo {position: absolute; width: 246px; height: 30px; left: 744px; top: 3px; text-align: right; font-size: 13px; line-height: 30px; color: #828373; text-decoration: none;}

/* Pied */
.pied {position: relative; width: 1000px; background: #ffffff; clear: both}
.piedcontenu {width: 980px; height: 38px; margin-left: 5px; margin-right: 5px; border: 0px solid #d9d9d3; border-top-width: 1px; padding-left: 5px; padding-right: 5px;}
/* Pied Liens */ 
a:hover.piedmenua {color: #a2a393}
.piedmenua {position: relative; display: block; margin-left: 10px; margin-right: 10px; font-size: 12px; line-height: 30px; color: #828373; text-decoration: none; float: left}
a:hover.addthis_button_compact {color: #a2a393}
.addthis_button_compact {font-size: 12px; color: #828373; text-decoration: none}
.piedmeteo {position: absolute; width: 230px; height: 30px; left: 744px; top: 1px; text-align: right; font-size: 13px; line-height: 30px; color: #828373; text-decoration: none;}

.piedplans {position: relative; width: 972px; padding-left: 28px; margin-top: 15px}
.piedplan {position: relative; width: 110px; height: 104px; padding-left: 7px; float: left; border: 0px solid #d9d9d3; border-left-width: 1px; text-align: left}

.piedplana1 {font-size: 11px; line-height: 16px; color: #828373; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.piedplana2 {font-size: 8px; line-height: 11px; color: #a2a393; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.piedplana3 {font-size: 11px; line-height: 13px; color: #828373; text-decoration: none; font-family: Arial, Helvetica, sans-serif}

.credits {position: relative; width: 830px; margin-left: 85px; margin-right: 85px; margin-bottom: 10px; clear: both}

.baseline {position: relative; width: 830px; margin-left: 85px; margin-right: 85px; margin-bottom: 10px; clear: both; font-size: 9px; color: #a2a393; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
a:hover.baselinea {color: #828373}
.baselinea {font-size: 9px; color: #a2a393; text-decoration: none; font-family: Arial, Helvetica, sans-serif}

.divtexte1, .divtexte1plan
{position: relative; border: 1px solid #a19e93; background: url(img/coinhd.gif) no-repeat 584px 0px #ffffff; text-align: left; float: left}
.divtexte1 {width: 576px; padding: 14px 24px;}
.divtexte1plan {width: 514px; padding: 14px 24px 14px 86px;}
.divcontcol1 {position: relative; width: 304px; text-align: left; float: left}
.divcontcol1t {position: relative; width: 304px; text-align: center; float: left; line-height:32px}
.divcontcol2 {position: relative; width: 626px; text-align: left; float: left}
.divcontcol3 {position: relative; width: 948px; text-align: left; float: left}
.divsepcol {position: relative; width: 18px; height: 18px; float: left; overflow: hidden}
.divseplig1, .divseplig2, .divseplig3 {position: relative; height: 18px; float: left; overflow: hidden}
.divseplig1 {width: 304px}
.divseplig2 {width: 626px}
.divseplig3 {width: 948px}
.divseppth1, .divsepptb1, .divseppt1 {position: relative; width: 304px; height: 2px; float: left; background: url(img/seph.gif) repeat-x; overflow: hidden}
.divseppth1 {margin-bottom: 8px}
.divsepptb1 {margin-top: 8px}
.divseppt1 {margin-top: 16px; margin-bottom: 16px}
.divcontcontact {position: relative; width: 262px; padding: 15px 20px; border: 1px solid #a8aa9f; background-color: #ffffff}

a:hover.ti12g, a:hover.ti13g, a:hover.ti14g {color: #828373}
.ti12g, .ti13g, .ti14g {color: #605d5c; text-decoration: none}
.ti12g {font-size: 12px}
.ti13g {font-size: 13px}
.ti14g {font-size: 14px}

a:hover.ti16g, a:hover.ti17g, a:hover.ti20g, a:hover.ti26g {color: #828373}
.ti16g, .ti17g, .ti20g, .ti26g {color: #605d5c; text-decoration: none}
.ti16g {font-size: 16px}
.ti17g {font-size: 17px}
.ti20g {font-size: 20px}
.ti26g {font-size: 26px}

.ti17m, .ti20m, .ti22m, .ti24m, .ti26m {color: #522e2a; text-decoration: none}
.ti17m {font-size: 17px}
.ti20m {font-size: 20px}
.ti22m {font-size: 22px}
.ti24m {font-size: 24px}
.ti26m {font-size: 26px}

.ti17o {color: #e56c34; text-decoration: none}
.ti17o {font-size: 17px}

.ti17b, .ti22b {color: #ffffff; text-decoration: none}
.ti17b {font-size: 17px}
.ti22b {font-size: 22px}

a:hover.ar11g {color: #828373}
.ar11g {color: #a2a393; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.ar11g {font-size: 11px}

a:hover.ar17o {color: #e56c34}
.ar17o {color: #e56c34; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.ar17o {font-size: 15px}

.ar13b, ar15b {color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif}
.ar13b {font-size: 13px}
.ar15b {font-size: 15px}

.pti16g, .pti17g, .pti20g {color: #605d5c; text-decoration: none; line-height: 22px}
.pti16g {font-size: 16px}
.pti17g {font-size: 17px}
.pti20g {font-size: 20px}

.brochuretexte {position: relative; width: 435px;}
.brochuretexte2 {position: relative; width: 576px;}
.brochuredesc {position: relative; width: 80px; height: 26px; float: left}
.brochuredesc2 {position: relative; width: 250px; height: 26px; float: left}
.brochurechamp {position: relative; width: 490px; height: 26px; float: left}
.brochuredesc2 {position: relative; width: 260px; height: 26px; float: left}
.brochurechamp2 {position: relative; width: 310px; height: 26px; float: left}
.brochuredesc3 {position: relative; width: 170px; height: 26px; float: left}
.brochurechamp3 {position: relative; width: 400px; height: 26px; float: left}
.brochurechampselect3 {width: 50px; height: 24px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #605d5c; border: 1px solid #aeafa5}
.brochurechampselect {width: 80px; height: 24px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #605d5c; border: 1px solid #aeafa5}
.brochurechamptext {width: 442px; height: 18px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #605d5c; border: 1px solid #aeafa5}
.brochurechamptext2 {width: 262px; height: 18px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #605d5c; border: 1px solid #aeafa5}
.brochurechoix {position: relative; width: 288px; height: 26px; float: left}
.brochurepicto {position: absolute; width: 100px; height: 100px; left: 470px; top: 84px}
.divbrochureok {position: relative; width: 624px; height: 38px; padding-top: 8px; border: 1px solid #a19e93; border-top-width: 0px; background-color: #d7d8d2; text-align: center}
.divbrochureconfirme {position: absolute; width: 508px; padding: 10px; left: 0px; top: 0px; border: 1px solid #ffffff; background: url(img/coinhd2.gif) no-repeat 480px 8px #818373; z-index: 1500}
.divbrochureconfirmecontour {position: relative; width: 456px; padding: 20px 25px; left: 0px; top: 0px; border: 1px solid #aeafa5; text-align: left}
.divbrochureconfirmetexte {position: relative; width: 456px;}
.divbrochureconfirmebuttgauche {position: relative; width: 228px; float: left; text-align: left}
.divbrochureconfirmebuttdroit {position: relative; width: 228px; float: left; text-align: right}
.divbrochureconfirmebuttfermer {position: relative; width: 456px; text-align: center}
.contactdesc {position: relative; width: 140px; height: 26px; float: left}
.contactmessage {position: relative; width: 382px; float: left}
.messagechamptextarea {width: 382px; height: 60px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #605d5c; border: 1px solid #aeafa5}

.divplansite0, .divplansite1, .divplansite2, .divplansite3, .divplansite4, .divplansite5
{position: relative; width: 440px; height: 20px; background-repeat: no-repeat; background-position: left center}
.divplansite1 {padding-left: 50px; width: 390px; background-image: url(img/plan-1.gif)}
.divplansite2 {height:12px; background-image: url(img/plan-2.gif)}
.divplansite3 {padding-left: 100px; width: 340px; background-image: url(img/plan-3.gif)}
.divplansite4 {padding-left: 100px; width: 340px; background-image: url(img/plan-4.gif)}
.divplansite5 {padding-left: 50px; width: 390px; background-image: url(img/plan-5.gif)}

/* div(s) affichage photos, messages,... */
.divphotoplan {position: absolute; left: 0px; top: 0px; width: 200px; z-index: 2000; visibility: hidden}
.divphotoplanmove {position: relative; left: 0px; top: 0px; width: 200px; height: 10px; background: #818373; border: #818373 solid 1px; text-align: right; cursor: move}
.divphoto {position: relative; left: 0px; top: 0px; border: #818373 solid 1px; background: #ffffff; z-index: 2001}

.divmsgbox {position: absolute; left: 0px; top: 0px; width: 412px; z-index: 3000; visibility: hidden}
.divmsgboxcont {position: relative; border: #818373 solid 1px; background: #ffffff; padding: 5px 5px 0px 5px; width: 400px; text-align: center}
.divmsgboxaffcont {position: relative;}
.divmsgboxaff {position: relative; font-size: 17px; color: #818373;}
.divmsgboxb {position: relative; left: 0px; top: 0px; width: 100%; height: 28px; margin: 5px;}
.divmsgboxbutt {position: absolute; left: 0px; top: 0px; height: 22px; background: #ffffff; border: solid #818373 1px; font-size: 14px; font-weight: bold; color: #818373; text-decoration: none; padding: 4px 7px 0px 7px; display: block}
a:hover.divmsgboxbutt {color: #666666;}

.divamibox {position: absolute; left: 0px; top: 0px; width: 400px; height: 200px; z-index: 2500; visibility: hidden;}
.divamiboxcont {position: relative; border: #818373 solid 1px; background: #ffffff; padding: 5px 5px 0px 5px; width: 400px; text-align: center}
.divamiboxt {position; relative; width: 100%; height: 20px; font-size: 14px; font-weight: bold; color: #818373}
.divamiboxbutt {position: relative; height: 22px; width: 100px; background: #ffffff; border: solid #818373 1px; font-size: 14px; font-weight: bold; color: #818373; text-decoration: none; padding: 4px 7px 0px 7px; display: block; margin: 3px auto 5px auto}
a:hover.divamiboxbutt {color: #666666;}
.chpami {width: 350px; border: solid #666666 1px; font-size: 14px; color: #666666; margin: 3px 0px}
.chpaminotsel {width: 350px; border: solid #666666 1px; font-size: 14px; color: #bbbbbb; margin: 3px 0px}

.over_all {position: absolute; left: 0px; top : 0px; width: 100%; height: 100%; z-index: 1000; visibility: hidden; background: #fffdfd; filter: alpha(opacity=70); -moz-opacity: 0.70; -opacity: 0.70; opacity: 0.70; -khtml-opacity: 0.7; overflow: hidden}
.over_alltrans {position: absolute; left: 0px; top : 0px; width: 100%; height: 100%; z-index: 1000; visibility: hidden; background: #ffffff; filter: alpha(opacity=50); -moz-opacity: 0.50; -opacity: 0.50;; opacity: 0.50; -khtml-opacity: 0.5; overflow: hidden}
.divpwait {position: absolute; left: 0px; top : 0px; width: 48px; height: 48px; z-index: 3000; visibility: hidden; background: url(img/wait.gif) no-repeat; text-align:center; padding-top: 15px}

.divdiapoplan {position: absolute; left: 0px; top: 0px; width: 988px; height: 588px; border: 6px solid #ffffff; z-index: 2000; visibility: hidden; background: url(img/fonddiapo.gif) no-repeat center 100px #d7d8d2}
.divdiapocont {position: relative; left: 0px; top: 0px;; overflow: hidden}
.divdiapofond {position: absolute; left: 0px; top: 0px; border: #f0f0f0 solid 6px; z-index: 2002}
.divdiapophoto {position: absolute; left: 0px; top: 0px; z-index: 2003; visibility: hidden; overflow: hidden}
.divdiapotexte {position: relative; width: 100%; height: 30px; text-align: center; color: #605d5c; text-decoration: none; font-size: 20px; line-height: 30px; background-color: #f0f0f0; visibility: hidden}
.divdiapo {position: absolute; left: 0px; top: 0px; background: #ffffff; z-index: 2004}
.divdiapobarre {position: relative; left: 0px; top: 0px; height: 50px}
.divdiapobarre1, .divdiapobarre2, .divdiapobarre3
{position: relative; height: 100%; float: left; line-height: 50px}
.divdiapobarre1 {width: 35%; text-align: left}
.divdiapobarre2 {width: 30%; text-align: center}
.divdiapobarre3 {width: 30%; text-align: left}
.diapocont {width: 108px; height: 108px; float: left}
.diapocontseph {width: 9px; height: 108px; float: left;}
.diapocontsepv {width: 576px; height: 9px; float: left;}

.planvillatitre {position: relative; width: 288px; height: 25px; float: left}
.planvillaplan {position: relative; width: 287px; border: 0px solid #aeafa5; border-right-width: 1px; float: left}
.planvillasep {position: relative; width: 576px; height: 1px; background-color: #aeafa5; float: left}

a:hover.lienarticle {color: #828373;  background: url(img/picto-article-on.gif) no-repeat}
.lienarticle {position: relative; height: 25px; display: block; background: url(img/picto-article-off.gif) no-repeat; color: #aeafa5; text-decoration: none; font-size: 16px; padding-left: 24px;}
a:hover.lientableau {color: #828373;  background: url(img/picto-tableau-on.gif) no-repeat}
.lientableau {position: relative; height: 25px; display: block; background: url(img/picto-tableau-off.gif) no-repeat; color: #aeafa5; text-decoration: none; font-size: 16px; padding-left: 24px;}

.tem1 {width: 316px; margin-right: 10px; float: left}
.tem2 {float: left}

.div_popupaff {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1010; visibility: hidden; background-color: #818373; filter: alpha(opacity=75); -moz-opacity: 0.75; -opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75}
.div_popupcont {position: absolute; left: 0px; top: 0px; width: 664px; height: 570px; background-color: #ffffff; visibility: hidden; z-index: 1020;}
.div_popuplien {position: absolute; left: 20px; top: 20px; width: 624px; height: 535px}
.div_popupferme {position: absolute; left: 642px; top: -17px}
.div_popupsite {position: absolute; left: 20px; top: 510px; width: 624px; text-align: right}

.div_inv {position: relative; width: 551px; padding-left: 25px; padding-bottom: 10px; background: url(img/tinv.gif) no-repeat}
.div_inv2 {position: relative; width: 526px; padding-left: 50px; padding-bottom: 5px; background: url(img/tinv2.gif) no-repeat}

.div_diaporamacont {position: absolute; left: 0px; top: 0px; width: 750px; height: 520px; background-color: #ffffff; visibility: hidden; z-index: 1020}
.div_diaporamaflash {position: absolute; left: 0px; top: 0px; width: 740px; height: 520px; z-index: 1030}
.div_diaporamaferme {position: absolute; left: 0px; top: 0px; z-index: 1040}

.pgmenuhgmncvillaAndalouse-simple{
background: url(img/bg-menuss.png) repeat-x;
display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
    margin-right: 15px;
    padding-left: 30px;
    padding-right: 25px;
    position: relative;
    text-decoration: none;
	color: #FEFEFE;
	
}
.pgmenuhmncvillaRyad-simple{
background: url(img/bg-menuss.png) repeat-x;
 display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
	margin-right: 15px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
	padding-left:25px;
	padding-right:25px;	
}
.pgmenuhmncvillaPavillon-simple{
background: url(img/bg-menuss.png) repeat-x;
 display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
	margin-right: 15px;
	position: relative;
    text-decoration: none;
	color:#fefefe;
	padding-left:25px;
	padding-right:25px;	
}
.pgmenuhmncvillaPrestige-simple{
background: url(img/bg-menuss.png) repeat-x;
 display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
	padding-left:25px;
	padding-right:25px;	
}
 a:hover.pgmenuhmncvillaPrestige-simple, a:hover.pgmenuhmncvillaPrestige-simple, a:hover.pgmenuhmncvillaPavillon-simple, a:hover.pgmenuhmncvillaRyad-simple,  a:hover.pgmenuhgmncvillaAndalouse-simple
{color: #fefefe; background: url(img/menuss-hover.png) repeat-x;}

.pgmenuhmncvillaRyad-active, .pgmenuhmncvillaPavillon-active, .pgmenuhmncvillaPrestige-active,  
{color: #fefefe; background: url(img/menuss-hover.png) repeat-x; display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
margin-left: 5px;
padding-left: 35px;
    padding-right: 34px;
    position: relative;
    text-decoration: none;
	color:#fefefe;}
	
.pgmenuhgmncvillaAndalouse-active{
	color: #fefefe; background: url(img/menuss-hover.png) repeat-x; display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
padding-left: 35px;
    padding-right: 34px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
}
.pgmenuhmncvillaRyad-active{
	color: #fefefe; background: url(img/menuss-hover.png) repeat-x; display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
padding-left: 35px;
margin-left: 5px;
    padding-right: 34px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
}
.pgmenuhmncvillaPavillon-active{
	color: #fefefe; background: url(img/menuss-hover.png) repeat-x; display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
	margin-left: 5px;
padding-left: 35px;
    padding-right: 34px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
}
.pgmenuhmncvillaPrestige-active{
	color: #fefefe; background: url(img/menuss-hover.png) repeat-x; display: block;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 37px;
	margin-left: 5px;
padding-left: 35px;
    padding-right: 34px;
    position: relative;
    text-decoration: none;
	color:#fefefe;
}

.pgmenuhdiv2 {
    height: 24px;
    margin-bottom: 15px;
    position: relative;
    width: 970px;
}



.Architecture {
    display: block;
    float: left;
    font-size: 16px;
    height: 22px;
    line-height: 21px;
    padding-right: 5px;
	padding-left:5px;
    position: relative;
    text-decoration: none;
	color:#000;
}

a.Architecture:hover {
    background: none repeat scroll 0 0 #0082C3;
    color: #FFFFFF;
}
.contenu .pgmenuhvilla{
	background:#FFF;	
}
.contenu .pgmenuhvilla:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhvillasel, .contenu a.pgmenuhvillasel {
	background:#0000ee;
}

.contenu .pgmenuhgvillasel, .contenu .pgmenuhvillasel, .contenu a.etmenuvvilla:hover, .contenu .etmenuvvillasel {
    background:#0000ee;
    color: #FFFFFF;
}



.contenu .pgmenuhmk{
	background:#FFF;	
}
.contenu .pgmenuhmk:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhmksel, .contenu a.pgmenuhmksel {
	background:#0000ee;
}

.contenu .pgmenuhgmksel, .contenu .pgmenuhmksel, .contenu a.etmenuvmk:hover, .contenu .etmenuvmksel {
    background: none repeat scroll 0 0 #0000EE;
    color: #FFFFFF;
}


.contenu .pgmenuhmaroc{
	background:#FFF;	
}
.contenu .pgmenuhmaroc:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhmarocsel, .contenu a.pgmenuhmarocsel {
	background:#0000ee;
}

.contenu .pgmenuhgmarocsel, .contenu .pgmenuhmarocsel, .contenu a.etmenuvmaroc:hover, .contenu .etmenuvmarocsel {
    background: none repeat scroll 0 0 #0000EE;
    color: #FFFFFF;
}


.contenu .pgmenuhachat{
	background:#FFF;	
}
.contenu .pgmenuhachat:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhachatsel, .contenu a.pgmenuhachatsel {
	background:#0000ee;
}

.contenu .pgmenuhgachatsel, .contenu .pgmenuhachatsel, .contenu a.etmenuvachat:hover, .contenu .etmenuvachatsel {
    background: none repeat scroll 0 0 #0000EE;
    color: #FFFFFF;
}


.contenu .pgmenuhretraite{
	background:#FFF;	
}
.contenu .pgmenuhretraite:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhretraitesel, .contenu a.pgmenuhretraitesel {
	background:#0000ee;
}

.contenu .pgmenuhgretraitesel, .contenu .pgmenuhretraitesel, .contenu a.etmenuvretraite:hover, .contenu .etmenuvretraitesel {
    background: none repeat scroll 0 0 #0000EE;
    color: #FFFFFF;
}

.contenu .pgmenuhmnc{
	background:#FFF;	
}
.contenu .pgmenuhmnc:hover{
	background:#0000ee;	
	color: #FFFFFF;
}

.contenu a.pgmenuhmncsel, .contenu a.pgmenuhmncsel {
	background:#0000ee;
}

.contenu .pgmenuhgmncsel, .contenu .pgmenuhmncsel, .contenu a.etmenuvmnc:hover, .contenu .etmenuvmncsel {
    background: none repeat scroll 0 0 #0000EE;
    color: #FFFFFF;
}