@charset "UTF-8";
/* CSS Document */


body {
		margin: 0px;
		padding: 0px;
		background: #cc66ff url(../images/design/fond_body3.jpg) repeat-x left top;
		font-size: 14px;
}

#global {
		width: 1000px;
		font-family: Arial, Helvetica, sans-serif;
		height: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		padding: 0px;
		background: #ffeed2;
}

#entete {
		height: 126px;
		width: 1000px;
		padding: 0px;
		margin: 0px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		z-index: 2;
}

#entete img {
		margin: 0px;
		padding: 0px;
}

#menuh {
		padding: 0px;
		height: 37px;
		width: 1000px;
		text-align: center;
		margin: 0px auto 5px;
}


#droite, #listenoms {
		padding: 0px;
		width: 190px;
		height: auto;
		position: relative;
		top: 0px;
		float: right;
		margin: 0px;
		right: 5px;
}
#listenoms {
		width: 220px;
		margin: 0px;
}

#droite #news {
	width: 190px;
	color: #FF6;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	background: #606 no-repeat center top;
}

#droite p img {
		padding: 0px;
		text-align: center;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
}
#menudroite, #therapeutes {
		width:190px;
		height:auto;
		z-index:1;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 0px;
		padding-top: 30px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
		text-align: center;
		background: #FFF url(../images/design/anneau.gif) no-repeat right top;
		border: 1px ridge #FC0;
}
#therapeutes {
		width:216px;
		text-align: left;
}

#menudroite p{
		margin-top: 3px;
		margin-bottom: 3px;
}

#menudroite .dates {
		font-size: 12px;
		font-style: italic;
		font-weight: normal;
		color: #003;
		margin: 0px;
		padding: 0px;
		height: auto;
}

#conteneur {
		width: 1000px;
		text-align: center;
		padding: 0px;
		margin: 0px;
		background: #ffeed2;
		float: left;
		position: relative;
}
#conteneurlarge {
		width: 1000px;
		height: auto;
		text-align: center;
		padding: 0px;
		margin-top: 35px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		position: relative;
		left: 0px;
		float: left;
}


#gauche {
		width: 215px;
		height: auto;
		padding: 0px;
		float: left !important;
		position: relative;
		background: url(../images/design/haut.jpg) no-repeat left top;
		margin: 0px 10px 13px 3px;
}
#gauche #contenug {
		text-align: left;
		overflow: visible;
		height: 450px;
		height:auto !important;
		min-height:450px !important;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		width: 90%;
}
#gauche #contenug h3 , #gauche #contenug ul{
		margin: 0px;
		padding: 0px;
		width: 100%;
		position: relative;
}
#gauche #contenug p {
		padding: 0px;
		margin-bottom: 10px;
}

#gauche #basg {
		padding: 0px;
		height: 13px;
		width: 215px;
		margin: 0px;
		position: relative;
		top: -5px;
		background: url(../images/design/bas.jpg) no-repeat left top;
}
#gauche ul li a:link ,#gauche ul li a:visited{
		font-style: italic;
		text-transform: uppercase;
		color: #909;
		text-decoration: none;
		display: block;
		margin: 0px;
		font-size: 14px;
		background: url(../images/design/pucequartz1.gif) no-repeat left top;
		padding: 0px 0px 10px 20px;
}
#gauche ul li a:hover ,#gauche ul li a:active{
		font-style: normal;
		font-weight: normal;
		color: #00F;
		text-decoration: none;
		background: url(../images/design/pucequartz2.gif) no-repeat left center;
}

#gauche ul, #menudroite ul {
		padding: 0px;
		list-style: url(none) none;
		margin: 0px 0px 0px 5px;
		position: relative;
}
#gauche ul li, #menudroite ul li   {
		text-align: left;
		list-style-type: none;
		list-style: url(none) none;
}
#gauche #milieug {
		width: 215px;
		overflow: visible;
		height: auto;
		min-height:450px;
		padding: 0px;
		margin-top: 79px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		background: url(../images/design/fond.jpg) repeat-y left top;
}
#gauche #milieug #contenug p a   {
		background-image: url(../images/creaperso/remplacepuce.gif);
		background-repeat: repeat;
		background-position: center top;
		margin: 0px 0px 4px;
		padding: 0px;
		width: 190px;
}
#gauche #milieug #contenug p a img {
		list-style: none;
		text-align: center;
		margin: 0px auto 6px;
		padding: 0px;
}

#gauche .simple {
	width: 190px;
	color: #03C;
	text-align: center;
	height: auto;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px auto;
}

#gauche .simple a:link, #gauche #news a:visited {
	list-style-type: none;
	text-align: center;
	height: 75px;
	width: 180px;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	padding: 0px;
	background: #FFC center bottom;
}
#gauche .simple a:hover, #gauche #news a:active {
		list-style-type: none;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		display: block;
		font-style: normal;
		font-weight: normal;
		color: #FC3;
}

#centraccueil {
		zoom: 1;
		width: 560px;
		height: auto;
		left: 5px;
		position: relative;
		float: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
}
#centraccueil h1.actualites{
		height: 27px;
		width: 560px;
		font-size: 20px;
		padding: 0px;
		margin-top: 16px;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: 0px;
		font-weight: normal;
		letter-spacing: 0em;
}
#centraccueil h1.actualites strong { font-weight: normal; }

.conference, .atelier, .stage, .produit, .coeur, .therapeutes {
		min-height:90px !important;
		height: auto;
		width: 560px;
		padding: 3px 0px 10px;
		margin: 0px 0px 5px;
}
.conference h2, .atelier h2, .stage h2, .produit h2, .coeur h2, .therapeutes h2 {
		margin-top: 2px;
		margin-bottom: 6px;
		padding: 0px;
		color: #909;
}
.conference h2.blanc, .atelier h2.blanc, .stage h2.blanc, .produit h2.blanc, .coeur h2.blanc, .therapeutes h2.blanc { color: #FFF; }
.conference p, .atelier p,.stage p,.produit p,.coeur p,.therapeutes p {
		width: 500px;
		margin: 0px;
		padding: 0px 0px 5px;
}
.conference { background: url(../images/design/ac_conferences.jpg) no-repeat left top; }
.atelier { background: url(../images/design/ac_nature.jpg) no-repeat left top; }
.stage { background: url(../images/design/ac_stages.jpg) no-repeat left top; }
.produit { background: url(../images/design/ac_adecouvrir.jpg) no-repeat left top; }
.coeur { background: url(../images/design/ac_coupdecoeur.jpg) no-repeat left top; }
.therapeutes { background: url(../images/design/ac_adresses.jpg) no-repeat left top; }

#centre {
	zoom: 1;
	width: auto;
	height: auto;
	text-align: center;
	padding: 0em;
	margin: 0px auto;
}

#centrecontent, #centretherapeutes {
	width: 555px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
	text-align: center;
}
#centretherapeutes{width: 520px;}
.evenement, .evmtcontact, .evmtnews , .evmtnewsannul{
	padding-top: 17px;
	padding-bottom: 20px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #960;
	border-bottom-color: #C90;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	margin-top: 10px;
	height: auto;
	background:url(../images/design/anneaufonce.gif) no-repeat right top;
}
.evenement {
		background: #FFF;
		overflow: hidden;
		position: relative;
}
.evmtcontact {
	background: #F9F ;
}
.evmtnews {
	background: #CF9 ;
}
.evmtnewsannul { background: #CFF; }

#centradroite {
		text-align: center;
		width: 730px;
		height: auto;
		float: right;
		position: relative;
		margin: 10px 20px 0px 0px;
		padding: 0px;
}
#boutique {
		text-align: center;
		width: 750px;
		height: auto;
		float: left;
		position: relative;
		margin: 5px auto 0px 0px;
		padding: 0px;
}
.evenements {
		width: auto;
		padding: 20px;
		margin: 0px auto 30px;
}
.evenements a:link,
.evenements a:visited {
		font-weight: bold;
		color: #906;
		font-style: normal;
}

.evenements a:hover,
.evenements a:active {
		color: #00F;
		font-style: italic;
}
.evenements p {
		padding: 0px 10px;
		margin: 2px 0px 3px;
}
.evenements h2 { color: #906; }
.evenements h3 {
		color: #006;
		font-weight: bold;
}
.evenements .blanc { color: #FFF; }

.haut {
		margin: 0px auto;
		padding: 0px;
		
}

.haut a:link, .haut a:visited{
	text-align: left;
	font-size: 12px;
	color: #00F;
	display: block;
	height: 50px;
	width: 90px;
	margin-right: auto;
	margin-top: 20px;
	margin-left: auto;
	line-height: 30px;
	padding: 0px;
	background: url(../images/design/flchehaut.gif) no-repeat right top;
}
.haut a:hover , .haut a:active{
	font-style: normal;
	color: #900;
	background: url(../images/design/flchehaut2.gif) no-repeat right top;
}
#centrecontent ul, #centradroite ul, #therapeutes ul{
		font-size: 14px;
		padding: 0px;
		margin: 8px 5px 8px 30px;
		list-style: none;
		width: 88%;
}
#centrecontent ul li, #centradroite ul li, #droite ul li, #therapeutes ul li a{
		text-align: left;
		list-style: url(none) none;
		margin: 0px 0px 8px;
		padding: 0px 0px 0px 20px;
		height: auto;
		background: url(../images/design/pucequartz1.gif) no-repeat left center;
}
#therapeutes ul li {
		text-align: left;
		list-style: url(none) none;
		margin: 0px 0px 8px;
		padding: 0px;
		height: auto;
		text-indent: -1.6em;
}
#centrecontent ul li:hover, #centradroite ul li:hover, #droite ul li:hover, #therapeutes ul li a:hover {
		list-style: url(none) none;
		margin: 0px 0px 8px;
		padding: 0px 0px 0px 20px;
		height: auto;
		background: url(../images/design/pucequartz2.gif) no-repeat left center;
}
#centrecontent table , #centradroite table{
		text-align: center;
		width: 95%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 15px;
		padding: 0px;
		margin-bottom: 10px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		vertical-align: top;
}
#centrecontent table tr td, #centradroite table tr td{
		padding: 2px;
		margin: 0px;
		height: auto;
		font-size: 14px;
		text-align: center;
		border: 1px dotted #906;
		vertical-align: top;
}
#centrecontent table.vignettes , #centradroite table.vignettes{
		padding: 2px;
		text-align: center;
		margin: 0px auto 20px;
		font-size: 10px;
		vertical-align: middle;
		background: #FF9;
}
#centrecontent table.vignettes tr td, #centradroite table.vignettes tr td{
		margin: 0px;
		padding: 1px;
		text-align: center;
		border: 1px inset #7524FF;
		font-size: 12px;
		vertical-align: middle;
}
#centrecontent table.vignettes tr  td img{
	margin: 0px;
	padding: 2px;
	text-align: center;
}
#pied {
		clear: both;
		height: auto;
		width: 990px;
		color: #FFF;
		font-weight: normal;
		padding: 5px;
		overflow: visible;
		margin: 15px auto 0px;
		background: #4823D5;
}


#pied #piedg {
		width: 470px;
		padding: 0px;
		height: 50px;
		margin: 0px;
}
#piedg p {
		font-size: 70%;
		margin: 0px;
		padding: 0px;
		text-align: justify;
		font-weight: normal;
}

#pied #piedd {
		width: 500px;
		text-align: right;
		background-color: #FFF;
		color: #009;
		position: relative;
		font-size: 12px;
		padding: 0px;
		left: 480px;
		top: -50px;
		height: 55px;
		margin: 0% 5px;
}
#pied #piedd p {
		padding: 5px;
		border: 1px outset #90C;
		margin: 7px 10px 5px;
		text-align: center;
		float: right;
		width: 460px;
}

#urgent {
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
		letter-spacing: 0em;
		float: right;
		height: auto;
		width: auto;
		background-color: #FFF;
		overflow: hidden;
		margin-top: 30px;
		margin-right: 20px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 10px;
		text-align: justify;
}

h1 {
		text-transform: uppercase;
		color: #003;
		text-align: center;
		font-size: 24px;
		font-style: italic;
		letter-spacing: 0.2em;
		font-weight: 100;
		margin: 6px 0px 10px;
		padding: 0px;
}

h2 {
		font-size: 18px;
		color: #00C;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		margin: 5px;
		padding: 0px;
}
h3 , #gauche #contenu h1{
		margin: 0px 5px 2px;
		font-weight: normal;
		font-size: 16px;
		color: #609;
		padding: 1px 0px 3px;
		letter-spacing: 0em;
}
h4 , legend{
		font-size: 15px;
		color: #F0C;
		margin: 0px;
		font-weight: bold;
		padding: 0px;
}

q {
		color: #603;
		font-size: 120%;
		font-style: italic;
		background: #FFC;
		padding: 4px;
		line-height: 110%;
		display: block;
		margin: 2px auto;
}

hr {
		height: 20px;
		border-top-width: 0px;
		width: auto;
		border-right-width: 0px;
		border-left-width: 0px;
		margin: 10px 0px;
		padding: 5px;
		display: block;
}
table tr td hr{
		text-align: left;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 3px;
		padding-right: 0px;
		padding-bottom: 3px;
		padding-left: 0px;
}

table {
		margin-right: auto;
		margin-left: auto;
}
.evenements  {
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		color: #000;
		background: #FFF url(../images/design/anneau.gif) no-repeat right top;
		border-top: 1px solid #FFF;
		border-right: 1px solid #636;
		border-bottom: 1px solid #636;
		border-left: 1px solid #FFF;
		position: relative;
		padding-bottom: 20px;
}
.evenements table {
		padding: 0px;
		margin: 0px;
		background: #F7DCFF;
		border: 1px solid #F39;
}
.evenements table tr { border-width: 0px; }
.evenements table tr td { border-width: 0px; }

img {
		padding: 0px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		text-align: center;
		margin: 5px;
}

strong  {
		margin: 0px;
		padding: 0px;
		color: #63C;
}

em {
		font-style: italic;
		font-weight: bold;
		color: #960;
}

blockquote {
		text-align: center;
		font-size: 12px;
		padding: 10px;
		margin: 0px auto 0px 200px;
		float: left;
}
/*li a:link, li a:visited, li a:hover, li a:active {
		display: block;
		padding-left: 18px;
		margin: 0px;
		padding-top: 5px;
		padding-right: 0px;
		padding-bottom: 0px;
		top: -5px;
		position: relative;
}
*/
a:link , a:visited, label{
		font-style: italic;
		font-weight: normal;
		color: #906;
		text-decoration: none;
}
a:hover , a:active{
		font-style: normal;
		font-weight: normal;
		color: #00F;
		text-decoration: none;
}
.btn_envoi    {
		height: auto;
		width: 150px;
		font-size: 12px;
		color: #FCF;
		display: block;
		padding: 0.5em;
		margin: 8px auto 5px;
		font-weight: normal;
		background: #FC9;
		border-top: 1px solid #FFF;
		border-right: 1px solid #009;
		border-bottom: 2px solid #009;
		border-left: 1px solid #FFF;
}

input, textarea {
		margin-top: 3px;
		margin-bottom: 3px;
		text-align: center;
}
p label {
		font-weight: bold;
		margin-bottom: 4px;
		font-style: normal;
}
.dates {
		font-weight: bold;
		color: #F09;
		font-size: 12px;
}


.adresses  {
		padding: 0px;
		height: auto;
		width: 540px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 6px;
		margin-left: 0px;
}
.adresse  {
		padding: 0px;
		height: auto;
		width: 540px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 6px;
		margin-left: 0px;
		float: left;
}

.adressimg {
		margin: 0px;
		padding: 0px;
		height: 380px;
		width: 190px;
}
.temoignages {
	width: 530px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	padding-top: 25px;
	padding-bottom: 20px;
	border-bottom-width: 3px;
	border-bottom-style: outset;
	border-bottom-color: #0063FF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #960;
	position: relative;
	left: 0px;
	right: 10x;
	height: auto;
	background: #FCF url(../images/design/anneaufonce.gif) no-repeat right top;
	color: #606;
}

.temoignages h4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.temoignages p { }

.temoignages strong { }
.legende {
		background: #90CCFF;
		display: block;
		margin: 0px auto 6px;
		padding: 2px 0px;
		height: auto;
		width: 50%;
		border: 1px outset #609;
}

.justif {
		text-align: justify;
}

.centre {
		text-align: center;
}

.left {
		text-align: left;
}

.right {
		text-align: right;
}

.italic {
		font-style: italic;
}
.majuscule {
		text-transform: uppercase;
}
.minuscule {
		text-transform: lowercase;
		font-weight: normal;
}

.gras {
		font-weight: bolder;
}
h2 .ligne {
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		text-transform: uppercase;
		display: inline;
		float: right;
}

.blanc {
		color: #FFF;
		text-align: center;
}

.bleuclair {
		color: #9FF;
}

.ssmenu {
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #000;
		display: block;
		padding: 0px;
		margin-left: 35px;
		text-transform: lowercase;
		text-decoration: none;
}

.fondblanc { background: #FFF; }

.ancres {
		display: block;
		margin-top: 70px;
		margin-bottom: 40px;
		height: 20px;
		width: 50px;
		padding: 0px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
}
/*pour separer les imges verticales*/
.space {
		height: 1px;
		width: auto;
		padding: 0px;
		margin: 0px auto;
		clear: both;
}

.space1 {
		padding: 0px;
		height: 60px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		margin-bottom: 20px;
}

.space2 {
		padding: 0px;
		height: 20px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
}
.space20 {
		margin: 0px;
		padding: 0px;
		height: 20px;
}

.space30 {
		margin: 0px;
		padding: 0px;
		height: 30px;
}
.space60 {
		margin: 0px;
		padding: 0px;
		height: 60px;
}

.space80 { height: 80px; }
.space70 { height: 70px; }
/*a gauche 5px autour*/
.image {
	width: auto;
	float: left;
	margin: 0px auto;
	padding: 5px;
}
.calendrierjour {
		font-size: 12px;
		color: #009;
		background-color: #FC3;
		padding-left: 3px;
}

.calendrier {
		color: #FFF;
		background-color: #1832FF;
}
.cristal {
		height: 600px;
		width: auto;
		padding: 5px;
}
.menu a:link, .menu a:visited {
		text-align: center;
		height: 25px;
		width: 200px;
		background-image: url(../annebodiniet/images/btn_menu.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		color: #FFF;
		text-decoration: none;
		font-size: 12px;
		font-style: normal;
		display: block;
		position: relative;
		padding-top: 8px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
}
.menu a:hover, .menu a:active     {
		background-image: url(../annebodiniet/images/btn_menu.gif);
		background-repeat: no-repeat;
		background-position: center 0px;
		padding-top: 8px;
		color: #FF9;
}

.rouge { color: #F00; }
#centraccueil #aujourdhui {
		background: url(../images/creaperso/date_accueil.jpg) no-repeat left top;
		height: auto;
		width: 540px;
		margin-right: auto;
		margin-left: auto;
		padding: 10px;
		color: #FFF;
}
#centraccueil #aujourdhui h4 {
		text-transform: uppercase;
		color: #FFF;
}
/* ANIMATION ETOILES */
.blt{display:block;margin:0px;border:0px;position:absolute;height:11px;width:11px;}
.evenements #absolue {
		padding: 2px;
		height: 40px;
		width: 100px;
		left: 106px;
		top: 274px;
		position: absolute;
		font-size: 11px;
		line-height: 11px;
}