/*Code pour le corps du texte*/

body { margin: 3px; }


/*Code pour le format du texte*/

p,ul,td { 
font-family :  Arial, Verdana, Georgia; 
font-size : 11pt; 
color : black; 
}

h1 { 
font-family:  Arial, Verdana, Georgia; 
font-size: 13pt; 
font-weight: bold;
color : black; 
}

.gras { 
font-family:  Arial, Verdana, Georgia; 
font-size: 11pt; 
font-weight: bold;
color : black; 
}

.gris { 
font-family:  Arial, Verdana, Georgia; 
font-size: 11pt; 
font-weight: bold;
color : #79736E; 
}

.note {
font-family:  Arial, Verdana, Georgia; 
font-size: 8pt; 
color : black; 
}

/* Code pour le format du texte de la boîte Contactez-Nous*/

.contact {
font-family:  Arial, Verdana, Georgia; 
font-size: 11pt; 
font-weight: bold;
color : #DB6D6D; 
}
 
/*Liens à cliquer et liens visités*/

a:link {
color:blue;
}

a:visited {
color:blue;
}

a:hover {
background-color:#eee;
}


/*Mise en page du logo*/

.debutlogo {
font-family: Georgia, Arial; 
font-size: 15pt;
font-weight: bold;
color : #8C8279;
}

.finlogo {
font-family: Georgia, Arial; 
font-size: 15pt; 
font-weight: bold;
font-style: italic;
color : #BE3D3D;
}

.alogo:link {
color:#fff;
}

.alogo:active {
color:#fff;
}

.alogo:visited {
color:#fff;
}

.alogo:hover {
background-color:#eee;
}


/*Code pour la mise en page des différentes boîtes de contenu*/

#banniere {
background-color:white;
height:75px;
border:0px solid #000;
}

#logo {
width: 190px;
height: 75px;
background-color:white;
background-image:url(images/logo190x75.jpg);
background-repeat: no-repeat;
background-position:top left;
float:left;
border:0px solid #000;
}

#entete {
width: 500px;
height: 75px;
background-color:white;
background-image:url(images/entete.jpg);
background-repeat: no-repeat;
background-position:top right;
float:right;
border:0px solid #000;
}


#menucontainer {
background: #DB6D6D;
height: 28px;
width: 100%;
border:0px solid #000;
text-align: center;
padding-top: 3px;
margin-top: 3px;
}
	
#colonnegauche {
float:left;
width: 74%;
border:0px solid #000;
margin: 12px 0px 5px 0px;
padding: 5px 0px 0px 10px;
}

#contacteznous {
background: #F5F2EE;
border:0px solid #000;
border-style:dotted;
border-color:E7E4E4;
margin: 0px 0px 15px 0px;
padding: 3px 3px 3px 5px;
line-height: 125%;
}

#colonnedroite {
float:right;
width:23%;
border:0px solid #000;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#ppage {
background: #F5F2EE;
height: 26px;
width:100%;
float:left;
border:0px solid #000;
}

/*Code pour la mise en page des différentes boîtes de contenu spécifiques à la page d'accueil*/

#accueilcolonnegauche {
float:left;
width:54%;
border:0px solid #000;
margin: 12px 0px 20px 0px;
padding: 5px 0px 0px 10px;
}

#accueilphoto {
border-top:0px solid #000;
text-align: center;
}

#accueilcolonnedroite {
float:right;
width:42%;
border:0px solid #000;
margin: 4px 0px 5px 15px;
padding: 0px 0px 0px 0px;
}

#accueilboiterose {
background: #FA9B9B;
border:0px solid #000;
border-style:dotted;
border-color:E7E4E4;
padding:8px 8px 1px 8px;
}


/*Code pour la barre de menu horizontal centrée*/

.menu {
margin: 0; 
padding: 0;
text-align: center;
}

.menuhaut {
text-decoration:underline;
background-color:#DB6D6D;
text-align:center;
padding: 0px;
border-width:1px;
border-style:none;
font-size : 13pt; 
font-family :  Georgia, Arial;
}

.menuselect{
color : #554A38; 
background-color:#DB6D6D;
text-decoration:none;
padding: 0px;
font-size : 13pt; 
font-family :  Georgia, Arial;
}

#menu a{
color:black;
}

#menu a:hover {
background-color:#eee;
}


/*Code pour le pied de page*/

.ulpied {
padding:0;
margin:0;
list-style-type:none;
}

.lipiedselect .lipied {
margin-left: 10px;
float: left; /*pour IE*/
}

.licopyright {
float: right; /*pour IE*/
}

.ulpied .lipied {
display:block;
float:left;   
background-color:#F5F2EE;
color:black;
text-decoration:underline;
text-align:left;
padding:5px;
border-width:1px;
border-style:none;
font-size : 9pt; 
font-family: Arial, Verdana, Georgia;
}

.lipiedselect {
float:left;   
background-color:#F5F2EE;
color:black;
text-align:left;
padding:5px;
border-width:1px;
border-style:none;
font-size : 9pt; 
font-family: Arial, Verdana, Georgia;
}


.licopyright{
background-color:#F5F2EE;
color:black;
text-decoration:none;
text-align:right;
border-width:1px;
border-style:none;
font-size : 9pt; 
font-family: Arial, Verdana, Georgia;
padding: 5px;
}

/*Code pour le tableau des prix de la page massage sur table*/

table {
border-width:1px; 
border-style:solid; 
border-color:black;
width:30%;
}

td { 
border-width:1px;
border-style:solid;
border-color:black;
width:30%;
text-align:center;
font-weight:bold;
}