/* généralités */

body {
font-size:100%;
background:#f6f4e9;
margin:0;
padding:0;}


#containeur {
width:900px;
margin:0 auto 0 auto;}

img {
border:none}

.retour_haut {
background-image:url(mep/puce-retour_haut.png);
background-repeat:no-repeat;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:25px 0 0 30px;
padding:0 0 0 20px;}

.retour_haut  a:link, .retour_haut  a:visited, 
.retour_haut  a:hover, .retour_haut  a:focus, .retour_haut  a:active { color:#624A35; text-decoration:underline; }

/* Menu */

#image-menu{ 
width : 904px;
height: 215px;
background: url(mep/Head.jpg);}

#zone-accueil { /* zone cliquable */
float: left; 
width : 60px;
height: 36px;
margin-left: 5px;
margin-top: 90px;}

#zone-naturopathie{ /* zone cliquable */
float: left; 
width : 99px;
height: 36px;
margin-left: 10px;
margin-top: 90px;}

#zone-massage{ /* zone cliquable */
float: left; 
width : 72px;
height: 36px;
margin-left: 15px;
margin-top: 90px;}

#zone-boutique{ /* zone cliquable */
float: left; 
width : 67px;
height: 36px;
margin-left: 10px;
margin-top: 90px;}

#zone-faq{ /* zone cliquable */
float: left; 
width : 38px;
height: 36px;
margin-left: 230px;
margin-top: 90px;}

#zone-agenda{ /* zone cliquable */
float: left; 
width : 62px;
height: 36px;
margin-left: 27px;
margin-top: 90px;}

#zone-lien{ /* zone cliquable */
float: left;
width : 61px;
height: 36px;
margin-left: 27px;
margin-top: 90px;}

#zone-contact{ /* zone cliquable */
float: left;
width : 61px;
height: 36px;
margin-left: 27px;
margin-top: 90px;}



/* Imageaccueil */
#imageaccueil {
margin:30px 0 0 0;
background:url(mep/imagecentrale.jpg);
background-repeat:no-repeat;
height:218px;}

#imageaccueil h1 {
font:Arial, Helvetica, sans-serif 1.4em;
color:#87830b;
margin:0;
padding:10px 0 0 30px;}


/* 4 rubriques */
#naturo {
width:200px;
margin:25px 0 0 30px;}

#massage, #boutique, #agenda {
float:right;
width:200px;
margin: 25px 17px 0 0;}

#agenda h2, #boutique h2, #massage h2, #naturo h2 {
color:#87830b;
font:Arial, Helvetica, sans-serif;
font-size:1.7em;
font-weight:bold;
margin:0 0 15px 0;
padding:0;}

#agenda p, #boutique p, #massage p, #naturo p {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 25px 0;
padding:0;}

.boutonaccueil {
font:"Times New Roman", Times, serif;
color:#336600;
font-size:0.7em;
text-align:right;}

#naturo a:link, #massage a:link, #boutique a:link, #agenda a:link,
#naturo a:visited, #massage a:visited, #boutique a:visited, #agenda a:visited { color: #666600; text-decoration:none; font-size:0.8em;  }
#naturo a:hover, #massage a:hover, #boutique a:hover, #agenda a:hover,
#naturo a:focus, #massage a:focus, #boutique a:focus, #agenda a:focus,
#naturo a:active, #massage a:active, #boutique a:active, #agenda a:active
 {color:#993300 ;}


/* paragraphe */

h1 {
font-size:1.6em;
font:Arial, Helvetica, sans-serif 1.4em;
color:#87830b;
margin:25px 0 10px 25px;}

h2 {
font-size:1.4em;
font:Arial, Helvetica, sans-serif 1.4em;
color:#87830b;
margin:25px 0 10px 25px;}

h3 {
font-size:1em;
font:Arial, Helvetica, sans-serif 1.4em;
color: #663333;
margin:25px 0 10px 25px;}

P {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:1.3em;
margin:0 15px 0 25px;}

ul {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:1.3em;
margin:15px 0 0 25px;
list-style:url(mep/puce-liste2.png);}

strong {
color:#336600;}

.tarif{
font-family:"Times New Roman", Times, serif;
font-size:1.4em;
color:#669900;
text-align:right;
font-weight:bold;
margin:0 10px 0 0;}



/* page naturopathe */

.cadrechristine {
float:right;
background:url(mep/cadre-christine-milieu.jpg);
width:220px;}

.cadrechristine h2 {
font-size:1em;
margin:0 5px 0 10px; }

.cadrechristine p {
font-size:0.8em;
margin:10px 5px 0 10px; }

.cadrechristine ul {
font-size:0.7em;
margin:10px 10px 0 25px;
padding:0; }

#bilannaturo {
width:200px;
background:#B6B38B;
margin:25px 0 0 30px;}

#suivinaturo, #bilannutri {
float:right;
width:200px;
margin: 25px 10px 0 10px;
background: #B6B38B}

#bilannaturo h2, #suivinaturo h2, #bilannutri h2 {
color: #ECEACC;
font-family:"Times New Roman", Times, serif;
font-size:1.5em;
margin:0;
padding:10px;}

#bilannaturo p, #suivinaturo p, #bilannutri p {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 10px 0;
padding:10px;}

#ou {
background: url(mep/fond-ou.jpg) no-repeat;
width:477px;
height:255px;
margin: 0 0 0 210px;}

#ou p {
font-family:"Times New Roman", Times, serif;
font-size:1em;
padding:18px 0 0 35px;
line-height:1.5em;}

#versplan {
font-family:"Times New Roman", Times, serif;
font-size:1em;
text-align:right;
margin:10px 20px 0 0;}

/* page massage */

#massage1 {
width:190px;
height:265px;
font-family:"Times New Roman", Times, serif;
font-size:0.9em;
background:#B6B38B;
margin:25px 0 0 30px;}

#massage2, #massage3, #massage4  {
float:right;
width:190px;
height:265px;
margin: 25px 15px 0 20px;
background: #B6B38B;}

#massage1 h2 {
color: #ECEACC;
font-family:"Times New Roman", Times, serif;
font-size:1.5em;
margin:0;
padding:10px;}

#massage2 h2, #massage3 h2, #massage4 h2  {
color: #ECEACC;
font-family:"Times New Roman", Times, serif;
font-size:1.3em;
margin:0;
padding:10px;}

#massage1 p {
color: black;
/*font-family:Arial, Helvetica, sans-serif;*/
font:Arial, Helvetica, sans-serif;
font-size:0.9em;
margin: 0;
padding: 0 10px 0 10px;}

#massage2 p, #massage3 p, #massage4 p  {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0;
padding: 0 10px 0 10px;}

#massage1 ul, #massage2 ul, #massage3 ul, #massage4 ul {
/*font-family:Arial, Helvetica, sans-serif;*/
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.9em;
list-style:none;
margin :0 0 0 15px;
padding:0;}

#massageEnceinte1 {
	position: relative;
	padding: 10px;
	margin-top: 10px;
	margin-left: 40px;
	width: 20%;
	float: left
	}

#massageEnceinte2  {
	position: relative;
	padding: 10px;
	width: 70%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 265px
}

#massageEnceinte3  {
	clear: left
}


/* 	boutique */



#bouti-huiles {
width:265px;
height:390px;
background:#B6B38B;
margin:25px 0 0 20px;
padding:0;}

#bouti-solaire, #bouti-biocri {
float:right;
width:265px;
height:390px;
margin: 25px 20px 0 10px;
padding:0;
background: #B6B38B}

#bouti-huiles h2, #bouti-solaire h2 , #bouti-biocri h2 {
color: #ECEACC;
font-family:"Times New Roman", Times, serif;
font-size:1.5em;
margin:0;
padding:10px;}

#bouti-huiles p, #bouti-solaire p , #bouti-biocri p {
color: black;
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 10px 0;
padding:10px;}


/* 	plantes */

#colonne-plantes {
width:320px;
float:right;
margin:0 0 0 15px;}

#colonne-plantes .cartouche {
background:url(mep/cadre-plantes-fond.jpg);}

#colonne-plantes h2 {
margin: 10px 0 0 15px;}

#colonne-plantes h3 {
margin: 5px 0 0 15px;
text-align:center;
font-size:1.1em;}

#colonne-plantes h4{
margin: 5px 0 0 15px;
text-align:center;
font-size:0.9em;
font-style:italic;}

#colonne-plantes ul {
font-size:0.8em;
margin: 10px 10px 10px 35px;
padding:0;}

#photo-mag {
width:350px;
height:150px;
margin:20px 0 0 40px;
padding:40px 0 0 100px;
background: url(mep/Couverture-magazine.png) no-repeat ;
border:dashed 1px #CC6600;}

/* 	tableau */

table {
  margin:0 40px 0 25px;
  width:860px;
  border-collapse: collapse;
  border: 1px solid #white;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background:#f6f4e9;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #d3e03c;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #white;
  text-align: left;
  background:#666600;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #white;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #d8d4bc;
  }
tbody tr:hover {
  background: #afa883;
  border: 1px solid #white;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #afa883;
  color: #FFFFFF;
  }


/* page agenda */

.dateagenda {
width:300px;
background:url(mep/Agenda-fond.jpg);
margin:15px 0 0 25px;}

.dateagenda p{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 10px;}


/* newsletter */
.bk {
	background-color: #d9d6af;
	border: 1px dashed #8d8b71;
	padding: 0;
	width: 850px;
	margin:0 0 0 25px;}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #50461d;
	text-align:left;
	margin: 0 0 5px 550px;}

.txtbox {

	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding:5xp;
	width:190px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:550px;}
	
.button {
float:right;
	background-color: #9c8b48;
	border: 1px solid #CCCCCC;
	padding: 0;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 60px 0 0;}
	
#newsletterp {
float:left;
width:500px;
font-family:"Times New Roman", Times, serif;
font-size:0.9em;
color:#330000;
margin-left:20px;}

#news {
padding:10px;
margin:0;}


  
/* page contact */

fieldset{margin:25px;padding:0;border:0;}
		label{width:250px; display:block;}
		.txt_input{width:250px; display:block;}
		textarea{height:200px; width:450px;}
		input{display:block;}
		.req{color:#f00;font-size:90%;}
		#form_errors{color:#f00; display:none;}
		#form_thanks{color:#000; display:none;}

#cabinet1 {
	position: relative;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	width: 46%;
	float: left
	}

#cabinet2  {
	position: relative;
	padding: 10px;
	width: 46%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#cabinet3 {
	clear: left
}

/* footer */

#footer {
margin-top:50px;
background:url(mep/fond-foot.jpg);
background-repeat:no-repeat;
background-position:right;
height:50px;}

#footer ul {
font:Arial, Helvetica, sans-serif;
font-size:0.6em;
padding:19px 0 0 2px;
margin:0 0 0 27px;
height:50px;}

#footer li{
list-style:none;
display : inline;}

#pucefacebook {
float:right;
margin:13px 450px 0 0;
padding:5px 0 0 25px;
background:url(mep/puce-facebook.jpg);
background-repeat:no-repeat;
height:50px;
font-size:0.6em; }



#footer   a:link, #footer   a:visited { color: black; text-decoration:underline; }
#footer   a:hover, #footer   a:focus, #footer   a:active {color:#993300 ;}