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

*{ margin:0; padding:0; outline:none}

body{ background:#230f05; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif}

#global{ width:1000px; margin:0 auto }
.titre{ display:none}
#wrapper{ width:1000px; float:left; background:url(../images/ayurveda2_01.jpg) repeat-y 740px top; }

#menu{float:left; width:294px;}
#menu a{ font-family:Arial, Helvetica, sans-serif; font-size:11px}
#menu li{ list-style:none; line-height:1 }
.cale{padding-top:80px}
#item1, #item2, #item3, #item4, #item5{ position:relative; display:block; height:125px}
#item1 a, #item2 a, #item3 a, #item4 a, #item5 a{ display:block; height:125px; width:294px;}
#item1 a{ background:url(../images/home.png) no-repeat left top;}
#item2 a{ background:url(../images/ayurveda.png) no-repeat left top; }
#item3 a{ background:url(../images/tarif-massage.png) no-repeat left top; }
#item4 a{ background:url(../images/demo-massage.png) no-repeat left top;  }
#item5 a{ background:url(../images/contact-massage.png) no-repeat left top;}
#item1 a:hover, #item2 a:hover, #item3 a:hover, #item4 a:hover, #item5 a:hover{ background-position:left -124px; }
#item1 h3, #item2 h3, #item3 h3, #item4 h3, #item5 h3{ position:absolute; font-size:14px; color:#230f05; font-weight:normal; text-decoration:none; left:130px; top:38px; z-index:200}
#item1 ul, #item2 ul, #item3 ul, #item4 ul, #item5 ul{ position:absolute; background:none; display:inline; color:#230f05; text-decoration:none; left:130px; top:58px; z-index:200}
#item1 ul li a, #item2 ul li a, #item3 ul li a, #item4 ul li a, #item5 ul li a{ display:inline; color:#ff4800; text-decoration:none; background:none}
#item1 ul li a:hover, #item2 ul li a:hover, #item3 ul li a:hover, #item4 ul li a:hover, #item5 ul li a:hover{ color:#230f05;}

#content{ float:left; background:url(../images/ayurveda2_07.jpg) repeat-y right top #230f05; width:700px; color:#e9c39f; text-align:justify; min-height:800px; position:relative }
.txt{ padding:20px}
#content h1{ background:#ff4800; color:#230f05; font-weight:normal; font-size:16px; display:inline; padding:2px;}
#content h1 a{ text-decoration:none; color:#230f05;}
#content h1 a:hover{color:#000;}
#content h2{ color:#b9ff00; font-weight:normal; font-size:16px; font-variant:small-caps}
#content h2 a{color:#b9ff00; text-decoration:none}
#content h2 a:hover{color:#00FF00;}
#content h2 img{ border:none}
#content h3{ color:#90ff00; font-weight:normal; font-size:16px; font-family:Arial, Helvetica, sans-serif; }
#content h3 span{ color:#fff; font-size:12px}
#content h4{ color:#fff; font-weight:normal; font-size:12px;}
#content a{ color:#fff; text-decoration:none}
#content a:hover{ color:#e9c39f}
#content li{ list-style:none; margin-left:20px}
#content fieldset{border:1px dashed #ff4800; color:#90ff00}
#content hr{ border-left:none; border-right:none; border-bottom:1px dashed #ff4800; border-top:1px solid #230f05; margin:20px 0}
#content table{ border:none; margin-right:20px; width:500px }
#content td{ border:none; background:#180902; color:#fff}
#content td strong{ color:#ff4800}
#player{ float:left; margin:2px 20px 0 0}
.copyright{color:#ff4800; font-size:12px}
a.up{ position:absolute; bottom:5px; left:744px; z-index:200; cursor:pointer }

#test input{ margin-right:10px}
#slider{ margin:30px 0 20px 0;}
#slider p{ background:#000; color:#fff; height:20px; padding-left:10px}
#slider ul, #slider li{margin:0; padding:0; list-style:none;}	
#slider, #slider li{height:433px; width:530px; overflow:hidden; margin-left:0px; display:block}	
span#prevBtn{ outline:none; background:#90ff00; padding:3px; }
span#nextBtn{outline:none; background:#90ff00; padding:3px; }
#nextBtn a, #prevBtn a{ color:#000}
#nextBtn a:hover, #prevBtn a:hover{ color:#333}		

#footer{ font-size:10px; padding:20px 0 0 0; height:5px; clear:both}
#footer a{ color:#ff4800}
#footer a:hover{ color:#00FF00}

.float_left{ float:left; margin-right:10px}
.float_right{ float:right; margin-left:10px}