body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin:0px; padding:0px }

div#pageHaut  { position:relative; margin:0 auto; width:900px }
div#pageHaut2 { position:relative; margin:0 auto; width:900px }
div#friseHaut { width:900px; height:104px }
div#friseHaut2{ width:900px; height:104px }
div#friseBas  { width:100%; height:120px }
div#friseBas2 { width:100%; height:120px }

div#middle  { width:100% }
div#contenu { position:relative; margin:0 auto; width:900px }
div#shadow { position:absolute; z-index:6; visibility:hidden; width:100%; background-color:#000000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity:0.5 }

/* ENTETE
/* ====================================================================== */
div#top      {  }
img#logo     { float:left }
div#topRight { margin-left:380px }


/* Menu principal */
div#cadreRootMenu       { height:19px; padding-top:5px; background:#535353 }
ul#RootMenu             { list-style:none; padding:0px; margin:0px }
li.menu_rubrique        { float:left; display:block; margin:0px 5px 0px 5px 0px; padding:0px 5px 0px 5px }
li.menu_rubrique_select { float:left; display:block; margin:0px 5px 0px 5px 0px; padding:0px 5px 0px 5px }

li.menu_rubrique a        { color:#FFF; text-decoration:none }
li.menu_rubrique_select a { color:#FFF; text-decoration:none; border-bottom:2px solid #FFF }

div#citation { text-align:right }


/* MISE EN PAGE
/* ====================================================================== */
/* Commun */
h1#titrepage  { font-size:24px; color:#FFF; paddding:0px 0px 0px 0px; margin:0px 0px 10px 0px }
.clear        { clear:both }
.noBorder     { border:0px }

table.RichText    { border:1px solid #FFF; width:440px }
table.RichText td { text-align:center }
td.legende        { background-color:#FFF }
td.sepTable       { height:1px; background:#FFF }
td.sepTbH         { width:1px; background:#FFF }


/* page d'accueil */
table#indexTable  { width:293px; border:1px solid #FFF; color:#FFF }
td.servicesV      { width:1px; background:#FFF }
td.servicesH      { height:1px; background:#FFF }
td.ctServices     { text-align:left; padding:10px; vertical-align:top; color:#FFF }

ul.listeServices2    { list-style:none; padding:0px; margin:0px }
ul.listeServices2 li { display:block; padding:7px 0px 7px 0px }

div.listResIndex1     { width:120px; float:left; text-align:left; margin:0px 0px 20px 0px }
div.listResIndex1 img { border:4px solid #FFF; display:block }

div.listResIndex2     { width:120px; float:right; text-align:left; margin:0px 0px 20px 0px }
div.listResIndex2 img { border:4px solid #FFF; display:block }

span.villeIndex      { display:block; width:100%; color:#FFF; font-weight:bold }
div.listResIndex1 a, div.listResIndex2 a { color:#FFF; text-decoration:none }

span.legNom   { font-size:9px }
span.legNom a { font-size:9px; color:#FFF }

div#indexLeft   { float:left; width:280px }
div#indexCenter { margin:0px 300px 20px 300px }
div#indexRight  { float:right; width:280px }

div.pageLeft  { float:left; width:440px }
div.pageRight { float:right; width:440px }

div#indexLeft a, div#indexCenter a, div#indexRight a, div.pageLeft a, div.pageRight a, div.txtPat a, div#adresse a { color:#FFF }
 
  
/* PAGE NOS RESIDENCES */
div.resPat      { margin:0px 0px 20px 0px; height:200px }
div.imgPat      { float:left; border:1px solid #FFF; width:300px; height:150px; text-align:center; padding:10px 0px 10px 0px; background:#FFF }
div.txtPat      { margin:0px 0px 0px 320px; text-align:center }
div.txtPat h2   { margin:0px; padding:0px 0px 2px 0px; font-size:16px; text-align:left }
div.txtPat h2 a { text-decoration:none; color:#FFF }
span.lieuPat    { font-size:16px; background:#FFF; text-align:right; padding:3px }
div.voirFiche   { border-bottom:1px solid #FFF; font-size:16px; text-align:right; height:21px }
div.voirFiche a { background:#FFF; padding:3px }
h2.titreResidence { border:0;color:#FFF;font-weight:700;padding:0;margin:0 }

/* Page contact */
label.legende, span.multi    { color:#FFF; display:block; font-size:16px; padding:3px 0px 0px 0px }
input.inputexte  { display:block; width:90% }
textarea#message { width:90% }
div#cadreSubmitC { display:block; width:92%; text-align:right }
input#submitC    { padding:3px; margin:0px }


/* page réservation */
dl#listeResa { list-style:none; padding:0px 0px 20px 0px; margin:0px }
dt.villeResa { font-weight:bold; font-size:14px; padding-top:10px; color:#FFF }
dd.itemResa  { padding:3px 0px 10px 0px; margin:0px; color:#FFF }

select#civilite  { float:right; margin-right:30px }
textarea#adresse { width:90% }
input#codepostal { width:60px; margin-right:20px }
label.legende_inline { color:#FFF; font-size:16px }
div#cadreSubmitR { width:100%; padding-top:20px; text-align:center }


/* Page résidences */
h1#titrePageRes         { font-size:24px; color:#FFF; paddding:0px 0px 10px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #FFF }
div#cadreChxRes         { float:right; padding-top:5px }
form#formSelectRes      { width:300px; text-align:right }
select#selectRes option { font-size:12px }

div#adresse { margin-bottom:10px }

div#bgGalerie  { width:440px; padding-top:63px; height:270px; text-align:center; background:url(../images/bg_galerie.png) no-repeat center }
a#voir_galerie { color:#FFF; display:block; width:100%; text-align:center; font-size:14px }
div#gmap       { width:440px; height:250px; border:1px solid #A1A1A1 }

div#cadre_bt     { position:relative; margin:0px auto; padding:20px 0px 20px 0px; width:900px; height:30px; color:#FFF; border-top:1px solid #FFF }
div.btReserver   { float:right; height:30px; text-align:left; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; background:url(../images/puce_dl.png) no-repeat left top }
div.btReserver a { display:block; font-size:24px; color:#FFF; text-decoration:none }
div.btFiche      { float:left; width:250px; height:30px; text-align:left; padding:0px 0px 0px 30px; margin:0px 0px 0px 0px; background:url(../images/puce_dl.png) no-repeat left top }
div.btFiche a    { display:block; font-size:24px; color:#FFF; text-decoration:none }

optgroup { font-size:14px; font-weight:bold; font-style:normal; margin-top:10px }

table#tblServices { width:100%; border:1px solid #FFF; color:#FFF }

ul.listeServices    { list-style:none; padding:0px; margin:0px }
ul.listeServices li { display:block; padding:5px 0px 5px 0px; height:24px }

div.pageLeft h3, div.pageRight h3 {font-size:16px;color:#FFF;font-weight:700;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #FFF}

/* PLAN DU SITE
/* =================================================================================== */
div#cadrePlanDuSiteMenu {
	margin:0px 0px 0px 0px;
	height:80px
}

h4.titrePlan { border-bottom:1px solid #FFF }
ul#PlanDuSiteMenu { list-style:none; padding:0px; margin:0px }

li.menu_rubrique_plan         { display:block; float:left; padding:0px 5px 0px 5px; margin:0px 5px 0px 5px }
li.menu_rubrique_plan_select  { display:block; float:left; padding:0px 5px 0px 5px; margin:0px 5px 0px 5px }
li.menu_rubrique_plan2        { display:block; float:left; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px }
li.menu_rubrique_plan2_select { display:block; float:left; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px }

li.menu_rubrique_plan a, li.menu_rubrique_plan2 a { color:#FFF; text-decoration:none }
li.menu_rubrique_plan_select a:hover, li.menu_rubrique_plan_select2 a:hover { color:#FFF; text-decoration:underline }

div.cadreVillePlan        { float:left; width:200px; height:70px }
div.cadreVillePlan h4     { color:#FFF; margin:0px; padding:0px; font-weight:bold }
ul.ListResPlan            { list-style:none; padding:0px; margin:0px }
li.itemPlan               { display:block; margin:0px; padding:0px }
ul.ListResPlan a          { color:#FFF; text-decoration:none }
ul.ListResPlan a:hover    { color:#FFF; text-decoration:underline }


/* PIED DE PAGE
/* ====================================================================== */
div#pied        { width:100%; background:url(../images/pied.gif) #f5f5f6 repeat-x top }
div#piedContenu { margin:0 auto; position:relative; width:900px; background:url(../images/pied_int.gif) no-repeat left top }

div#piedColRight { float:right; width:150px; padding-top:70px }
div#piedColLeft  { width:590px; padding:70px 0px 0px 130px }

h4.titrePied           { color:#6F6E6E }
div.cadreVilleP        { float:left; width:160px; height:70px }
div.cadreVilleP h4     { color:#6F6E6E; margin:0px; padding:0px; font-weight:normal }
ul.piedListRes         { list-style:none; padding:0px; margin:0px }
li.itemPied            { display:block; margin:0px; padding:0px }
ul.piedListRes a       { color:#3BB1E1; text-decoration:none }
ul.piedListRes a:hover { color:#3BB1E1; text-decoration:underline }

ul#mentionsLegales         { list-style:none; padding:0px; margin:0px }
ul#mentionsLegales li      { display:block; text-align:right; padding:0px 0px 5px 0px; color:#6F6E6E }
ul#mentionsLegales a       { color:#6f6e6e; text-decoration:none }
ul#mentionsLegales a:hover { color:#6f6e6e; text-decoration:underline }