/**
 * style.css
 */

html, body, div, img, h1, h2, h3, p, a, dl, dt, dd, form, fieldset, input.text, textarea
                {
                    margin:             0px 0px 0px 0px;
                    padding:            0px 0px 0px 0px;
                    border:             0px;
                    outline:            0px;
                    font-weight:        inherit;
                    font-style:         inherit;
                    font-size:          100%;
                    font-family:        inherit;
                    vertical-align:     baseline;
                }

body            {
                    background:         #000;
                    width:              1016px;
                    margin:             auto;
                    font-family:        Arial, sans-serif;
                    font-size:          76%;
                    color:              #fff;

                    scrollbar-base-color:           #000;
                    scrollbar-arrow-color:          #ccc;
                    scrollbar-shadow-color:         #AF2578;
                    scrollbar-lightshadow-color:    #000;
                    scrollbar-darkshadow-color:     #000;
                    scrollbar-highlight-color:      #000;
                    scrollbar-3dlight-color:        #DD62AC;
                }

#contour        {
                    position:           relative;
                    width:              1016px;
                    height:             546px;
                    top:                25px;   /* ici on peut regler l'offset en haut */
                    margin:             auto;
                    background:         rgb(69,7,44);
                }

/****************************** Bloc principal *******************************/
#main           {
                    position:           relative;
                    width:              931px;
                    height:             475px;
                    margin:             auto;
                    top:                29px;
                    background:         url('../images/background.gif');
                }

#top            {
                    width:              931px;
                    height:             52px;
                    background:         url('../images/top.jpg');
                }

#bottom         {
                    position:           absolute;
                    width:              931px;
                    height:             313px;
                    bottom:             0;
                    background:         url('../images/bottom.jpg');
                }

/********************************** Titre ************************************/
#title          {
                    position:           absolute;
                    width:              224px;
                    height:             114px;
                    top:                40px;
                    left:               213px;
                    background:         url('../images/title.jpg');
                }

#title h1       {
                    display:            none;
                }

/********************************* Copyright *********************************/
#copyright      {
                    margin-top:         20px;
                    font-size:          0.9em;
                    text-align:         center;
                    color:              #aaa;
					/*width:              600px;*/
                }

#copyright a    {
                    color:              #aaa;
                    text-decoration:    none;
                }

/*********************************** Menu ************************************/
#menu           {
                    position:           absolute;
                    top:                25px;
                    left:               70px;
                    list-style:         url('../images/list_decoration.gif');
                }

ul#menu         {
                    margin:             0;
                    padding:            0;
                }

#menu li a      {
                    display:            block;
                    width:              85px;
                    height:             25px;
                    color:              #fff;
                    text-decoration:    none;
                    font-size:          1.4em;
                    font-weight:        bold;
                }

#menu span      {
                    visibility:         hidden;
                }

a.menu_accueil   {
                    background:         url('../images/menu_accueil.gif') no-repeat;
                }

a.menu_actu      {
                    background:         url('../images/menu_actu.gif') no-repeat;
                }

a.menu_soins     {
                    background:         url('../images/menu_soins.gif') no-repeat;
                }

a.menu_detente   {
                    background:         url('../images/menu_detente.gif') no-repeat;
                }

a.menu_beaute    {
                    background:         url('../images/menu_beaute.gif') no-repeat;
                }

a.menu_contacts  {
                    background:         url('../images/menu_contacts.gif') no-repeat;
                }

/****************************** Liste de photos ******************************/
#pics_small img,
#pics_med img,
#img_large img  {
                    border:             1px solid white;
                }

#pics_small     {
                    position:           absolute;
                    width:              148px !important;
                    width:              154px; /* IE6 */
                    left:               535px;
                    top:                30px;
                    list-style:         none;
                }

ul#pics_small   {
                    margin:             0;
                    padding:            0;
                }

#pics_small li  {
                    width:              65px;
                    height:             65px;
                    margin-right:       7px !important;
                    margin-right:       10px; /* IE6 */
                    margin-bottom:      7px;
                    float:              left;
                }

#pics_med       {
                    position:           absolute;
                    width:              197px;
                    height:             262px;
                    right:              40px;
                    top:                30px;
                    list-style:         none;
                }

ul#pics_med     {
                    margin:             0;
                    padding:            0;
                }

#pics_med li    {
                    width:              197px;
                    height:             127px;
                    margin-bottom:      7px;
                }

a#img_large     {
                    display:            block;
                    position:           absolute;
                    width:              197px;
                    height:             262px;
                    top:                30px;
                    right:              40px;
                }

/*************************** Infos de pas de page ****************************/
#contact_infos  {
                    position:           absolute;
                    width:              435px;
                    bottom:             15px;
                    left:               315px;
                    text-align:         center;
                    font-size:          1.1em;
                }

#contact_infos a{
                    color:              #fff;
                    text-decoration:    none;
                }

#contact_infos a:hover
                {
                    border-bottom:      1px gray dashed;
                }

#contact_infos address
                {
                    font-style:         normal;
                }

/******************************* Bloc de texte *******************************/
#content        {
                    position:           absolute;
                    width:              460px;
                    height:             200px;
                    top:                180px;
                    left:               205px;
                    background:         url('../images/content_bottom.gif') no-repeat bottom right;
                    font-size:          1.2em;
                }

#admin-content  {
                    position:           absolute;
                    width:              700px;
                    height:             300px;
                    top:                55px;
                    left:               205px;
                    overflow:           auto;
                    background:         url('../images/content_bottom.gif') no-repeat bottom right;
                    font-size:          1.2em;
                }

#content #text,
#content #news  {
                    width:              100%;
                    height:             185px;
                    padding-right:      10px;
                }

#admin-content #text
                {
                    width:              100%;
                    height:             285px;
                }

#content #text,
#content #news,
#admin-content #text
                {
                    overflow:           auto;
                }

#content #text strong
                {
                    font-weight:        normal;
                }

#content h2     {
                    font-size:          1.1em;
                    font-weight:        bold;
                    text-transform:     uppercase;
                }

#content h3     {
                    text-transform:     uppercase;
                }

#content #text.services h2
                {
                    margin-top:         10px;
                    color:              #AF2578;
                }

#content #text.services h3
                {
                    margin-left:        10px;
                }

#content p      {
                    margin-bottom:      10px;
                    text-align:         justify;
                }

#content p a    {
                    color:              white;
                    text-decoration:    none;
                    font-weight:        bold;
                }

#content p.footnote
                {
                    margin:             10px 20px 0 20px;
                    padding-top:        5px;
                    text-align:         center;
                    font-size:          0.8em;
                    border-top:         1px solid gray;
                }

#content h3.left_float
                {
                    float:              left;
                }

#content dt.left_float
                {
                    float:              left;
                    margin-left:        20px;
                }

#content dt.detail
                {
                    margin-left:        50px;
                }

#content dd     {
                    padding-left:       400px;
                    text-align:         right;
                }

/*********************************** News ************************************/
#content #news p.date
                {
                    float:              right;
                    padding-top:        1px;
                }

#content #news p.text
                {
                    padding-bottom:     5px;
                }

#content #news img
                {
                    border:             0;
                }

#content #news a{
                    color:              white;
                }

#content #news a.thickbox
                {
                    display:            block;
                    width:              40px;
                    height:             40px;
                    float:              left;
                    margin:             5px 10px 0 0;
                    border:             1px solid white;
                }

#content #news p.more
                {
                    padding-bottom:     10px;
                    text-align:         right;
                    border-bottom:      1px solid gray;
                }

#content #news h2 a,
#content #news p.more a
                {
                    color:              white;
                    font-weight:        bold;
                    text-decoration:    none;
                }

/*************************** Formulaire de contact ***************************/
form#contact fieldset
                {
                    width:              460px;
                    height:             185px;
                    margin:             auto;
                    border:             1px solid white;
                }

form#contact legend
                {
                    margin-left:        50px;
                }

form#contact div#form_content
                {
                    height:             165px;
                    margin-right:       2px;
                    overflow:           auto;
                }

form#contact p  {
                    margin:             0 10px 4px 10px;
                    text-align:         right;
                }

form#contact p#message
                {
                    text-align:         left;
                }

form#contact label
                {
                    float:              left;
                }

form#contact input.text,
form#contact textarea
                {
                    width:              300px;
                    border-top:         1px solid #AF2578;
                    border-left:        1px solid #AF2578;
                    border-bottom:      1px solid #DD62AC;
                    border-right:       1px solid #DD62AC;
                    resize:             none;   /* Safari 3.x */
                }

form#contact#contact textarea
                {
                    height:             60px;
                }

form#write-news textarea
                {
                    height:             100px;
                }

form#contact input.button
                {
                    margin-top:         5px;
                    font-size:          1em;
                }

/***************************** Formulaire de news ****************************/
form#write-news fieldset
                {
                    height:             260px;
                    border:             1px solid white;
                }

form#write-news legend
                {
                    margin-left:        50px;
                }

form#write-news div#form_content
                {
                    height:             240px;
                    overflow:           auto;
                }

form#write-news p
                {
                    margin:             0 10px 0 10px;
                    text-align:         right;
                }

form#write-news p.top
                {
                    margin-top:         10px;
                }

form#write-news p.right
                {
                    width:              380px;
                    float:              right;
                    padding-left:       10px;
                    border-left:        1px solid gray;
                }

form#write-news p.bottom
                {
                    clear:              both;
                    text-align:         center;
                }

form#write-news label
                {
                    float:              left;
                }

form#write-news label[for="texte"]
                {
                    display:            block;
                    float:              none;
                    text-align:         left;
                }

form#write-news input.text,
form#write-news input.file,
form#write-news textarea
                {
                    margin-bottom:      5px;
                    border-top:         1px solid #AF2578;
                    border-left:        1px solid #AF2578;
                    border-bottom:      1px solid #DD62AC;
                    border-right:       1px solid #DD62AC;
                    resize:             none;   /* Safari 3.x */
                }

form#write-news input#date
                {
                    width:              80px;
                    margin-right:       15px;
                    text-align:         right;
                }

form#write-news input#titre
                {
                    width:              620px;
                }

form#write-news input#lien,
form#write-news input#image
                {
                    width:              225px;
                }

form#write-news input#image
                {
                    margin-top:         5px;
                }

/* IE 6 */
* html form#write-news input#lien,
* html form#write-news input#image
                {
                    width:              200px;
                }

form#write-news textarea
                {
                    width:              365px;
                }

form#write-news input.button
                {
                    margin-top:         5px;
                    font-size:          1em;
                }

form#write-news span.image
                {
                    float:              left;
                }

form#write-news img
                {
                    border:             1px solid white;
                }

form#write-news a.thickbox
                {
                    float:              left;
                    margin-right:       20px;
                }

form#write-news a.dp-choose-date
                {
                    display:            block;
                    float:              right;
                	width:              16px;
                	height:             16px;
                    margin:             2px 1px 0 0;
                	background:         url('../images/calendar_month.gif') no-repeat;
                    border:             0;
                    font-size:          0%;
                    text-decoration:    none;
                }

/*********************** Identification administration ***********************/
form#login      {
                    width:              290px;
                    margin:             auto;
                    margin-top:         50px;
                }

form#login fieldset
                {
                    border:             1px solid white;
                }

form#login legend
                {
                    margin-left:        50px;
                }

form#login p    {
                    margin:             15px;
                    text-align:         right;
                }

form#login input[type=password]
                {
                    width:              150px;
                    border-top:         1px solid #AF2578;
                    border-left:        1px solid #AF2578;
                    border-bottom:      1px solid #DD62AC;
                    border-right:       1px solid #DD62AC;
                }

form#write-news label
                {
                    float:              left;
                }

/******************************* Administration ******************************/
#admin-content a{
                    color:              white;
                }

#admin-content #text div.admin_news
                {
                    margin-top:         10px;
                    border-top:         1px solid gray;
                }

#admin-content #text div.title
                {
                    margin:             5px 0 0px 0;
                    font-weight:        bold;
                    text-decoration:    none;
                }

#admin-content #text div.title a
                {
                    text-decoration:    none;
                }

#admin-content #text div.admin_news div.left_float
                {
                    float:              left;
                    margin:             9px 5px 0 0;
                }

#admin-content #text div.admin_news a.right_float
                {
                    float:              right;
                    margin:             4px 5px 0 0;
                }

#admin-content #text img
                {
                    border:             1px solid white;
                }

#admin-content #text div.date
                {
                    float:              left;
                    margin:             5px 15px 0 0;
                    text-align:         left;
                }

#admin-content #text div.lien
                {
                    height:             1em;
                }

#admin-content #text div.texte
                {
                    margin:             0;
                    padding-bottom:     5px;
                    border-bottom:      1px solid gray;
                }