/* -------------------------------------------------- */
/* Feuille de style par défaut du site CPP Décoration */
/* -------------------------------------------------- */

/* ------------ */
/* Fond de page */
/* ------------ */

body {
    background-color: #d9d2d2;
/* début des modifs pour le centrage */
	height:99%;
/*	margin:2;
	padding:0px;
	width:100%; */
/* fin des modifs pour le centrage */
}

/* ---------------- */
/* Boite principale */
/* ---------------- */

div.boiteprincipale {
	width: 950px;
	height: 710px;
	background-image:url(../images/fond.png);
	background-repeat: no-repeat;
	background-position: top center;
/*	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -355px;
	margin-left: -475px; */
/* début des modifs pour le centrage */
	position:relative;
	margin-left: auto;
	margin-right: auto;
/* fin des modifs pour le centrage */
}

/* ----------------- */
/* Centrage vertical */
/* ----------------- */

html {
	height:99%;
/*	margin:0;
	padding:0;
	width:100%; */
}

table.centrage {height:100%;margin:0;padding:0;width:100%;
}

td.centrage {height:100%;margin:0;padding:0;width:100%;
}

/* ---- */
/* Logo */
/* ---- */

div.logo {
	width: 144px;
	height: 183px;
	background-image:url(../images/logo_cpp_decoration.png);
	position:absolute;
	left: 20px;
	top: 20px;
}

/* ------ */
/* Header */
/* ------ */

div.header {
	width: 678px;
	height: 109px;
	background-image:url(../images/header.png);
	position:absolute;
	right: 20px;
	top: 45px;
}

/* ---------------- */
/* Recherche Google */
/* ---------------- */

div.recherche {
	width: 295px;
	height: 25px;
	background-image:none;
	position:absolute;
	right: 12px;
	top: 135px;
}

/* ------ */
/* iFrame */
/* ------ */

div.iframe {
	width: 745px;
	height: 490px;
	position: absolute;
	top: 165px;
	right: 20px;
	border-style: solid;
	border-width: 5px;
	border-color: white;
}

/* ---- */
/* Menu */
/* ---- */

div.menu {
	width: 144px;
	height: 293px;
	position: absolute;
	top: 250px;
	left: 20px;
}

/* ------------ */
/* Pied de page */
/* ------------ */

div.pied {
	position:absolute;
	bottom: -12px;
	text-align:center;
	margin-left: 305px;
}

/* --------------------- */
/* Texte du pied de page */
/* --------------------- */

p.pied {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #5b2254;
}

a.pied {
	color: #5b2254;
	text-decoration:none;
}

/* ------ */
/* Listes */
/* ------ */

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5b2254;
}

li.newsletter {
}

ul
{
	list-style-image:url(../images/puce.png);
}

ul.newsletter {
	list-style-image:none;
}

/* ------------------------------------------------ */
/* Caractéristiques générales de la page de contenu */
/* ------------------------------------------------ */

body.contenu {
	background-color: #b0a099;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* ---------------- */
/* Texte par défaut */
/* ---------------- */

p {
	font-size: 12px;
	color: #5c2254;
}

/* ---------------------------- */
/* Conteneur du contenu accueil */
/* ---------------------------- */

div.conteneuraccueil 
{
	width: 618px;
	height: auto;
	text-align: justify;
	background: #eadfd6;
	border-style:solid;
	border-width:20px;
	border-color:#FFFFFF;
	padding-top:15px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}

/* ----- */
/* Liens */
/* ----- */

a {
	color: #5c2254;
}

/* -------------------- */
/* Conteneur du contenu */
/* -------------------- */

div.conteneurcontenu 
{
	width: 640px;
	height: auto;
	text-align: justify;
	background: #eadfd6;
	border-style:solid;
	border-width:20px;
	border-color:#FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
/*	float: left; */
}

/* ------------------ */
/* Tableau par défaut */
/* ------------------ */

td { 
	text-align:center;
 }

/* -------------------- */
/* Tableau des couleurs */
/* -------------------- */

table.couleurs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5c2254;
}

/* ------------------ */
/* images des volumes */
/* ------------------ */

.volumes {
	vertical-align:middle;
	margin-right: 5px;
	border-style:solid;
	border-width:9px;
	border-color: #ffffff;
	width:100px;
	height:100px;
}

/* ------------------ */
/* Textes des volumes */
/* ------------------ */

p.volume {
	font-size:12px;
}

/* --------------- */
/* images des tons */
/* --------------- */

.tons {
	float:left;
	margin-right: 5px;
	width:150px;
}

/* --------- */
/* Diaporama */
/* --------- */

.diaporama {
	width: 270px;
	height: 248px;
	margin:5px;
	border-style:solid;
	border-width:9px;
	border-color: #fffdfd;
	position:absolute;
	left:57%;
	top:25%;
}

/* --------------------------- */
/* images effet thérapeutiques */
/* --------------------------- */

.effets {
	width:54px;
	height:54px;
}

/* ------------------ */
/* couleurs feng shui */
/* ------------------ */

.fengshui {
	float:left;
	margin: 2px;
	margin-right: 5px;
}

/* -------------------- */
/* Recommander à un ami */
/* -------------------- */

legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c2254;
	font-weight:bold;
}

fieldset {
	color: #5c2254;
}