/** Feuille de style pour le Spa **/

body    {   margin:0px; padding:0px; background-color: #C0BCA1; font-family:arial; font-weight: normal; font-size:13px; color:#000000;  }

h1      {   font-family:arial; font-size:22px; line-height: 24px; margin-top: 2px; margin-bottom: 2px; }
h2      {   font-family:arial; font-size:24px; line-height: 26px; margin-top: 2px; margin-bottom: 2px; }
h3      {   font-family:arial; font-size:18px; line-height: 22px; margin-top: 2px; margin-bottom: 2px; }
h4      {   font-family:arial; font-size:15px; line-height: 19px; margin-top: 2px; margin-bottom: 2px; }
h5      {   font-family:arial; font-size:13px; line-height: 15px; margin-top: 2px; margin-bottom: 2px; }
h6      {   font-family:arial; font-size:11px; line-height: 13px; margin-top: 2px; margin-bottom: 2px; }
                      

.fixe_width {
    height: 305px;
    position: relative;
    width: 960px;
}

#ligne_haut     {   width:100%; height:257px; text-align: center; background-image:url(../images/interface/background_haut.jpg); background-position: top left; background-repeat: repeat-x; }
#colonne_haut   {   height:257px; width: 100%; background-image:url(../images/interface/background_entete.jpg); background-position: top center; background-repeat: no-repeat;}

#ligne_menu_principal     {   height:48px; background-color: #000000; border-top: 1px solid #9C5021; border-bottom: 1px solid #9C5021;    } 
#colonne_menu_principal   {   width:960px; position:relative; } 

/*#ligne_contenu              {   min-height:450px } */
#ligne_contenu              {   min-height:450px; background-image:url(../images/interface/background_centre.jpg); background-position: top center; background-repeat: repeat-y;} 

#colonne_contenu            {   width: 960px; background-color: #ffffff; min-height:450px; overflow: visible; height: auto; }
#colonne_contenu_gauche     {   float:left; position: absolute; left: 0px; }
#colonne_contenu_droit      {   float:right; }

#ligne_footer    {   width:100%; height:165px; background-color: #000000; border-top: 1px solid #9C5021; border-bottom: 1px solid #A09D8E; overflow: visible; height: auto; } 
#colonne_footer  {   width: 960px; }

a           {   font-family:arial; font-weight: normal; color:#9A501F; text-decoration: none;  }
a:link      {   font-family:arial; font-weight: normal; color:#9A501F; text-decoration: none;  }
a:hover     {   font-family:arial; font-weight: normal; color:#9A501F; text-decoration: underline;  }


/* Les liens */
a.menu_haut         {    font-family:arial; font-weight: bold; font-size:12px; color:#4A2E1F; text-decoration: none;  }
a.menu_haut:link    {    font-family:arial; font-weight: bold; font-size:12px; color:#4A2E1F; text-decoration: none;  }
a.menu_haut:hover   {    font-family:arial; font-weight: bold; font-size:12px; color:#9A501F; text-decoration: none;  }
a.menu_haut_over    {    font-family:arial; font-weight: bold; font-size:12px; color:#9A501F; text-decoration: none;  }

a.menu_principal            {    font-family:arial; font-weight: normal; font-size:24px; color:#ffffff; text-decoration: none;  }
a.menu_principal:link       {    font-family:arial; font-weight: normal; font-size:24px; color:#ffffff; text-decoration: none;  }
a.menu_principal:hover      {    font-family:arial; font-weight: normal; font-size:24px; color:#9A501F; text-decoration: none;  }
a.menu_principal_over       {    font-family:arial; font-weight: normal; font-size:24px; color:#9A501F; text-decoration: none;  }

a.menu_gauche            {    font-family:arial; font-weight: normal; font-size:20px; color:#9A501F; text-decoration: none;  }
a.menu_gauche:link       {    font-family:arial; font-weight: normal; font-size:20px; color:#9A501F; text-decoration: none;  }
a.menu_gauche:hover      {    font-family:arial; font-weight: normal; font-size:20px; color:#000000; text-decoration: none;  }
a.menu_gauche_over       {    font-family:arial; font-weight: normal; font-size:20px; color:#000000; text-decoration: none;  }

a.menu_bas            {    font-family:arial; font-weight: bold; font-size:12px; color:#999999; text-decoration: none; }
a.menu_bas:link       {    font-family:arial; font-weight: bold; font-size:12px; color:#999999; text-decoration: none; }
a.menu_bas:hover      {    font-family:arial; font-weight: bold; font-size:12px; color:#999999; text-decoration: none; }
a.menu_bas_over       {    font-family:arial; font-weight: bold; font-size:12px; color:#999999; text-decoration: none; }

a.menu_bas2            {    font-family:arial; font-weight: normal; font-size:11px; color:#ffffff; text-decoration: none;  }
a.menu_bas2:link       {    font-family:arial; font-weight: normal; font-size:11px; color:#ffffff; text-decoration: none;  }
a.menu_bas2:hover      {    font-family:arial; font-weight: normal; font-size:11px; color:#ffffff; text-decoration: none;  }
a.menu_bas2_over       {    font-family:arial; font-weight: normal; font-size:11px; color:#ffffff; text-decoration: none;  }


a.copyright            {    font-family:arial; font-weight: normal; font-size:11px; color:#999999; text-decoration: none;  }
a.copyright:link       {    font-family:arial; font-weight: normal; font-size:11px; color:#999999; text-decoration: none;  }
a.copyright:hover      {    font-family:arial; font-weight: normal; font-size:11px; color:#999999; text-decoration: none;  }
a.copyright            {    font-family:arial; font-weight: normal; font-size:11px; color:#999999; text-decoration: none;  }


/* conteneur */
div.menu_principal      {    padding-top:10px; text-align:center; width:319px; float:left; font-family:arial; font-weight: normal; font-size:24px; color:#ffffff;  }
div.menu_haut           {    font-family:arial; font-weight: bold; font-size:12px; color:#4A2E1F; padding-top:5px; width: 960px; }
div.menu_gauche         {    }
div.menu_bas            {    margin-bottom: 5px; text-align: left;}
div.menu_bas2           {    margin-bottom: 0px; text-align: left; }
div.copyright           {    font-family:arial; font-weight: normal; font-size:11px; color:#999999; text-decoration: none; margin-bottom: 10px; margin-top: 10px; width: 960px; }


/* Zones */
  /*                                                                                                                                   
.fond-menu-principal    {   height:48px; background-color: #000000; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;    }
.fond-menu-bas          {   height:158px; background-color: #000000; border-top: 1px solid #666666; border-bottom: 1px solid #357873;    }
.fond-contenu           {   height:504px; background-color: #ffffff; width:960px; }
*/

.zone_contenu                   {   width: 960px; text-align: left; background-color: #ffffff; } 
.conteneur_menu_gauche          {   float:left; margin-left:30px; margin-top:30px; vertical-align: top; text-align: left; width: 300px; }
.conteneur_contenu_principal    {   float:right; margin-right:30px; margin-top:30px; vertical-align: top; text-align: left; width: 600px;   }
.conteneur_contenu_full         {   float:left; margin-right:30px; margin-left:30px; margin-top:30px; vertical-align: top; text-align: left; width: 900px;   }
                        
.cellule_menu_bas       {   float:left; margin-left:60px; margin-top:10px;  }
.zone-menu-gauche       {   width: 300px; vertical-align: top; text-align: left; }                                     
.zone_adresse           {   text-align: left; width: 224px; height: 120px; border: 1px solid #362215; color:#ffffff; background-color: #9A501F; margin-left:30px; margin-top:15px;}
.adresse                {   color:#ffffff; margin-top: 10px; font-family:arial; font-weight: normal; font-size:16px; margin-left: 30px; }
.telephone              {   color:#000000; margin-top: 10px; font-family:arial; font-weight: bold; font-size:16px; margin-left: 30px; }


.ligne-point         {   height:2px; border-top: 2px dotted #9A501F; width: 225px; margin-top:7px; margin-bottom:7px; }
.ligne-point2         {   height:2px; border-top: 2px dotted #9A501F; margin-top:7px; margin-bottom:7px; }

.ligne_trait        {   border-top:1px dashed #999999; height:1px; }

.image_gauche        {   border:1px dashed #C4C4C4; padding:5px; float:left; }
.image_centre        {   border:1px dashed #C4C4C4; padding:5px; float:left; margin-left: 2px; }
.image_droite        {   border:1px dashed #C4C4C4; padding:5px; float:right;   }   

.image_album        {   border:1px dashed #C4C4C4; padding:5px; float:left; width: 100px; height:100px; margin:3px; text-align: center; }
                             
.cellule_gauche        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_centre        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_droite        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_contenu       {    width: 280px; text-align: left; padding:5px; margin-top:10px; } 
              
.cellule_gauche        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_centre        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_droite        {    float:left; margin-top: 0px; width: 300px; text-align: center; margin-left:0px; }
.cellule_contenu       {    width: 280px; text-align: left; padding:5px; margin-top:10px; }                                                                

/* Texte */
.titre              {    font-family:arial; font-weight: normal; font-size:22px; color:#9A501F;  }
.texte_intro        {    margin-top: 15px; font-family:arial; font-weight: normal; font-size:15px; color:#000000;  }              
.texte              {    font-family:arial; font-weight: normal; font-size:13px; color:#000000;  }              
.contenu            {    margin-top: 15px; font-family:arial; font-weight: normal; font-size:13px; color:#000000;  } 
.texte_detail       {    height:20px; font-family:arial; font-size:13px; color:#000000; }
.texte_description       {      font-family:arial; font-size:13px; color:#000000; font-weight: normal; }
.texte_suite        {    height:20px; font-family:arial; font-size:13px; font-weight: bold; color:#000000; }
.texte_prix         {    float:right; height:30px; }
.titre_tableau      {    font-family:arial; font-weight: bold; font-size:15px; color:#9A501F; text-transform:uppercase;   }

ul  {   }
li  {   line-height: 1.2em} 

ul.contenu li {
    font-size: 1.154em;
    line-height: 1.2em;
} 

#facebook                   {   float:right; margin-right: 30px; margin-top: 30px;}
#facebook a                 {   font-family:arial; font-weight: bold; font-size:14px; color:#465e8d; text-decoration: none; margin-top: 20px; }
#facebook a img             {   vertical-align: middle; border:0px;  margin-bottom: 3px}

.tag_special
{
    border: 0 none;
    bottom: 25px;    
    position: absolute;
    right: -20px;
}

.cellule_plan_site
{
    float:left; 
    vertical-align: top;    
}

.cellule_plan_site_margin
{       
    margin-left: 45px;
}

.clear-both
{
    clear: both;
}

.add_margin
{
    margin-right:10px;
}

.note {
    color: #000000;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
}

h6 {
    font-family: arial;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.image_album_large        {   border:1px dashed #C4C4C4; padding:5px; float:left; width: 175px; height:210px; margin:5px; text-align: center; }