/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(diaporama.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/
 
body, html {
 padding: 0;
 margin: 0;
 font-family: "Arial", sans-serif;
 font-size: 13px;
 background:url(../img/footerbg.png) bottom repeat-x;
}

img {
 border: none;
}

a {
 text-decoration: none;
 color: #000000;
}

*{
padding:0px;
margin:0px;
border:0px;
outline: none;
font-weight:normal;
}
/* ------ ACTUALITES ------ */

#actualites {
}

#actualites h3 {
 margin: 0;
 padding: 4px 6px 2px 6px;
 background:url("../img/cat.png") no-repeat;
 color: #fff
}

#actualites p {
 margin: 0;
 padding: 4px 6px;
 height:130px
}

#actualites a.actu_suite {
 display: block;
 margin-left: 6px;
 color: #000;
 text-decoration: none;
}

.actu{
margin-top: 40px
}

#actualites a.actu_suite {
background:url("../img/plus.png") no-repeat scroll 0 0 transparent;
color:#000000;
display:block;
height:31px;
text-decoration:none;
width:213px;
}

.actu h2{
	background:url(../img/actuh2.png) no-repeat 69px 0;
	height:70px;
}



/* ------ MENU ACCORDEON ------ */

.acc_toggler {
 margin: 0;
 padding: 0;
 cursor: pointer;
} 

.acc_toggler a{
 background:url(../img/cat.png);
 color:#FFFFFF;
 display:block;
 font-size:13px;
 height:20px;
 margin-bottom:5px;
 padding-left:10px;
 padding-top:3px;
 width:165px;
 }

.acc_toggler a:hover{
	background:url(../img/cathov.png);
}

.acc_element{
	
}
	
.acc_element h3 {
 background:url(../img/sscat.png) left no-repeat;
 margin: 0;
 padding: 0;
 padding-left:13px;
 margin-bottom:5px;
 margin-left:10px; 
} 

.acc_element a{
	color:#88B14A;
	font-size:13px;
}

.acc_element a:hover{
	color:#978E71;
}
/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
 display: block;
 clear: both;
 margin: 10px 0 10px 0;
}

h2.galerie {
 background: #777 url('../img/bg-h2.jpg') top left repeat-x;
 color: #fff;
 font-size: 14px;
 padding: 3px 0 3px 8px;
}

div.photos {
 display: block;
}

div.photo {
 float: left;
 margin: 0 8px 0 0;
 text-align: center;
 width: 120px;
 height: 120px;
 padding: 6px 2px;
}

img.photo {
 max-width: 120px;
 max-height: 120px;
}

div.photo div.photoName {
 padding: 6px 0;
}

/* ------ CONTACT ------ */

div.contact_frame {
 border-top: 1px solid #eee;
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border: 1px solid #eee;
 border-top: none;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 padding: 7px 0 0 0;
 font-weight: bold;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
 background: #f5f5f5;
}

div.contact_line input , div.contact_line textarea {
 font-weight:bolder;
margin-top:3px;
}

div.contact_submit {
 float: right;
 margin: 10px 8px 0 0;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 width: 400px;
}

/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
	display:none;
 text-indent: -9999px; 
 margin: 0;
 padding: 0;
}

h2.block {
 margin: 0px;
 padding: 3px 5px 1px 5px;
 background: #aaa;
 color: #000;
 font-size: 15px;
}

div.block {
 padding: 5px;
}

h3 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

#conteneur {
 background:url(../img/bg.png) repeat-x;
}

#page {
 width: 980px;
 margin: auto;
}

#headerbg {
 background:url(../img/header.png) no-repeat center;
 height: 310px;
}

.header {
 margin-top:-308px;
 min-height: 280px;
 position:relative;
}
.logo{
	display:block;
	background:url(../img/logo.png) no-repeat;
	width:448px;
	height:0px;
	padding-top:165px;
}
#body {
 margin: 5px 0;
}

#body #wrapper {
 height: 100%;
 float: right;
 width:800px;
}

#body #left {
 width: 180px;
 float: left;
 margin-top:-10px;
}

#body #right {
 float: right;
 width: 205px;
 margin-top:35px;
}

#body .center {
 color:#7EA344;
 margin: 0px;
 float: left;
 font-size:12px;
 min-height:450px
}

#arbo {
 padding: 5px 5px 3px 5px;
 background: #aaa;
}

#footer {
 background:url(../img/footer.png) no-repeat center;
 height: 410px;
 margin-top:-5px;
 
}
.menu{
background:url(../img/menu.png) no-repeat;
display:block;
width:100px;
height:19px;
position:absolute;
top:150px;
left:860px;
padding:4px;
padding-left:10px;
}
a#home{
	display:block;
	background-image:url(../img/home.png);
	float:left;
	height:10px;
	width:12px;
	margin-right:15px;
	}
a:hover#home{
	background-image:url(../img/homehov.png);
	}
a#rec{
	display:block;
	background-image:url(../img/rec.png);
	float:left;
	height:10px;
	width:12px;
	margin-right:15px;
	}
a:hover#rec{
	background-image:url(../img/rechov.png);
	}
a#fav{
	display:block;
	background-image:url(../img/fav.png);
	float:left;
	height:10px;
	width:8px;
}
a:hover#fav{
	background-image:url(../img/favhov.png);
	}
a#plan{
	display:block;
	background-image:url(../img/plan.png);
	float:left;
	height:10px;
	width:12px;	
	margin-right:15px;

	}
a:hover#plan{
	background-image:url(../img/planhov.png);
	}
.menu2 {
display:block;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
margin-right:320px;
margin-top:55px;
text-align:right;
}
.menu2 a{
	color:#fff;
}
.Massages{
	background:url(../img/massages.png) no-repeat right;
	padding-right:15px;
	display:block;
}
.Pose{
	background:url(../img/pose.png) no-repeat right;
	padding-right:15px;
	display:block;
}
.Soins{
	background:url(../img/soins.png) no-repeat right;
	padding-right:15px;
	display:block;
}
.menubar{	
	margin-top:31px;
	margin-left:30px;
}
.menubar li{
	list-style:none;
	display:inline;
	
}
.menubar a{
	display:block;
	background:url(../img/button.png);
	text-align:center;
	width:82px;
	height:21px;
	padding-top:5px;
	color:#FFFFFF;
	float:left;
	margin-right:10px;
	}
.menubar a:hover{	
	background:#fff;
	color:#778C38;
	}
.blocknews{
	background:url(../img/news.png) no-repeat;
	width:204px;
	height:88px;
	float:right;
	margin-bottom:20px;
	margin-right: 7px
}

.id_text{
background:url(../img/formtxt.png);
height:18px;
margin-top:29px;
padding-left:5px;
padding-top:1px;
width:150px;
font-weight: bold;
	
}

.go{
	background:url(../img/go.png) no-repeat;
	cursor:pointer;
	height:39px;
	padding-top:12px;
	width:40px;
}

#diaporama{
width:769px;
height:340px;
padding:30px 5px 5px 15px
}

#diaporama img{
width:769px;
height:340px;
position:absolute
}
	
.article p{
	margin:5px 10px 5px 16px;
	text-align:justify;
}	
.article img{
	margin:10px;
	margin-right:18px;
	margin-left:0px;
	}
.article a{
	color:#756941}
.article h2{
	background:url(../img/puceh2.png) left no-repeat;
	height:13px;
	padding-left:15px;
	padding-top:4px;
	color:#897A4C;
	font-size:14px;
}
.article h3{
	background:url(../img/puceh3.png) left no-repeat;
	color:#897A4C;
	font-size:14px;
	height:11px;
	padding-bottom:2px;
	padding-left:15px;
}

.article h4{
	background:url(../img/puceh4.png) left no-repeat;
	height:13px;
	padding-left:15px;
	padding-top:4px;
	color:#897A4C;
	font-size:14px;
}
.titre1{
	background-color:#333333;}
.txtfooter{
	width:980px;
	margin:auto;
	padding-top:5px;
}
.links {
	margin-left:20px;
	width:600px;
	margin-top:285px;
}
*+html .links{
	margin-top:82px;
}

.links ul{
}
.links li{
	list-style:none;
	display:inline;
	}
.links a{
	width:102px;
	height:14px;
	color:#fff;
	margin-bottom:10px;
	padding-left:5px;
	float:left;
	font-size:11px;
	margin-right:80px;
}	

.links a:hover{
	background:url(../img/linkshov.png) no-repeat;
}

.copyright{
	background:url(../img/ekinoxe.png) no-repeat bottom;
	width:134px;
	height:51px;
	display:inline;
	float:right;
	margin-right:25px;
	margin-top:-45px;
}	

.eki{
	float:right;
	font-size:11px;
	margin-right:25px;
	margin-top:-75px;
	text-align:right;
	margin-left:700px;
}
.eki a{
	 color:#FFFFFF;
	}
	
.horaires{
	color:#897A4C;
	font-size:12px;
	float:left;
	font-size:12px;
	margin-left:202px;
	margin-top:5px;
	margin-bottom:0px;
}
#planacces{
margin-left:31px; 
}

.adresse{
	color:#897A4C;
	font-size:13px;
	float:left;
	font-size:13px;
	margin-left:370px;
	margin-top:166px;
	margin-right:100px;
}
.gsm{
	color:#897A4C;
	float:left;
	font-size:11px;
	margin-left:202px;
	margin-right:660px;
	margin-top:5px;
	}