@charset "UTF-8";
/* CSS La Palmeraie Marseille by zenkilla.com */

/***********************/
/******** GENERAL *****/
/*********************/
* {
    margin: 0;
    padding: 0;
}
img{border:none;}
body{
    margin: 0 auto;
    background: url("image/bg_principal.jpg") repeat-x scroll 0 0 #B8DAED;
    font-family:"georgia", serif;
}
#positionSite{
    background: url("image/bg_global.jpg") no-repeat scroll center 0 transparent;
    /*margin: 0 auto;
    width: 1440px;*/
}
h1 {color: #06DCF4;
    font-size: 21px;
    font-weight: normal;
}

/***********************/
/******** HEADER ******/
/*********************/

#header{
    /*background: url("image/bg_header.jpg") repeat scroll 0 0 transparent;*/
    height: 158px;
    margin: 0 auto;
    width: 900px;
    position:relative;
}

#lienHome{
    left: 0px;
    position: absolute;
    top: 0;
}
#lienHome a {
    float:left;
    height: 85px;
    width: 330px;
}
#lienHome span {
    display:none;
}
#header_baseline h1{
    color: #192640;
    font-size: 13px;
    left: 50px;
    position: absolute;
    top: 72px;
}

/*LANGUES*/
#langues{
    background: url("image/bg_langue.gif") no-repeat scroll 0 0 transparent;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 143px;
}
#texte_langue{
    color: #000000;
    float: left;
    font-family: verdana;
    font-size: 11px;
    margin: 6px 10px 5px 15px;
}

#fr{
    margin-top: 5px;
}
#fr a {
    background: url("image/ico_drapeaux.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 25px;
}
#fr span{
    display:none;
}
#en{
    margin-top: 5px;
}
#en a {
    background: url("image/ico_drapeaux.gif") no-repeat scroll right 0 transparent;
    float: left;
    height: 18px;
    width: 25px;
     margin-left: 4px;
}
#en span{
    display:none;
}

/*MENU*/

#menu{
    font-size: 14px;
    font-weight: normal;
    height: 39px;
    left: 0px;
    line-height: 39px;
    position: absolute;
    top: 112px;
}
#menu ul{
    list-style: none outside none;
}
#menu li{
    display: inline;
    float: left;
    text-align: center;
}

#menu a{
    text-decoration:none;
    color:#fff;
    height:39px
}



/*reglage du menu*/

#menu li#bienvenue{
     width: 97px;
}
#menu li#chambres{
    width: 127px;
}
#menu li#studio{
    width: 74px;
}
#menu li#situation{
    width: 143px;
}
#menu li#tarifs{
    width: 139px;
}
#menu li#liens{
    width: 51px;
}
#menu li#contact{
    width: 100px;
}

/*etat survol et actif*/


#menu li#bienvenue a.actif,
#menu li#bienvenue a:hover{
     background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 97px;
}
#menu li#chambres a.actif,
#menu li#chambres a:hover{
    background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 127px;
}
#menu li#studio a.actif,
#menu li#studio a:hover{
    background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 74px;
}
#menu li#situation a.actif,
#menu li#situation a:hover{
    background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 143px;
}
#menu li#tarifs a.actif,
#menu li#tarifs a:hover{
    background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 139px;
}
#menu li#liens a.actif,
#menu li#liens a:hover{
    background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
    float: left;
     width: 51px;
}
#menu li#contact a.actif,
#menu li#contact a:hover{
        background: url("image/bg_menu_hover.jpg") repeat scroll 0 0 transparent;
        float: left;
        width: 100px;
}

/***********************/
/******** HOME*********/
/*********************/

#content{
    min-height: 500px;
    width: 902px;
    margin:0 auto;
}


/*TOP CONTENT*/


#top_content{
    /*background: url("image/bg_top_content.png") repeat-x scroll 0 -37px transparent;*/
    margin-left: 3px;
    min-height: 319px;
}
#flash_home{
    float: left;
  margin-left: 15px;
  overflow: hidden;
  width: 624px;
  margin-top: 13px;
    height: 400px;
    
}
#top_content #texte_presentation{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
     font-size: 14px;
    line-height: 21px;
    padding: 19px;
    position: relative;
    width: 205px;
    margin-top: 13px;
    margin-right: 17px;
}

#top_content #texte_presentation a{
     background-image: url("image/360-petit.gif");
     background-repeat:no-repeat;
     background-position: 0 center;
    color: #00DCF4;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin: 7px 0;
    padding-left: 20px;
    text-decoration: none;
    
}

object:focus  { outline: none; }

#top_content #texte_presentation #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}
#recommandations{
/*  background: url("image/bg_recommandations.jpg") repeat scroll 0 0 transparent;*/
    float: right;
    height: 87px;
    width: 230px;
    margin-right: 18px;
    margin-top: 14px;
}
#texteOasis {
    color: #555555;
    float: left;
    margin: 13px 5px 0 12px;
}
#clevacances{
    background: url("image/clevacances.jpg") no-repeat scroll 0 0 transparent;
    height: 77px;
    margin: 5px auto;
    width: 161px;
}
#tripAdvisorHome {
    position: fixed;
    right: 25px;
    top: 45px;
}

/*BOTTOM CONTENT*/


#bottom_content{
    float:left;
    margin: 25px 0;
    color:#fff;
}
#bottom_content h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px;
}
#bottom_content h2 a{
    text-decoration:none;
    color:#fff;
}

/*ENCARD*/

.commun_encard{
    float: left;
    height: 150px;
    margin-right: 17px;
    width: 288px;
}
#bottom_content #texte_encard{
    background: url("image/bg_encards.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 123px;
    padding: 13px;
    position: relative;
    width: 135px;
}
#bottom_content #texte_encard a{
    text-decoration:none;
    color:#fff;
}
#bottom_content #texte_encard span{
    font-size: 13px;
    line-height: 20px;
}
#bottom_content #image{
    float: left;
    height: 149px;
    width: 127px;
}
#bottom_content #texte_encard #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -20px;
    position: absolute;
    top: 10px;
    width: 21px;
}
#encard1{}
#encard1 #image {
    background: url("image/img_calanques.gif") repeat scroll -1px 0 transparent;
}
#encard2{}
#encard2 #image {
    background: url("image/img_marseille.gif") repeat scroll -1px 0 transparent;
}
#encard3{
    margin:0;
}
#encard3 #image {
    background: url("image/img_restau.gif") repeat scroll -1px 0 transparent;
}
/******************************************/
/********        STUDIO          *********/
/****************************************/


#texte_studio{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    line-height: 25px;
    margin-right: 22px;
    margin-top: 55px;
    margin-bottom: 25px;
    padding: 20px;
    position: relative;
    width: 385px;
}
#texte_studio h2,
#texte_situation h3,
#texte_chambres h2 {
      color: #06DCF4;
  font-size: 21px;
  font-weight: normal;
}
#top_content #texte_studio #fleche,
#top_content #texte_situation #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}
#bt_reserver{
    clear: both;
    color: #06DCF4;
    float: right;
    font-size: 15px;
    font-weight: normal !important;
    height: 57px;
    line-height: 57px;
    margin: 0 0 40px 4px;
    padding: 0 15px;
}
#bt_reserver a{
    text-decoration:none;
    color: #06DCF4;
}
#studio #bt_reserver a{
    font-size: 17px;
}

#flashContent { 
    float: left;
    padding-top: 53px;
}

/******************************************/
/********        CHAMBRES        *********/
/****************************************/


#texte_chambres{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    line-height: 25px;
    margin-right: 22px;
    margin-top: 55px;
    padding: 20px;
    position: relative;
    width: 385px;
}
#top_content #texte_chambres #fleche,
#top_content #texte_chambres #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}

#pageAccueil #flashContent { 
    float: left;
    padding-top: 13px;
}
#flashContent { 
    float: left;
    padding-top: 53px;
}

.visite360 {}
.visite360 a {
    background: url(image/bt_reserver.jpg) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    font-weight: normal !important;
    height: 46px;
    line-height: 46px;
    margin: 0 4px 23px;
    padding: 0px 15px 0 8px;
    text-decoration: none;
}
.visite360.salon a,
.visite360.chambre a {

}
.visite360.chambre2 a {
    float: left;
    margin: 20px 0 40px 27px;
    padding: 0 9px;
    width: 270px;

}
.visite360.chambre2 span {
    background: url(image/360.gif) no-repeat scroll 0 7px transparent;
    display: block;
    height: 46px;
    line-height: 46px;
    padding-left: 34px;
}
.visite360 a span{
    background: url("image/360.gif") no-repeat scroll 0 center transparent;
    display: block;
    height: 47px;
    padding-left: 40px;
}


/******************************************/
/********        CHAMBRES 2      *********/
/****************************************/


#texte_chambres2{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    line-height: 25px;
    margin-left: 28px;
    margin-right: 4px;
    padding: 20px;
    position: relative;
    width: 385px;
}

#bottom_content #texte_chambres2 #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}
#bt_reserver2{
    color: #06DCF4;
    float: right;
    font-size: 15px;
    font-weight: normal !important;
    height: 57px;
    line-height: 57px;
    margin: 20px 4px 40px;
    padding: 0 15px;
}
#bt_reserver2 a{
    text-decoration:none;
    color: #06DCF4;
}
#studio #bt_reserver{margin-right:18px;}

#flashContent2 { 
    float: right;
}

#chambres-hotes #bottom_content {
    background: url("image/separateur.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    float: left;
    margin: 0 0 25px;
    padding-top: 38px;
}
#bt-container {
    clear: both;
    float: left;
    margin: 20px 0 0 0;
    width: 892px;
}

/******************************************/
/******** SITUATION ET ACTIVITES *********/
/****************************************/


/*TOP CONTENT*/
#situation_et_activites #bottom_content {
    float: right;
}
#map{
    background: url("image/map.gif") repeat scroll 0 0 transparent;
    float: left;
    height: 282px;
    margin: 55px 0 0 20px;
    width: 346px;
}
#map a{
    color:#30699E !important;
    text-decoration:none;
    font-family:arial;
    font-size:10px;
    padding-top:10px;
    display:block;
}
#texte_situation{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    line-height: 25px;
    margin-right: 22px;
    margin-top: 55px;
    padding: 20px;
    position: relative;
    width: 359px;
}


/*BOTTOM CONTENT*/

#news{
    background: url("image/bg_news.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 311px;
    margin-right: 18px;
    width: 247px;
}

#news #imageCalanque {
    background: url("image/calanques.jpg") no-repeat scroll 0 0 transparent;
    height: 150px;
    width: 247px;
}
#news #texteCalanques {
    font-size: 14px;
    padding: 10px;
}
#situation_et_activites{}

#encard_activites{
    float:right;
    width: 614px;
}
#encard4{}
#encard4 #image{
    background: url("image/img_golf.gif") repeat scroll -1px 0 transparent;
}
#encard5{}
#encard5 #image {
    background: url("image/img_plongee.gif") repeat scroll -1px 0 transparent;
}
#encard6{
    clear: both;
    float: right;
    margin-top: 10px;
}
#encard6 #image {
    background: url("image/img_shopping.gif") repeat scroll -1px 0 transparent;
}
#encard7{
    margin-top: 10px;
}
#encard7 #image {
    background: url("image/salle_gym.jpg") repeat scroll -1px 0 transparent;
}



/******************************************/
/******** TARIFS ET RESERVATIONS *********/
/****************************************/
#images_tarifs_res{
    background: url("image/tarifs-reservations.png") no-repeat scroll 40px 24px transparent;
    float: left;
    height: 345px;
    width: 605px;
}

#tarifs_res{
    margin: 0 auto;
    width: 670px;
}

.titre{
    clear: left;
    float: none;
    margin: 5px;
}
.table_tarifs{
    border-collapse: collapse;
    width: 670px;
    margin: 10px 0;
    border: 1px solid #2E699D;
    float: left;
}
.table_tarifs tr td.colonne1,
.table_tarifs tr td.colonne2,
.table_tarifs tr td.colonne3,
.table_tarifs tr td.colonne4 {
    border-bottom: 1px solid #2E699D;
    border-right: 1px solid #2E699D;
    padding: 5px;
    font-size: 15px;
}
.unelignesurdeux{
    background:#eaf0f5 !important;
}
.table_tarifs tr td.colonne2,
.table_tarifs tr td.colonne3,
.table_tarifs tr td.colonne4 {
    text-align:center;
}
.table_tarifs tr{
    background:#fff;
    color:#356c9f;
}
.table_tarifs tr.table_content{
    background:#9ab5cf;
    color:#fff;
}
#tarif_suite_palmeraie{
    float: left;
}
.tetiere_tableau{
    background: url("image/tetiere.gif") no-repeat scroll 0 0 transparent !important;
    color: #FFFFFF !important;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
#texte_tarifs_middle{
    float:left;
}
.text_desc{
    float: left;
    font-size: 14px;
    margin: 5px;
    text-align: justify;
    color: #356C9F;
}
#div_formulaire{
    background: none repeat scroll 0 0 #2E699D;
    clear: left;
    color: #FFFFFF;
    margin: 0 auto 20px;
    padding: 30px;
    width: 457px;
    overflow: auto;
}
.formulaire{
    float:left;
}

.formulaire td{
    padding: 2px 0;
}
#gdtitre,
#demande{
     background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    color: #356C9F;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 10px 0;
    text-indent: 28px;
}
#info_resa{
    margin-bottom: 14px;
    text-align: center;
}
#button_conntainer{
    float:left;
    margin: 10px 0 0 90px;
}
#button_conntainer input{
    background: url("image/bg_menu_hover.jpg") repeat-x scroll 0 bottom transparent;
    border-color: -moz-use-text-color -moz-use-text-color #3F86BA;
    border-radius: 10px 10px 10px 10px;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    margin-left: 10px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.details {
    font-size:12px;
}
.miseEnAvant {
    color: #f34d4d;
    font-weight: bold;
    font-size: 17px;
}
/***********************/
/******** FOOTER ******/
/*********************/

#footer{
    background: url("image/bg_footer.jpg") repeat-x scroll 0 0 #363833;
    clear: both;
    height: 400px;
}
#footer_content{
    height: 170px;
    margin: 0 auto;
    width: 900px;
    position:relative;
}
#footer_logo{}
#footer_logo a{
    background: url("image/logo_footer.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    left: 40px;
    position: absolute;
    top: 35px;
    width: 267px;
}
#footer_logo span{
    display:none;
}
#footer_baseline{
    color: #7A7A78;
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    left: 55px;
    position: absolute;
    top: 85px;
}
#footer_infos{
    background: url("image/bg_encard_footer.gif") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 14px;
    height: 117px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    width: 549px;
    padding-top: 22px;
} 

#footer_infos span {}

#footer_infos a{
    color: #FFFFFF;
    text-decoration: none;
} 
#seo{
     color: #7A7A78;
    font-family: verdana;
    font-size: 10px;
    position: absolute;
    top: 141px;
    width: 899px;
}

#seo span#links{
    display: inline-block;
    margin-left: 0;
    margin-top: 8px;
    position: absolute;
    right: 0;
    text-align: justify;
    vertical-align: top;
    width: 547px;
}
#seo a{
    color: #7A7A78;
    text-decoration:none;
}


/******* tripAdvisor ********/
#tripAdvisor{
    display: inline-block;
    margin-left: 30px;
    width: 170px;
}

#top_content #liens{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    line-height: 25px;
    padding: 19px;
    position: relative;
    width: 780px;
    margin-top: 35px;
    margin-right: 35px;
}

#top_content #liens #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}
#top_content #liens ul{
    font-size: 14px;
    margin-bottom: 40px;
    margin-left: 120px;
    margin-top: 20px;
}

#top_content #liens a{
    color:#fff;
    text-decoration:none;
}
#top_content #liens a:hover{
    color:#06DCF4;
}
#tripAdvisor span:last-child {
    position: static;
    text-align: left;

}
#CDSWIDCOE.widCOE .widCOEDate .widCOEDateText {
   text-align:center !important;
}

#signature {
    position: absolute;
    right: 0;
    text-align: right;
    top: 175px;
    width:300px;
}
#signature span{
    text-align: right;
    width: auto;
}
/****** fleur du soleil ******/
#fleur {
    left: 204px;
    position: absolute;
    top: 117px;
}

/****** HQMP ********/

#hqmp a{
     background: url("image/hqmp.gif") no-repeat scroll 0 0 transparent;
    bottom: 68px;
    height: 81px;
    left: 200px;
    position: absolute;
    width: 140px;
    top: 11px;
}

.carrousel-home button {
      display: none !important;
}


#fute {
    background: url("image/fute.jpg") no-repeat scroll 0 0 transparent;
    height: 53px;
    left: 40px;
    position: absolute;
    width: 152px;
    top: 142px;
}
#visit {
  background: url("image/visiteprovence.jpg") no-repeat scroll 0 0 transparent;
  height: 34px;
  left: 200px;
  position: absolute;
  width: 140px;
  top: 97px;
}
#office {
    background: url("image/office-tourisme-marseille.jpg") no-repeat scroll 0 0 transparent;    
    height: 58px;
    left: 200px;
    position: absolute;
    width: 140px;
    top: 137px;
}
#fute a, #visit a, #office a {
    display: block;
    height: 100%;
    width: 100%;
}


#liste_liens h1,  #liste_liens h2 {
    color: #06DCF4;
  font-size: 21px;
  font-weight: normal;
}

/* Carrousel studio */

#studio #flashContent {
    position: relative;
  width: 375px;
   height: 314px; 
   overflow: hidden; 
  padding: 54px 30px 0 30px;
}

#chambres-hotes  #flashContent {
    position: relative;
  width: 375px;
   height: 314px; 
   overflow: hidden; 
  padding: 54px 30px 0 30px;
}
#chambres-hotes  #flashContent2 {
    position: relative;
  width: 375px;
   height: 314px; 
   overflow: hidden; 
  padding: 1px 30px 0 30px;
}
#CDSWIDCOE {
    margin:  10px !important;
}
#CDSWIDFRR {
     margin: 0 0 0 35px !important;
}

/* SOPHROLOGIE */
.sophro {
    padding: 30px;
}
.head {
    background: url("image/bg_sophro.png") no-repeat scroll right 0 #356C9F !important;
}
.sep {
    background:url("image/separateur.png") no-repeat scroll center top transparent;
    height:2px;
}
.sophro h1 {
    font-size: 30px;
    color: #fff;
}
.sophro h2 {
    font-size: 20px;
    color: #06DCF4;
}
.sophro h3 {
    font-size: 20px;

}
#top_content .sophro a {
    text-decoration: underline;
    color: #fff;
}
#top_content .liens{
    background: none repeat scroll 0 0 #356C9F;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    line-height: 25px;
    padding: 19px;
    position: relative;
    width: 780px;
    margin-top: 35px;
    margin-right: 35px;
}

#top_content .liens #fleche{
    background: url("image/ico_fleche_encards.jpg") no-repeat scroll 0 0 transparent;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 22px;
    width: 21px;
}
.content {
    background: url("image/logo-sophrologie.png") no-repeat scroll 88% 88% transparent;
}