/* CSS Document */

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/motif.gif);
}

#contenu {
	position:absolute;
	left:40px;
	top:0px;
	width:717px;
	height:642px;
}

#contenu_haut {
	position:relative;
	left:0px;
	top:0px;
	width:916px;
	
	background-image:url(images/fond_01.gif);
	background-repeat:no-repeat;
	
	
}

#contenu_milieu {
	position:relative;
	left:0px;
	top:0px;
	width:916px;
	background-image:url(images/fond_02.gif);
}



#contenu_bas {
	position:relative;
	left:1px;
	top:0px;
	width:915px;
	height:40px;
	background-image:url(images/fond_04.gif);
	background-repeat:no-repeat;
}
#contenu_bas_2 {	
	position:relative;
	left:1px;
	top:0px;
	width:915px;
	height:185px;
	background-image:url(images/fond_05.gif);
	background-repeat:no-repeat;
}

#cartouche {
	position:relative;
	left:0px;
	top:0px;
	width:215px;
	}


#top_cartouche {
	position:relative;
	left:1px;
	top:52px;
	width:213px;
	height:205px;	
	background-image:url(images/top_cartouche.gif);
	background-repeat:no-repeat;
}

#rubrique0 {
	position:relative;
	left:31px;
	top:-130px;
	width:213px;      
      color: black;
}
#rubrique1 {
	position:relative;
	left:1px;
	top:-78px;
	width:213px;
      height:155px;
	background-image:url(images/rubrique1.gif);
}

#produits {
	position:relative;
	left:1px;
	top:-78px;
	width:213px;
      height:29px;
	background-image:url(images/produits.gif);
	background-repeat:no-repeat;
 }

#rubrique2 {
	position:relative;
	left:1px;
	top:-78px;
	width:213px;
	background-image:url(images/rubrique2.gif);
	
}

#bas_cartouche {
background-image:url(images/bas_cartouche.gif);
	background-repeat:no-repeat;
	position:relative;
	left:1px;
	top:-78px;
	width:213px;
	height:37px;
}

.txt_rubrique {
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
margin: 0px 2px 0px 10px;
}


.epitaphe {font: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
 font-size: 12px; margin:
  0px 10px 0px 10px; }

.txt_accueil{
color:#FFFFFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
margin:10px 10px 10px 15px; 
  display:block;
  }
  
.txt_accueil2 {
color:#FFFFFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
  }  
  
a:link {
	color: #3DAA73;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #669999;
}
a:hover {
	text-decoration: none;
	color: #00CC66;
}
a:active {
	text-decoration: none;
	color: #3DAA73;
}  
  
.txt_accueil2 a:link {
	color: #99FFBB;
	text-decoration: none;
}   
.txt_accueil2 a:hover {
	color: #99FFBB;
	background-color: #339966;
}    
.txt_accueil2 a:visited {
	color: #66DD99;
	text-decoration: none;
}   
.txt_accueil2 a:active {
	color: #66DD99;
	text-decoration: none;
}   
    
.lettrine {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A33D;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.popup {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:8px;
font-size:11px;
}


.the {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A33D;
	padding:6px;
	display:block;
	 margin: 0px 10px 0px 15px;
	}
	
.hammam {font: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
 font-size: 12px;
 display:block;
 margin: 5px 5px 5px 10px; }
 
.hammam2 {font: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
 font-size: 12px;
 }


 .hammam_titre {font: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
 font-size: 15px;
 display:block;
 background-color:#FFFFFF;
 line-height:14px;
 color:#9E1832;
 margin: 0px 10px 0px 15px;
 text-align:center;
  }
  
  
  
  .massage {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
		}


.stylex {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	color: #8F004A;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8F004A;
}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #5A3D1C; }
.style6 {
	font-size: 13px;
	color: #5A3D1C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.style7 {font-size: 15px}
.style9 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 18px; color: #8F004A; }
.style11 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #5A3D1C;}