/* CSS Document */

/*
/////////////////////////////////////////////////////////
*********************************************************
 
 C/V - Mickael Houdebert - 2009
 http://www.communication-visuelle.ch
 info@communication-visuelle.ch
 
*********************************************************
 	ALL DESIGN, AND SOURCES CODES ARE COPYRIGHTED
*********************************************************

 Plus d'informations sur les droit d'auteurs:
 More informations about copyright at:
 
 http://www.admin.ch/ch/f/rs/231_1/index.html
 http://www.ige.ch/defaultf.htm
 
*********************************************************
/////////////////////////////////////////////////////////
*/


* {
	padding: 0;
	margin: 0;
}

html {
	height:100%;
	width:100%;
}

body {
	margin: 0px 0px 0px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	height:100%;
}
		
		
		h1{
			font-size:11px;
			margin-bottom:10px;
		}
		
		h2{
			font-size:11px;
		}
		
		h3{
			font-size:11px;
			font-weight:normal;
		}

		h4{
		}

		p{
			font-size:11px;
			line-height:17px;
			_line-height:16px;
			margin-bottom:10px;
		}

		a{
			color: #57405b;
			text-decoration:none;
		}
		
				a:hover{
					color: #57405b;
					text-decoration:none;
				}
		
		.bold{
			font-weight:bold;
		}
		 
		.superscript{
			vertical-align:super;
			font-size:7px;
		}

		.italic{
			font-style:italic;
		}

/******** table contenus menu + contenu final **********/
	
	.table_contenus_et_nav{
		width:990px;
	}
	
			/***** ligne 1 *****/
	
			.td_header{
			}
			
			
			/***** ligne 2 *****/
			

			


/******** fin table contenus menu + contenu final **********/

		
/***********************/
/* Conteners globaux
/***********************/


/******* elements de centrage *********/

.table_global{
	height:100%;
	width:100%;
	background-color:#CCC;
}

		.td_top{
			height:0%;
			background-color:#666;
		}
		
		.td_middle{
			height:600px;
		}
		
		.td_bottom{
			height:0%;
			background-color:#666;
		}

/******* elements de centrage *********/



	#centrer{
		width:990px;
		height:620px;
	}
	
	
	
	#image{
		float:right;
		margin-top:-42px;
	}
	
	
	#contenus{
		
	}
	
			#cabinet_de_medecine_esthetique{
				float:left;
				margin-top:41px;
				margin-left:105px;
				_margin-left:52px;
				z-index:10;
				text-align:left;
			}
			
			#logo{
				float:left;
				padding-left:173px;
				padding-top:18px;
			}
			
			
			#logo_sml{
				padding-left:110px;
				padding-top:18px;
			}
			
		
	.titres_traitements{
		font-size:12px;
		font-weight:bold;
	}

/****************************************************/
	
	#end_content_homepage{
		width:440px;
		margin-top:25px;
		margin-left:118px;
		text-align:justify;
	}
		
	
	
	 

/***********************/
/* Contenus
/***********************/

	#header{
		margin-top:55px;
	}
	
	.iIdMenuspecial{
		background-color:#000;
		padding:3px 186px 3px 187px;
		_padding:3px 186px 3px 202px;
	}
	
	/***** Menu ******/
	
	#menu_princ{
		float:left;
		font-size:12px;
		color:#fff;
		border-bottom: 1px solid #fff;
		margin:0px 0px 0px 146px;
		_margin:0px 0px 0px 73px;
		padding:5px 0px 5px 0px;
		background-color:#000;
		width:844px;
		height:15px;
		text-align:left;
	}
	
		#menu_princ ul{
		}
	
		#menu_princ li{
			display:inline;
			border-right: 1px solid #fff;
			padding:5px 0px 5px 0px;
		}
		
				#menu_princ ul li a{
					color:#fff;
					padding:5px 20px 5px 20px;
					margin: 0px 0px 0px 0px;
				}
		
				#menu_princ ul li a:hover{
					color:#929497;
					padding:5px 20px 5px 20px;
					color: #faccce;
				}
		
		
						#menu_princ ul li.Menu_select{
						}
						
								#menu_princ ul li.Menu_select a{
									color:#faccce;
									padding:5px 20px 5px 20px;
								}
				
	
		
	
/***** sous menu medecine esthetique ******/	

	#sMenu_esthetique{
		display:none;
		position:absolute;
		font-size:11px;
		width:844px;
		border-top: 1px solid #fff;
		z-index:999;
		text-align:left;
		height:17px;
		margin:25px 0px 0px -844px;
		padding:3px 0px 3px 0px;
		/*background-color:#000;*/
	}
			
			
			* html #sMenu_esthetique{
				margin:-55px 0px 0px -349px;
				width:804px;
			}
			
			*+html #sMenu_esthetique{
				margin:-2px 0px 0px -349px;
				width:804px;
			}
			
			/* hack Chrome / Safari */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				#sMenu_esthetique {
					margin-left:146px;
					margin-top:-1px;
				}
			}
	
	
			#sMenu_esthetique ul{
			}
		
			#sMenu_esthetique li{
				display:inline;
				border-right: 1px solid #fff;
				padding:3px 0px 3px 0px;
				float:left;
				margin-top:0px;
			}
			
			*+html #sMenu_esthetique li{
				padding-bottom:4px;
			}
			* html #sMenu_esthetique li{
				padding-bottom:4px;
			}
			
			#sMenu_esthetique li .last{
			}
			
		
			
					#sMenu_esthetique ul li a{
						color:#fff;
						margin: 0px 0px 0px 0px;
						padding: 3px 20px 3px 20px;
						background-color:#000;
					}
			
					#sMenu_esthetique ul li a:hover{
						color: #faccce;
					}
			
			
			
			
							#sMenu_esthetique ul li.sMenu_select{
							}
							
									#sMenu_esthetique ul li.sMenu_select a{
										color: #faccce;
									}
					
					
					
									

/***** sous menu medecine anti-age ******/	

	#sMenu_antiage{
		display:none;
		position:absolute;
		font-size:11px;
		height:17px;
		/*width:148px;*/
		/*background-color:#000;*/
		margin:25px 0px 0px -844px;
		padding:3px 0px 3px 0px;
		border-top: 1px solid #fff;
		z-index:998;
		text-align:left;
	}
	
			* html #sMenu_antiage{
				margin:-55px 0px 0px -349px;
			}
			
			*+html #sMenu_antiage{
				margin:-2px 0px 0px -349px;
			}
			
			/* hack Chrome / Safari */
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				#sMenu_antiage {
					margin-left:146px;
					margin-top:-1px;
				}
			}
	
	/*
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sMenu_antiage { margin-left:304px; width:146px; }
	}
	*/

	
			#sMenu_antiage ul{
			}
		
			#sMenu_antiage li{
				display:inline;
				border-right: 1px solid #fff;
				padding:3px 0px 3px 0px;
				float:left;
				
			}
			
					#sMenu_antiage ul li a{
						color:#fff;
						margin: 0px 0px 0px 0px;
						padding: 3px 20px 3px 20px;
						background-color:#000;
					}
			
					#sMenu_antiage ul li a:hover{
						color:#929497;
						color: #faccce;
					}
			
			
							#sMenu_antiage ul li.sMenu_select{
							}
							
									#sMenu_antiage ul li.sMenu_select a{
										color:#faccce;
									}





/***** MENUS en images ******/


	#menu_image_medecine_esthetique{
		margin-top:25px;
		_margin-top:20px;
		margin-left:127px;
		_margin-left:63px;
		text-align:left;
		float:left;
	}
	
		*+html #menu_image_medecine_esthetique{
			margin-top:20px;
		}
	
	
	
			#menu_image_medecine_esthetique ul{
			}
			
			#menu_image_medecine_esthetique li{
				list-style-type:none;
			}
				
				
				
	
	
	#menu_image_medecine_anti-age{
		margin-top:22px;
		_margin-top:20px;
		margin-left:127px;
		_margin-left:63px;
		text-align:left;
		float:left;
	}
	
		*+html #menu_image_medecine_anti-age{
			margin-top:20px;
		}
	
	
	
			#menu_image_medecine_anti-age ul{
			}
			
			#menu_image_medecine_anti-age li{
				list-style-type:none;
			}
				
		
/***** Tarifs ******/


	.td_tarifs_ico{
		width:35px;
		vertical-align:top;
		padding-top:1px;
	}
	
	.td_tarifs_textes{
		padding-bottom:12px;
	}
	

/***** Contact ******/

	#image_contact{
		float:left;
		margin-left:148px;
		margin-top:30px;
	}
	
	#map{
		float:right;
		margin-top:-93px;
	}
	



	#logo_contact{
		float:left;
		/*background-color:#CCC;*/
		margin-left:230px;
		margin-top:100px;
	}
	
	
	#contact_infos{
		float:right;
		/*background-color:#999;*/
		width:536px;
		margin-top:28px;
	}
	
	
			.td_contact_left{
				vertical-align:top;
			}
			
			.td_contact_right{
				padding-top:2px;
			}
	
	
	
			.contact_titre{
				font-size:15px;
				font-weight:bold;
			}
			
			.contact_stitre{
				font-size:15px;
				font-style:italic;
			}
			
			.contatc_contact{
				font-weight:bold;
				font-size:15px;
			}



/***********************/
/* Flexscroll
/***********************/

	
	#scroll{
		float:left;
		padding-top:25px;
		background-color:#999999;
	}
	
	#customscroll{
		width: 335px;
		height: 210px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: absolute;
		/*background-color: #E7EADE;*/
		margin: 0.3em auto;
		/*padding: 15px;*/
		padding-right:20px;
		padding-bottom:10px;
		margin-left:147px;
		margin-top:334px;
		text-align:left;
	}
	
			* html #customscroll{
				height:220px;
				margin-left:-357px;
				margin-top:133px;
			}
			
			*+html #customscroll{
				height:203px;
				margin-left:-357px;
				margin-top:133px;
			}
			

			
				
			
			
	
	#customscroll_tarifs{
		width: 335px;
		height: 275px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: absolute;
		/*background-color: #E7EADE;*/
		margin: 0.3em auto;
		/*padding: 15px;*/
		padding-right:20px;
		padding-bottom:10px;
		padding-top:15px;
		margin-left:147px;
		margin-top:254px;
		text-align:left;
	}
	
			* html #customscroll_tarifs{
				height:275px;
				margin-left:-237px;
				margin-top:63px;
			}
			
			*+html #customscroll_tarifs{
				height:258px;
				margin-left:-237px;
				margin-top:63px;
			}
			
	
	
	.fixedwidth {
		/* a wide div is used for creating horizontal scrollbars 
		for demonstration purposes */
		width: 435px;
		height: auto;
		position: relative;
		color: black;
		padding: 1px;
	}