body {
 margin: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: Black;
 text-align: left;
 background-image: url("images/FontBody.png");
 text-align: center;
}

div {
 position: relative;
 float: left;
}

table {
 border: none;
}

th {
 font-size: 12px;
 padding: 4px;
 border: none;
 text-align: right;
}

td {
 vertical-align: top;
 border: none;
}

hr {
 /*display: none;*/
 color: #BE1576;
 size: 1px;
 clear: both;
 width: 100%;
}

ul, li {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

/**************** LES CONTENEURS *****************/

.GABARIT {
 width: 782px;
 background-color: White;
 border: solid 1px #CDCDCD;
 text-align: left;
 position: relative;
}

.BASPAGE {
 width: 100%;
 background-color: White;
}

.CONTENU {
 width: 580px;
 border-top: solid 2px #A0B7A5;
 padding-bottom: 15px;
 z-index: 2; 
 background-color: White;
 float: right;
 position: relative;
}

.GRILLE {
 width: 165px;
 float: right;
 border: solid 1px #E476C8;
 padding: 2px;
 margin: 5px;
 background-image: url("images/FondGrille.jpg");
 background-repeat: no-repeat;
 background-position: bottom;
 padding-bottom: 50px;
 background-color: White;
}

.CELLULE {
 font-size: 10px;
 padding-bottom: 10px;
}

.CELLULE:first-line {
 color: #CB548D;
 font-weight: bold;
}

.PAGE {
 width: 570px;
 padding-top: 15px;
 padding-left: 10px;
 background-color: White;
}

.BANNIERES ul,
.BANNIERES li { 
 display: inline;
 list-style-type: none;
}

div.ARBO {
 width: 180px;
}

a { 
 color: #CB548D;
}

a.ON {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 color: #618482;
 text-decoration: none;
 font-weight: bold;
 width: 100%;
 font-size: 12px;
 background-image: 
}

a.ON:hover {
}

.TEXTE, 
.DESCRIPTION,
.PUCE-LISTE {
 text-align: left;
 padding-bottom: 10px;
}

.PUCE-LISTE {
 padding-left: 25px;
 font-size: 10px;
}

.BANNIERES {
 padding: 5px;
}

.BANNIERES .GAUCHE {
 width: 200px;
}

.DROITE {
 float: right;
 padding-right: 1px;
}

/*************** NAVIGATION *****************/

.NAVIGATION {
 width: 180px;
}

.NAVIGATION li {
 width: 100%;
 padding-left: 25px;
}

.NAVIGATION li:hover {
 color: #A0B7A5;
}

.NAVIGATION a.ON {
 background-image: url("images/LienOff.gif");
 background-repeat: no-repeat;
 background-position: 0px 2px;
 padding-left: 15px;
}

.NAVIGATION a.ON:hover,
.NAVIGATION a.ON:active {
 color: black;
 background-image: url("images/LienOn.gif");
}


.PAGE .NAVIGATION {
 background-image: none;
 width: 600px;
 height: 30px;
 padding-top: 10px;
}

.BANNIERES embed {
 width: 500px;
 height: 80px;
 border: solid 1px black;
}

/*********** PAGE ********************/

.TITRE {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding-bottom: 10px;
 width: 100%;
}

H1 {
 color: #CB548D;
 font-size: 18px;
 text-align: right;
 background-image: url("images/Titre.jpg");
 background-repeat: no-repeat;
 background-position: right;
 height: 50px;
 padding-right: 70px;
 padding-top: 15px;
}

H1:first-letter {
 font-size: 30px;
 color: #BE1576;
}

.PARAGRAPHE .TITRE {
 background-image: url("images/SousTitre.jpg");
 background-repeat: no-repeat;
 background-position: top right;
 text-align: left;
 padding-top: 5px;
}

H2 {
 color: #BE1576;
 font-size: 14px;
 height: 30px;
 padding-left: 10px;
}

H3 {
 color: #BE1576;
 font-size: 12px;
 width: 100%;
}

.PUCE-LISTE li {
 display: list-item;
 list-style-image:  url("images/LienOn.gif");
 list-style-position: outside;
 vertical-align: middle;
}

.PARAGRAPHE {
 padding-bottom: 10px;
 width: 175px;
 margin-right: 10px;
 padding: 2px;
 padding-bottom: 20px;
 background-image: url("images/Paragraphe.jpg");
 background-repeat: no-repeat;
 background-position: bottom;
}

.INTRO {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 14px;
 margin-bottom: 15px;
 border: solid 1px #BE1576;
 padding: 8px;
 background-color: #FFE4F2;
 width: 545px;
}

/***************** PANORAVIEW et HOME **************/

.HOME { 
 border-top: dotted 1px #888888;
 background-image: url("images/fondPano.gif");
 background-repeat: no-repeat;
 background-position: 0px 10px;
}

.PANORAVIEW {
 width: 600px;
 height: 480px;
}

.PANORALIENS {
 position: absolute;
 top: 215px;
 left: 435px;
 width: 145px;
}

.PANORALIENS li {
 text-align: right;
}

.PANORALIENS li a {
 padding-right: 12px;
}

.PANORALIENS li a:hover {
 background-image: url("images/LienOn.gif");
 background-repeat: no-repeat;
 background-position: right center;
}

.PANORAPPLET {
 position: absolute;
 top: 170px;
 left: 125px;
}

.PANORAPPLET applet {
 border: solid 2px #CB548D;
}

.PANORAMENU {
 position: absolute;
 top: 309px;
 left: 435px;
 background-image: url("images/MenuPano.gif");
 background-repeat: no-repeat;
 height: 150px;
 width: 180px;
}

.COIFFURETITRE,
.SOINSTITRE {
 color: #E476C8;
 width: 100%;
 font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 30px;
 font-weight: bold;
}

.SOINS,
.COIFFURE {
 position: absolute; 
 background-image: url("images/BullesRoses.jpg");
 background-repeat: no-repeat;
 height: 90px;
 width: 450px;
}

.SOINS {
 top: 10px;
 left: 20px;
}

.COIFFURE {
 top: 390px;
 left: 220px;
}

.COIFFURE ul,
.SOINS ul {
 margin-left: 150px;
 margin-top: 20px;
}

.COIFFURE ul a,
.SOINS ul a {
 color: #BE1576;/*#CB548D;*/
 font-size: 15px;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}

.COIFFURE ul a:hover,
.SOINS ul a:hover {
 color: #E476C8;
}

/***************************/

.BASPAGE {
 background-color: #E476C8;
 color: white;
 text-align: center;
}


/********** CONTACTMENU ******************/

.CONTACTMENU .TITRE,
.CONTACTMENU .INTRO {
 display: none;
}

.CONTACTMENU {
 background-image: url("images/Bulles.jpg");
 background-repeat: no-repeat;
 background-position: top left;
 width: 200px;
 height: 480px;
 padding-top: 50px;
}

.CONTACTMENU .PARAGRAPHE {
 background-image: none;
 background-color: #FFE4F2;
 padding: 5px;
 text-align: center;
 width: 160px;
 border: dotted 1px #BE1576;
 margin: 10px;
 margin-top: 125px;
}

.CONTACTMENU .TEXTE {
 text-align: center;
}

.CONTACTMENU .TEXTE:first-line {
 color: #E476C8;
 font-size: 20px;
 font-weight: bold;
}

.CONTACTMENU .PARAGRAPHE a.ON {
 color: #CB548D;
}

.CONTACTMENU .PARAGRAPHE a.ON:hover {
 color: White;
}
/*********************** SOCIETE CONTACT *****************/

.SOCIETE,
div.CONTACT {
 font-size: 12px;
 text-align: center;
 float: left;
 width: 100%;
}

.SOCIETE-NOM,
.SOCIETE-ADRESSE,
.SOCIETE-VILLE,
.SOCIETE-TEL,
.SOCIETE-EMAIL,
.SOCIETE-TEXTE  {
 width: 100%;
 text-align: center;
}

.SOCIETE-NOM {
 font-size: 24px;
 color: #BE1576;
 font-weight: bold;
 font-family: sans-serif, Arial, Helvetica;
 width: 100%;
}

.SOCIETE-EMAIL {
 color: #BE1576;
}

.SOCIETE-TEXTE {
 font-size: 14px;
 margin-top: 10px;
 width: 100%;
}

TABLE.CONTACT {
 text-align: left;
 width: 570px;
}

TD.CONTACT {
 font-size: 12px;
 text-align: right;
 vertical-align: top;
}

.CONTACT-VALIDATION {
 text-align: center;
}

/***********************/

.CONTENU embed {
 width: 170px;
 height: 170px;
}

.xiti {
 /*position: absolute;
 top: 5px;
 right: 5px;*/
 z-index: 100;
}