body
{
background: #fff836;

}


######################################### Cadre principal  ##############################################"

.haut {
        height: 28px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
}
.milieu {
        height: 100%; /*Ici on dit au milieu de prendre toute la longueur possible*/
}
.bas {
        height: 8px; /*Ici on indique la taille du bas, comme pour le haut*/
}

td.haut_gauche {
        width: 18px; /*On indique la largeur du coin haut gauche*/
        height: 100%; /*On lui indique de prendre toute la longueur possible.*/
        background-image: url(../images/haut-gauche.png);
		background-repeat: no-repeat;
}
td.haut_droite { /*On fait de même avec le coin haut droit*/
        width: 18px;
        height: 100%;
        background-image: url(../images/haut-droite.png);
		background-repeat: no-repeat;
}
td.haut_centre {
		height:100%;
        background-image: url(../images/haut-milieu.png);
}
 
td.milieu_gauche { /*On répète les mêmes opérations pour les autres div*/
        width: 8px;
        height: 100%;
        background-image: url(../images/milieu-gauche.png);
}
td.milieu_droite {
        width: 22px;
        height: 100%;
        background-image: url(../images/milieu-droite.png);
}
td.milieu_centre {
        height: 100%;
        margin-left: 8px;
        margin-right: 8px;
        text-align: center;
		background: #fff;
}
 
td.bas_gauche {
        width: 18px;
        height: 100%;
        background-image: url(../images/bas-gauche.png);
		background-repeat: repeat-x;
}
td.bas_droite {
        width: 18px;
        height: 100%;
        background-image: url(../images/bas-droite.png);
		background-repeat: repeat-x;
}
td.bas_centre {
        height: 100%;
        background-image: url(../images/bas-milieu.png);
		background-repeat: repeat-x;
}


######################################### Cadre interieur  ##############################################"

.haut {
        height: 28px; /*Ici on indique que le haut fera 28px de longueur, vous pouvez changer cela si votre fenêtre a un design différent*/
}
.milieu {
        height: 100%; /*Ici on dit au milieu de prendre toute la longueur possible*/
}
.bas {
        height: 8px; /*Ici on indique la taille du bas, comme pour le haut*/
}

td.hautgauche {
        width: 7px; /*On indique la largeur du coin haut gauche*/
        height: 100%; /*On lui indique de prendre toute la longueur possible.*/
        background-image: url(../images/haut_gauche.png);
		background-repeat: no-repeat;
}
td.hautdroite { /*On fait de même avec le coin haut droit*/
        width: 12px;
        height: 100%;
        background-image: url(../images/haut_droite.png);
		background-repeat: no-repeat;
}
td.hautcentre {
		height:100%;
        background-image: url(../images/haut_centre.png);
}
 
td.milieugauche { /*On répète les mêmes opérations pour les autres div*/
        width: 8px;
        height: 100%;
        background-image: url(../images/milieu_gauche.png);
}
td.milieudroite {
        width: 8px;
        height: 100%;
        background-image: url(../images/milieu_droite.png);
        background-repeat: repeat-y;
}
td.milieucentre {
        height: 100%;
        background: #ffffd8;
        text-align: center;
}
 
td.basgauche {
        width: 12px;
        height: 100%;
        background-image: url(../images/bas_gauche.png);
		background-repeat: repeat-x;
}
td.basdroite {
        width: 12px;
        height: 100%;
        background-image: url(../images/bas_droite.png);
		background-repeat: no-repeat;
}
td.bascentre {
        height: 100%;
        background-image: url(../images/bas_centre.png);
		background-repeat: repeat-x;
}

a.clic2web
{
font-size: 12px;
color: #666666;
text-decoration: none;
}

a.clic2web:hover
{
text-decoration: underline;
}

td.menu
{
background-image: url('../images/fond-menu.png');
background-repeat: no-repeat;
height: 450px;
}

td.onglet2
{
position: relative;
left: -10px;
}

td.onglet3
{
position: relative;
left: -5px;
}

a.menu_bas
{
font-size: 22px;
color: #faa9a9;
text-decoration: none;

}

td.form
{
font-size: 12px;
color: #99845c;

}

table.form
{

}

input
{
border: 1px solid #f7d2d2;
background: white;
}

textarea
{
border: 1px solid #f7d2d2;
background: white;
}

input.submit
{
border: 1px solid #f7d2d2;
background: white;
color: #99845c;
}

table.fond-contact
{
background: url('../images/img-test.png');
background-repeat: no-repeat;
}

a.spademo
{
text-decoration: none;
}

table.horaire
{
border: 1px solid #f7d2d2;
background: white;
}


################################################# MENU ###################################################

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-family : verdana; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		color: #99845c;
		height : 25px;
}


#menu li /* Elements des listes */      
{ 
        float : left; 
        background: url('../images/icon-menu.png');
		background-repeat: no-repeat;
		background-position: center 10px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 124px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover
{
        color: #fff;
        background: url('../images/icon-menu2.png');
		background-repeat: no-repeat;
		background-position: center 10px;
}

menu.1 a:hover
{
        color: #fff;
        background: url('../images/icon-menu.png');
		background-repeat: no-repeat;
		background-position: center 10px;
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		width: 140px;
}

#menu a 
{
        display : block; 
        padding : 0; 
        background : url('');
		color: #99845c;
        text-decoration : none; 
        width : 111px; /* <<<<<< ICI */
}

...

#menu li ul 
{ 
        position: absolute; 
        width: 144px; /* <<<<<< ET ICI */
        visibility: hidden; 
}
...
#menu li ul ul 
{
        margin    : -22px 0 0 144px ; 
}

##############################################################################################################


.fondspa
{ 
  background: url('../images/fond-spa.png');
  background-position:10px 20px; 
} 

td.fond-invitation
{
background: url('../images/corps1.png');
background-repeat: no-repeat;
}


td.cadre_haut_gauche 
{
        background-image: url(../images/cadre/haut-gauche.png);
		background-repeat: no-repeat;
}

td.cadre_haut_milieu 
{
        background-image: url(../images/cadre/haut-milieu.png);
		background-repeat: repeat-x;
}

td.cadre_haut_droite 
{
		height:100%;
        background-image: url(../images/cadre/haut-droit.png);
		background-repeat: no-repeat;
}
 
td.cadre_milieu_gauche 
{
        background-image: url(../images/cadre/milieu-gauche.png);
        background-repeat: repeat-y;
}

td.cadre_milieu_centre 
{
        height: 100%;
        background: white url('../images/vegetal1.png');
		background-position: top right;
		background-repeat: no-repeat;
        text-align: center;
}

td.cadre_milieu_centre2 
{
        height: 100%;
        background: white;
		background-position: top right;
		background-repeat: no-repeat;
        text-align: center;
}

td.cadre_milieu_droite 
{
        background-image: url(../images/cadre/milieu-droit.png);
        background-repeat: repeat-y;
}
 
td.cadre_bas_gauche 
{
        background-image: url(../images/cadre/bas-gauche.png);
		background-repeat: repeat-x;
}

td.cadre_bas_milieu 
{
        background-image: url(../images/cadre/bas-milieu.png);
		background-repeat: repeat-x;
}

td.cadre_bas_droite 
{
        background-image: url(../images/cadre/bas-droit.png);
		background-repeat: repeat-x;
}

a.invit-contact
{
font-size: 14px;
text-decoration: none;
color: #666666;
}


a.invit-contact:hover
{
color: #999999;
}

a.menu_bas
{
font-family: times;
}

td.centre-description
{
padding-left: 20px;
}

td.paragraphevisage
{
padding-left: 60px;

}

a.soinlienvisage
{
color: #504126;
text-decoration: none;
}

a.soinliencorps
{
color: #999999;
text-decoration: none;
}

a.soinlienvisage2
{
color: #999999;
text-decoration: none;
}

a.soinliencorps2
{
color: #504126;
text-decoration: none;
}

img.img-visage
{
border: 1px solid #faa9a9;
}

img.img-visage2
{
border: 1px solid #fbdcdc;
}

td.img-corps
{
padding-left: 30px;
}

p.paragraphe-decriptif
{
padding-left: 42px;
padding-right: 85px;
color: #999999;
font-size: 13px;
}

table.paragraphe-decriptif
{
background: url('../images/vegetal2.png');
background-position: bottom left;
background-repeat: no-repeat;
}

td.description-text-haut
{
font-size: 13px;
line-height: 20px;
vertical-align: top;
padding: 30px 10px 10px 0px;
}
td.description-text-haut2
{
padding: 30px 10px 10px 20px;
font-size: 13px;
line-height: 18px;
vertical-align: top;

}

td.cadre_haut_gauche2
{
        background-image: url(../images/cadre2/haut-gauche.png);
		background-repeat: no-repeat;
}

td.cadre_haut_milieu2
{
        background-image: url(../images/cadre2/haut-milieu.png);
		background-repeat: repeat-x;
}

td.cadre_haut_droite2
{
		height:100%;
        background-image: url(../images/cadre2/haut-droit.png);
		background-repeat: no-repeat;
}
 
td.cadre_milieu_gauche2
{
        background-image: url(../images/cadre2/milieu-gauche.png);
        background-repeat: repeat-y;
}

td.cadre_milieu_centrebleu
{
        height: 100%;
        text-align: center;
		background-color: #ecf9ff;
}


td.cadre_milieu_droite2
{
        background-image: url(../images/cadre2/milieu-droit.png);
        background-repeat: repeat-y;
}
 
td.cadre_bas_gauche2
{
        background-image: url(../images/cadre2/bas-gauche.png);
		background-repeat: repeat-x;
}

td.cadre_bas_milieu2
{
        background-image: url(../images/cadre2/bas-milieu.png);
		background-repeat: repeat-x;
}

td.cadre_bas_droite2
{
        background-image: url(../images/cadre2/bas-droit.png);
		background-repeat: repeat-x;
}

object.img-spajet
{
border: 2px solid #87bcde;
}

table.cadre-adresse
{
border: 2px solid #f7d3d3; 
}

td.onglets_menu
{
background: url('../images/icon-menu.png');
background-repeat: no-repeat;
background-position: center center;
}

td.onglets_menu:hover
{
background: url('../images/icon-menu2.png');
background-repeat: no-repeat;
background-position: center center;
}

a.lienmenu
{
color: #99845c;
text-decoration: none;
}

a.lienmenu:hover
{
text-decoration: none;
}

td.chapo
{
padding-left: 45px;
padding-right: 50px;
font-size: 13px;
color: #504126;
}

td.titre2
{
padding-left: 42px;
font-size: 14px;
}

th.prix-soin
{
font-size: 13px;
}


td.img-corps2
{
padding-left: 45px;
}