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

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* GENERAL
************************************************************************** */

	body {
		font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Geneva, Tahoma, Arial, Verdana, sans-serif;
		color: #808080;
		background: #FFFFFF;
		width: 100%;
	}
	
	/* type 
	---------------------------------------------------------------------- */
		
		a {
			color:#F7931E;
			list-style:none;
			text-decoration: none;
		}
		
		a:hover {
			color:#666666;
		}
	
		
		a.ss-int{
			color:#999999;
			
		}
		a.ss-int:hover{
			color:#666666;
		}
		a.partie-corps{
			color:#666666;
			font-size:13px;
			margin-left:10px;
		}
		a.partie-corps:hover{
			color:#BBBBBB;
		}
		
		ul.sitemap-int{
			display:block;
			font-size:10px;
			margin-left:100px;
			list-style:circle;
			
		}
		ul.sitemap-int li{
			color:#333;
			font-weight:300;
			}
	
		
		h1 {
			display: block;
			padding: 30px 40px;
			margin: 10px;
			font-size: 1.8em;
			text-align: right;
			color: #F7931E;
			background: url(../i/accolade.png) no-repeat right 50%;
		}
		h1 span {
			font-size: 0.75em;
			display: block;
			padding: 6px 0 2px;
			color: #808080;
		}
		h2 {
			display: block;
			margin: 25px auto;
			border-left: 10px solid #F7931E;
			font-size: 1.4em;
			text-indent: 10px;
			color: #404040;
		}
		h3 {
			display: block;
			margin: 20px 10px;
			font-size: 1.2em;
			color: #404040;
		}
		
		p {
			margin: 10px 50px 10px 30px;
			text-align: justify;
		}
		p.intro {
			font-style: italic;
			margin: 10px 50px 10px 100px;
			text-align: right;
		}
		p.conclu {
			font-style: italic;
			margin: 10px 20px 10px 100px;
			text-align: right;
		}
		p.info {
			font-style: italic;
			margin: 10px 20px 10px 20px;
			font-size:10px;
			text-align: right;
		}
		strong {
			color: #404040;
			font-weight: normal;
		}
		blockquote {
			display: block;
			padding: 25px 20px;
			font-size: 1.2em;
			color: #404040;
		}
		blockquote span.author {
			display: block;
			padding: 10px 40px;
			font-size: 0.8em;
			font-style: italic;
			text-align: right;
			color: #808080;
		}
		span.lastmod {
			display: block;
			position: relative;
			margin: 0 20px;
			padding: 10px 0;
			text-align: right;
			font-style: italic;
			color: #bbbbbb;
		}
	
	
	/* END type ---------------------------------------------------------- */
	
	
	/* others
	---------------------------------------------------------------------- */
		
		img {
			display:block;
			margin: 0 auto;
		}
		.img-g {
			display:block;
			margin:0 50px 0 20px;
		}
		
		div.yt-video {
			display: block;
			width: 560px;
			position: relative;
			margin: 0 auto;
			padding: 10px 0;
		}
		div.yt-video h4 {
			padding: 8px 0;
			font-size: 0.8em;
			text-align: center;
		}
		
		/* forms */
		
		label {
			display: block;
			height: 35px;
			position: relative;
			margin: 0 auto;
			line-height: 35px;
			font-size: 1.2em;
			color: #404040;
		}
		label.label-checkbox {
			height: 22px;
			line-height: 22px;
			display: inline;
			font-size: 0.85em;
		}
		label.label-select {
			margin-right: 20px;
			display: inline;
		}
		input.input-email, input.text, input.tel, textarea {
			display: block;
			margin: 0;
			border: 1px solid #CCCCCC;
			background: #ffffff;
			color: #404040;
			font: 1.2em/1.2em "Lucida Grande", "Lucida Sans Unicode", Geneva, Tahoma, Arial, Verdana, sans-serif;
		}
		input.input-email:focus, input.text:focus, input.tel:focus, textarea:focus {
			border: 1px solid #666666;
		}
		
		input.input-email, input.text {
			width: 300px;
			height: 26px;
			line-height: 26px;
			text-indent: 2px;
		}
		input.tel {
			width: 200px;
			height: 26px;
			line-height: 26px;
			text-indent: 2px;
		}
		input.input-checkbox {
			float: right;
		}
		input.submit {
			display: block;
			width: 115px;
			height: 35px;
			position: relative;
			float: right;
			border: none;
			background: url(../i/btn.png) no-repeat 0 0;
			line-height: 35px;
			font-size: 1.2em;
			color: #404040;
			cursor: pointer;
		}
		input.submit:hover {
			background-position: 0 -35px;
		}
		input.submit:active {
			background-position: 0 -70px;
		}
		input.hidde {
			display: none;
		}
		
		/* status messages */
		
		.status {
			display:block;
			min-height: 28px;
			height: auto !important;
			height: 28px;
			position:relative;
			padding-right: 2px;
			padding-bottom: 2px;
			margin:10px 0;
			overflow:hidden;
			text-align:center;
		}
		.success {
			display: block;
			width: 100%;
			min-height: 26px;
			height: auto !important;
			height: 26px;
			position: relative;
			overflow: hidden;
			line-height: 26px;
			border: 1px dotted #70F93E;
			background-color: #CCFFAA;
			color: #404040;
		}
		.warning, .error {
			display: block;
			width: 100%;		
			min-height: 26px;
			height: auto !important;
			height: 26px;
			position: relative;
			line-height: 26px;
			background-color:#ffdfdf;
			border: 1px dotted #de9292;
			color: #404040;
		}
		.warning strong {
			display: inline;
			padding: 0 10px;
		}
		
		/* validation js */
		
		.status-js {
			display:none;
			height: 28px;
			position:relative;
			padding-right: 2px;
			margin:10px 0;
			overflow:hidden;
			text-align:center;
		}
		.status-js ul {
			list-style:none;
			margin:0;
			padding:0;
		}
		.status-js ul li {
			display:block;
			height:28px;
		}
		.status-js ul li label {
			display:block;
			width:100%;
			height:26px;
			line-height:26px;
			font-weight:normal;
		}
		
		.clear { clear: both; }

	
	/* END others -------------------------------------------------------- */
	
	
	/* stucture 
	-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
		#wrapper {
			display: block;
			width: 870px;
			height: 100%;
			position: relative;
			top: 0px;
			margin: 0 auto;
			padding: 0;
		}
		#header {
			display: block;
			width: 870px;
			height: 145px;
			position: relative;
			top: 0px;
			margin: 0px;
		}
		#middle {
			display: block;
			width: 870px;
			min-height: 630px;
			height: auto !important;
			height: 630px;
			position: relative;
		}
		#middle.avec-femme { background: url(../i/femme.jpg) no-repeat 0 bottom; }
		
		#left {
			display: block;
			width: 200px;
			
			position: relative;
			float: left;
			padding-top: 10px;
		}
		#content-wrap {
			display: block;
			width: 670px;
			min-height: 220px; /* 475px */
			height: auto !important;
			height: 220px; /* 475px */
			position: relative;
			float: left;			
		}
		#middle.fixed.sans-femme #content-wrap { background: url(../i/content-fixed-sans-femme.jpg) no-repeat 0 0;}
		#middle.fixed.sans-femme.grand #content-wrap { background: url(../i/content-fixed-sans-femme-grand.jpg) no-repeat 0 0;}
		#middle.fixed.avec-femme #content-wrap { background: url(../i/content-fixed-avec-femme.jpg) no-repeat 0 0;}
		#middle.flexible #content-wrap { background: url(../i/content-flexible-middle.jpg) repeat-y 0 0;}
		#middle.avec-femme #content-wrap {
			min-height: 475px;
			height: auto !important;
			height: 475px;
		}
		
		#content {
			display: block;
			width: 664px;
			min-height: 200px; /* 455px */
			height: auto !important;
			height: 200px; /* 455px */
			position: relative;
			padding-bottom: 30px;
		}
		#content.page-philippe-letertre {
			padding-bottom: 9px;	
		}
		
		#middle.flexible.sans-femme #content-wrap #content { 
			background: url(../i/content-flexible-sans-femme.jpg) no-repeat 0 bottom; 
		}
		#middle.flexible.avec-femme #content-wrap #content { 
			min-height: 455px; 
			height: auto !important;
			height: 455px;
			background: url(../i/content-flexible-avec-femme.jpg) no-repeat 0 bottom;
		}
		
		#middle.fixed #content-wrap #content {
			width: 660px;
			height: 460px !important;
			margin-top: 6px;
			margin-left: 1px;
			padding: 0;
			overflow: hidden;
		}
		#middle.fixed.grand #content-wrap #content {
			height: 584px !important;
			margin-bottom: 10px;
		}
		
		#content-top {
			display: block;
			width: 670px;
			height: 6px;
			position: relative;
			background: url(../i/content-flexible-top.jpg) no-repeat 0 0;
		}
		#middle.fixed #content-top { display: none; }
	
		#footer-wrap {
			display: block;
			width: 870px;
			height: 155px;
			position: relative;
			clear: both;
		}
		#footer {
			display: block;
			width: 870px;
			height: 115px;
			position: relative;
		}

		#bottom-line {
			display: block;
			width: 775px;
			height: 35px;
			position: relative;
			margin-left: -90px;
			background: url(../i/bottom-line.jpg) no-repeat 0 0;
		}
		
		#breadcrumbs {
			display: block;
			width: 620px;
			height: 30px;
			position: relative;
			clear: both;
			margin: 0 auto;
			padding: 0 10px;
			border-bottom: 1px solid #cccccc;
			line-height: 30px;
			
			

		}
		#breadcrumbs a { color: #404040; }
		#breadcrumbs a:hover { color: #F7931E; }

			/* HEADER 
			------------------------------------------------------------------ */

			#logo {
				display: block;
				width: 350px;
				height: 92px;
				position: relative;
				float: right;
				margin-top: 20px;
				margin-right: 6px;
			}

			#panel {
				display: block;
				width: 402px;
				height: 100px;
				background: url(../i/panel.gif) no-repeat 0 0;
				position: absolute;
				top: 0px;
				left: 37px;
			}
			
			#panel_menu {
				display: block;
				width: 402px;
				height: 56px;
				position: relative;
				background: url(../i/panel.gif) no-repeat 0 0;
			}
			#panel_menu li {
				margin: 0;
				padding: 0;
				float: left;
			}
			#panel_menu li a, #panel_menu li.onit {
				display: block;
				height: 56px;
				background: url(../i/panel.gif) no-repeat 0 0;
				color: #afafaf;
				text-decoration: none;
			}
			#panel_menu li a:hover, #panel_menu li.onit { color:#666666; }
			
			#panel_menu #tw		a {	text-indent: -9000px; width: 38px; background-position: 0 0; }
			#panel_menu #fb		a {	text-indent: -9000px; width: 38px; background-position: -38px 0; }
			#panel_menu #rdv 	a, #panel_menu #rdv.onit { width: 108px; background-position: -76px 0; }
			#panel_menu #info 	a, #panel_menu #info.onit { width: 110px; background-position: -184px 0; }
			#panel_menu #plan 	a, #panel_menu #plan.onit { width: 108px; background-position: -294px 0; }
			
			#panel_menu #tw 	a:hover { background-position: -402px 0; }
			#panel_menu #fb		a:hover { background-position: -440px 0; }
			#panel_menu #rdv 	a:hover, #panel_menu #rdv.onit { background-position: -478px 0; }
			#panel_menu #info	a:hover, #panel_menu #info.onit { background-position: -586px 0; }
			#panel_menu #plan	a:hover, #panel_menu #plan.onit { background-position: -696px 0; }

			#panel_menu li a span, #panel_menu li.onit span {
				display: block;
				height: 20px;
				position: relative;
				padding-top: 36px;
				text-align: center;
			}
			
			#panel_button {
				display: block;
				width: 402px;
				height: 44px;
				position: relative;
			}
			#panel_button li {
				margin: 0;
				padding: 0;
				float: left;
			}
			#panel_button li a, #panel_button li.onit {
				display: block;
				height: 44px;
				background: url(../i/panel.gif) no-repeat 0 -56px;
				color: #666666;
				text-decoration: none;
			}
			
			#panel_button #faq-btn a, #panel_button li.onit { width: 168px; background-position: 0 -56px; }
			#panel_button #faq-btn a:hover, #panel_button li.onit { background-position: -402px -56px; }
			
			#panel_button #contact a { width: 92px; }
			
			#panel_button #langues a { width: 92px; background: none; }
			
			#panel_button #contact a, #panel_button #contact a:hover.hover { background-position: -570px -56px; }
			#panel_button #contact a.close, #panel_button #contact a:hover { background-position: -168px -56px; }
			
			#panel_button li a span, #panel_button li.onit span {
				display: block;
				height: 20px;
				position: relative;
				text-align: center;
			}
			#panel_button #faq-btn a span, #panel_button li.onit span { padding-top: 15px; color: #ffffff; }
			#panel_button #contact a span { padding: 15px 0 0 4px; }
			
			#panel_button #langues a span { 
				width: 28px;
				margin: 14px 0 0 10px;
				text-indent: -9000px;
				overflow: hidden;
			}
			#panel_button #langues a span.en { background: url(../i/flag-en.gif) no-repeat 0 0; }
			#panel_button #langues a span.fr { background: url(../i/flag-fr.gif) no-repeat 0 0; }
			
			#panel_button #langues a:hover span { background-position: 0 -20px; }
			
			/* END HEADER ---------------------------------------------------- */
			
			/* LEFT 
			------------------------------------------------------------------ */
			
			#nav-wrap {
				display: block;
				width: 200px;
				position: relative;
				background: url(../i/menu.gif) repeat-y 195px 0;
			}
			#nav-top {
				display: block;
				width: 10px;
				height: 20px;
				position: relative;
				clear: both;
				float: right;
				background: url(../i/menu.gif) no-repeat right 0;
			}
			#nav-bottom {
				display: block;
				width: 10px;
				height: 20px;
				position: relative;
				clear: both;
				float: right;
				background: url(../i/menu.gif) no-repeat right -100px;
			}
			#nav {
				display: block;
				width: 200px;
				position: relative;
				margin: 0;
				padding: 0;
				clear: both;
				list-style: none;
				background: url(../i/menu.gif) repeat-y 195px 0;
			}
			#nav li {
				display: block;
				width: 200px;
				height: 27px;
				position: relative;
				clear: both;
				margin: 0;
				padding: 0;
				font-family: Helvetica, Verdana, Arial, sans-serif;
				letter-spacing: 0.5px;
				font-size: 1em;
			}
			#nav li a {
				display: inline;
				height: 27px;
				position: relative;
				clear: both;
				float: right;
				background: url(../i/menu.gif) no-repeat -14px -20px;
				cursor: pointer;
				text-decoration: none;
				overflow: hidden;
			}
			#nav li a span {
				display: inline;
				width: 156px;
				height: 27px;
				position: relative;
				clear: both;
				float: right;
				background: url(../i/menu.gif) no-repeat right -47px;
				padding: 0 10px 0 0;
				cursor: pointer;
				text-align: right;
				text-decoration: none;
				line-height: 27px;
				color: #808080;
			}
						
			#nav li a.odd 	{ width: 180px }
			#nav li a.even	{ width: 170px }

			#nav li a:hover.odd	{ width: 190px }
			#nav li a:hover.even	{ width: 190px }
			
			#nav li.js a:hover.odd	 { width: 180px }
			#nav li.js a:hover.even { width: 180px }			
		
			#nav li.onit {
				width: 190px;
				padding-right: 10px;
				background: url(../i/menu.gif) no-repeat right -74px;
				color: #FFFFFF;
				line-height: 27px;
				text-align: right;
			}
						
			/* END LEFT ------------------------------------------------------ */
			
			/* FOOTER 
			------------------------------------------------------------------ */
			
			#share {
				display: block;
				width: 90px;
				height: 65px;
				position: relative;
				padding: 14px 12px 5px;
				float: right;
				
			}
			#share div a {
				display: inline;
				width: 26px;
				height: 26px;
				position: relative;
				float: left;
				margin: 2px;
				background: url(../i/share.png) no-repeat 0 0;
				text-indent: -9000px;
				text-decoration: none;
			}
			
			#share #twitter a { background-position: 0 0; }
			#share #facebook a { background-position: -26px 0; }
			#share #delicious a { background-position: -52px 0; }
			
			#share #twitter a:hover { background-position: 0 -26px; }
			#share #facebook a:hover { background-position: -26px -26px; }
			#share #delicious a:hover { background-position: -52px -26px; }
			
			#footer-content {
				display: block;
				width: 400px;
				height: 30px;
				position: relative;
				float: right;
					
			}
			#footer-content p {
				margin:10px auto;
				font-size:10px;
				text-align: center;
			}
			
			
			
			
/* END GENERAL *********************************************************** */

/* PAGES
************************************************************************** */

	#phiContent, #chiContent, #medContent, #repContent, #faqContent, #catContent, #ctContent, #accueilContent, #planContent, #newsContent {
		display: block;
		width: 640px;
		position: relative;
		clear: both;
		margin: 0 auto;
		padding: 0;
	}
	
	div.photos-avant-apres {
		display: block;
		width: 560px;
		position: relative;
		margin: 10px 50px 10px 30px;
		padding: 10px;
		clear: both;
		border: 1px solid #808080;
	}
	div.photos-avant-apres h3 {
		margin: 0;
		padding: 0;
	}
	div.photos-avant-apres p {
		margin: 0 10px;
		padding: 10px 0;
		font-style: italic;
	}
	div.photos-avant-apres #code-status ul, div.photos-avant-apres #code-status ul li {
		margin: 0;
		padding: 0;
	}
	
	#code-email {
		display: block;
		width: 100%;
		height: 26px;
		position: relative;
		margin: 10px 0;
		background: url(../i/checkbox.png) no-repeat 0 0;
	}
	#code-email.checkbox { cursor: pointer; background-position: 0 -26px; }
	#code-email.selected { background-position: 0 -52px; }
	
	#code-email h3 {
		display: inline;
		height: 26px;
		position: relative;
		margin: 0 35px 0;
		padding: 0;
		line-height: 26px;
	}
	
	div.photos-avant-apres .row { padding: 10px 0; }
	div.photos-avant-apres label, div.photos-avant-apres input {
		float: left;
		margin-right: 15px;
	}
	div.photos-avant-apres label { height: 35px; line-height: 35px; }
	div.photos-avant-apres input.input-email { margin-top: 2px; }
	
	/* accueil
	---------------------------------------------------------------------- */
		
		#accueilContent h1 {
			padding: 10px 40px;
			text-align: center;
			font-size: 1.2em;
			color: #404040;
			line-height: 1.4em;
			background: none;
		}
		#accueilContent p { margin-right: 30px; }
		
		#accueil-slideshow {
			display: block;
			width: 600px;
			height: 200px;
			position: relative;
			overflow: hidden;
			margin: 10px auto;
			border: 1px solid #dddddd;
		}
		
		#news-wrap {
			display: block;
			width: 580px;
			position: relative;
			margin: 20px auto 10px;
			background: url(../i/news-middle.png) repeat-y 0 0;
		}
		#news {
			display: block;
			width: 580px;
			min-height: 20px;
			height: auto !important;
			height: 20px;
			position: relative;
			background: url(../i/news-top.png) no-repeat 0 0;
		}
		#news-bottom {
			display: block;
			width: 580px;
			height: 38px;
			position: relative;
			background: url(../i/news-bottom.png) no-repeat 0 bottom;	
		}
		#news li {
			display: block;
			width: 480px;
			position: relative;
			margin: 0 auto;
			padding: 8px 0;
			border-bottom: 1px solid #dddddd;
		}
		#news li span.news-date {
			display: block;
			width: 100%;
			position: relative;
			text-align: right;
			font-style: italic;
			color: #bbbbbb;
		}
		
		#charte-info-wrap {
			display: block;
			width: 580px;
			position: relative;
			margin: 0 auto;
		}
		#charte-info-wrap h3 {
			display: block;
			width: 580px;
			height: 36px;
			position: relative;
			margin: 8px auto;
			padding: 0;
		}
		#charte-info-wrap h3 a {
			display: block;
			width: 580px;
			height: 36px;
			position: relative;
			background: url(../i/accueil-btn.png) no-repeat 0 0;
			line-height: 36px;
			text-indent: 46px;
			color: #404040;
		}
		#charte-info-wrap h3 a:hover { background-position: 0 -36px; color: #404040; }
		
		#charte-info-wrap h3.ui-state-active a { background-position: 0 -72px; color: #404040; }
		
		#charte-info-wrap div {
			display: block;
			width: 580px;
			position: relative;
			margin: 0 auto;
			padding: 10px 0;
		}
		#charte-info-wrap p {
			display: block;
			width: 540px;
			position: relative;
			margin: 0;
			padding: 5px 20px;
			text-align: justify;
		}
		
		p.loading {
			font-size: 1.2em;
			text-align: center;
			padding: 10px 0;
		}
		
		#accueil-lastmod {
			display: block;
			width: 580px;
			position: relative;
			margin: 0px auto 20px;
			padding: 0;
			text-align: right;
		}
		
		#certification-honcode {
			display: block;
			width: 580px;
			height: 70px;
			position: relative;
			margin: 15px auto 0px auto;
			padding: 0;
		}
		#certification-honcode p {
			display: block;
			height: 60px;
			margin: 0;
			padding: 10px 0px 0px;
			text-align: right;
		}
		#certification-honcode p img {
			margin-left: 15px;
		}
		#certification-honcode p a {
			color: #404040; 
		}
		#certification-honcode p a:hover {
			color: #404040;
			border-bottom: 1px solid #404040;
		}
		
	/* END accueil ------------------------------------------------------- */

	
	/* philippe-letertre & accueil
	---------------------------------------------------------------------- */
	
		#phiNav {
			display: block;
			width: 480px;
			height: 30px;
			position: relative;
			margin: 10px auto;
		}
		#phiNav li {
			display: inline;
			width: 160px;
			height: 30px;
			position: relative;
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}
		#phiNav li a {
			display: block;
			width: 160px;
			height: 30px;
			position: relative;
			border-bottom: 1px solid #dddddd;
			text-align: center;
			line-height: 30px;
			text-decoration: none;
			color: #afafaf;
			font-size: 1.2em;
		}
		#phiNav li a:hover, #phiNav li.ui-tabs-selected a {
			border-bottom: 1px solid #F79A2B;
			color: #404040;
		}
		
		#phiContent p {
			text-align: left;
		}
		
		#phiContent div {
			display: block;
			width: 640px;
			position: relative;
			padding: 20px 0 0;
		}
		#phiContent div.clear {
			padding: 0;
			margin: 0;
			clear: both;
		}
	
	
	/* END philippe-letertre --------------------------------------------- */
	
	

	/* chirurgie-esthetique 
	---------------------------------------------------------------------- */
	
			#chiNav {
				display: block;
				width: 640px;
				height: 220px;
				position: relative;
				margin: 0 auto;
				overflow: hidden;
			}
			#chiNav.nojs {
				min-height: 220px;
				height: auto !important;
				height: 220px;
			}
			#chiNav li a {
				display: block;
				position: relative;
				margin: 0 15px;
				text-decoration: none;
				text-align: left;
				cursor: pointer;	
			}
			
			#chiNav li.first { display: none; }
			
			ul.chi-col1 {
				display: block;
				width: 140px;
				position: relative;
				margin: 10px 0 0;
				float: left;
			}
			ul.chi-col1 li a {
				width: 110px;
				height: 36px;
				font-size: 1.4em;
				line-height: 36px;
				background: url(../i/triangle-grand.png) no-repeat right -36px;
			}
			
			div.chi-col2 {
				display: block;
				width: 498px;
				position: relative;
				margin: 10px 0 0;
				float: right;
				overflow: hidden;
				
			}
			div.chi-col2 ul {
				display: block;
				width: 240px;
				min-height: 108px;
				height: auto !important;
				height: 108px;
				position: relative;
				float: left;
				border-left: 1px solid #cccccc;
			}
			div.chi-col2 li a {
				width: 210px;
				height: 26px;
				font-size: 1em;
				line-height: 26px;
				background: url(../i/triangle-petit.png) no-repeat right -26px;
			}
			div.chi-col2 li a em {
				width: 198px;
			}
			
			ul.chi-col1 li a, div.chi-col2 li a { color: #afafaf; }
			ul.chi-col1 li a:hover, div.chi-col2 li a:hover, #chiNav li.ui-tabs-selected a { background-position: right 0px; color: #404040; } 
			
			div.chi-col2 div {
				display: block;
				width: 256px;
				position: relative;
				float: right;
			}
			div.chi-col2 div ul {
				margin: 0;
				padding: 0;
				list-style: none;	
			}
			div.chi-col2 div a, div.chi-col2 div li.onit {
				display: block;
				width: 196px;
				min-height: 26px;
				height: auto !important;
				height: 26px;
				position: relative;
				margin: 0 15px;
				padding: 6px 30px 6px 0;
				background: url(../i/en-savoir-plus.png) no-repeat 200px 50%;
				color: #808080;
				border-bottom: 1px solid #dddddd;
				font-size: 10px;
				line-height: 16px;
			}
			div.chi-col2 div a:hover, div.chi-col2 div li.onit { 
				color: #808080;
				background-position: -220px 50%; 
			}
			div.chi-col2 div a.last, div.chi-col2 div li.onit.last {
				border: none;
			}
			div.chi-col2 div a strong, div.chi-col2 div li.onit strong {
				display: block;
				font-size: 1.1em;
				color: #404040;
				font-weight: normal;
			}
			
			.ui-tabs .ui-tabs-panel { display: block; }
			.ui-tabs .ui-tabs-hide { display: none !important; }
			
			
			/* chirurgie-esthetique | PARENT = root */
			
			#mannequin-h {
				display: none;
				width: 125px;
				height: 294px;
				position: absolute;
				z-index: 2;
				top: 292px; /* 168px */
				background: url(../i/mannequin-h.png) no-repeat 0 0;
			}
			#mannequin-f-dos {
				display: none;
				width: 130px;
				height: 332px;
				position: absolute;
				z-index: 2;
				top: 252px; /* 128px */
				left: 240px;
				background: url(../i/mannequin-f-dos.png) no-repeat 0 0;
			}
			#mannequin-f-face {
				display: none;
				width: 150px;
				height: 348px;
				position: absolute;
				z-index: 2;
				top: 236px; /* 112px */
				left: 510px;
				background: url(../i/mannequin-f-face.png) no-repeat 0 0;
			}
			
			#chirurgie-texte-conteneur {
				display: none;
				width: 420px;
				height: 250px;
				position: absolute;
				z-index: 1;
				top: 190px;
				left: 120px;
				background: url(../i/chirurgie-texte.png) no-repeat 0 0;
			}
			#chirurgie-texte-wrap {
				display: block;
				width: 310px;
				height: 210px;
				position: relative;
				margin-top: 25px;
				margin-left: 90px;
				overflow: hidden;
			}
			#chirurgie-texte-wrap div.panel {
				display: block;
				width: 310px;
				height: 210px;
				position: relative;
				float: left;
			}
			
	
	
	/* END chirurgie-esthetique ------------------------------------------ */
	
	/* SHARED chirurgie-esthetique & medecine-esthetique & chirurgie-reparatrice -> Contenu
	-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
		#chiNav-bottom, #medNav-bottom, #repNav-bottom {
			display: none;
			width: 640px;
			height: 40px;
			position: relative;
			margin: 0;
			padding: 0;
			clear: both;
			margin: 0 auto;
		}
		#chiNav-bottom a, #medNav-bottom a, #repNav-bottom a {
			display: block;
			width: 640px;
			height: 40px;
			position: relative;
			margin: 0;
			padding: 0;
			background: url(../i/nav-btn.gif) no-repeat 0 0;
			text-decoration: none;
		}
		#chiNav-bottom a span, #medNav-bottom a span, #repNav-bottom a span {
			display: block;
			width: 184px;
			height: 36px;
			position: relative;
			margin-left: 24px;
			padding-top: 4px;
			color: #FFFFFF;
			font-size: 1.1em;
			text-align: center;
			line-height: 36px;	
		}
		#chiNav-bottom a:hover, #medNav-bottom a:hover, #repNav-bottom a:hover {
			background-position: 0 -40px;
		}
		
		#chiContent h1, #medContent h1, #repContent h1 {
			margin-top: 0;
		}
		#chiContent	ul, #medContent ul, #repContent ul {
			margin: 10px 30px 10px 30px;
		}
	
		#chiContent li, #medContent li, #repContent li {
			margin: 0px 50px 0px 50px;
			list-style:circle;
		}

	
	
	/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	
	/* medecine-esthetique 
	---------------------------------------------------------------------- */
	
		#medecine-esthetique-wrap {
			display: block;
			height: 460px;
			background: url(../i/visage.jpg) no-repeat 240px 0;
			
		}
		#medNav {
			display: block;
			width: 640px;
			height: 220px;
			position: relative;
			margin: 0 auto;
			overflow: hidden;
		}
		#med-nav {
			display: block;
			width: 240px;
			height: 190px;
			position: relative;
			margin: 10px 0 0;
			float: left;
			border-left: 1px solid #cccccc;
		}
		#med-nav li {
			display: block;
			width: 240px;
			height: 27px;
			position: relative;
		}
		#med-nav li.first { display: none; }
		
		#med-nav li a, #med-nav li.onit {
			display: block;
			width: 210px;
			height: 26px;
			position: relative;
			margin: 0 15px;
			border-bottom: 1px solid #dddddd;
			text-decoration: none;
			text-align: left;
			cursor: pointer;
			line-height: 26px;
			color: #afafaf;
			font-size: 1em;
		}
		#med-nav li a:hover, #med-nav li.onit { color: #404040; }
		#med-nav li.onit { cursor: default; }
		
		#med-nav li a.last {
			border: none;
		}
		#medNav #prev-wrap {
			display: block;
			width: 398px;
			height: 190px;
			position: relative;
			float: left;
			margin: 10px 0 0;
		}
		#medNav #prev-conteneur {
			display: none;
			width: 398px;
			height: 140px;
			position: relative;
			overflow: hidden;
		}
		#medNav #prev-conteneur div.panel {
			display: block;
			width: 398px;
			height: 140px;
			position: relative;
		}
		#medNav #prev-conteneur p {
			display: block;
			width: 320px;
			position: relative;
			padding: 20px 10px 10px 48px;
			margin: 0 10px;
			background: url(../i/pour-en-savoir-plus.png) no-repeat -28px 20px;
			font-style: italic;
			text-align: left;
		}
		
	
	/* END medecine-esthetique ------------------------------------------- */
	
	/* SHARED medecine-esthetique & chirurgie-reparatrice -> nav
	-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ */
	
		#pour-en-savoir-plus {
			display: none;
			width: 398px;
			height: 30px;
			position: relative;
			margin-top: 20px;
			background: #eeeeee;
		}
		#pour-en-savoir-plus span {
			display: block;
			width: 360px;
			height: 30px;
			position: relative;
			padding-right: 34px;
			background: url(../i/pour-en-savoir-plus.png) no-repeat 366px 50%;
			line-height: 30px;
			text-align: right;
		}
	
	
	/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
	/* chirurgie-reparatrice 
	---------------------------------------------------------------------- */
	
		#repNav {
			display: block;
			width: 640px;
			height: 246px;
			position: relative;
			margin: 0 auto;
			overflow: hidden;
		}
		#rep-nav {
			display: block;
			width: 240px;
			height: 216px;
			position: relative;
			margin: 10px 0 0;
			float: left;
			border-left: 1px solid #cccccc;
		}
		#rep-nav li {
			display: block;
			width: 240px;
			height: 27px;
			position: relative;
		}
		#rep-nav li.first { display: none; }
		
		#rep-nav li a, #rep-nav li.onit {
			display: block;
			width: 210px;
			height: 26px;
			position: relative;
			margin: 0 15px;
			text-decoration: none;
			text-align: left;
			cursor: pointer;
			border-bottom: 1px solid #dddddd;
			line-height: 26px;
			color: #afafaf;
			font-size: 1em;
		}
		#rep-nav li a:hover, #rep-nav li.onit { color: #404040; }
		#rep-nav li.onit { cursor: default; }
		
		#rep-nav li a.last, #rep-nav li.last { border: none; }
		
		/* modifiers */
		
		#rep-nav #cutanee a, #rep-nav #cutanee.onit { border-top: 1px solid #dddddd; }
		
		#rep-nav li.seins {
			display: block;
			width: 240px;
			height: 135px;
			position: relative;
		}
		#rep-nav li.seins span {
			display: block;
			width: 53px;
			height: 125px;
			position: relative;
			margin: 5px 0 5px 15px;
			float: left;
			border-right: 1px solid #dddddd;
			line-height: 26px;
			color: #afafaf;
		}
		#rep-nav li.seins ul {
			display: block;
			width: 170px;
			height: 135px;
			position: relative;
			float: left;
		}
		#rep-nav li.seins ul li { width: 170px; clear: both; }
		#rep-nav li.seins ul li a, #rep-nav li.seins ul li.onit { width: 140px; }
		#rep-nav li.seins ul li a.last { border: none; }
		
		
		#repNav #prev-wrap {
			display: block;
			width: 398px;
			height: 206px;
			position: relative;
			float: left;
			margin: 10px 0 0;
		}
		#repNav #prev-conteneur {
			display: none;
			width: 398px;
			height: 166px;
			position: relative;
			overflow: hidden;
		}
		#repNav #prev-conteneur div.panel {
			display: block;
			width: 398px;
			height: 166px;
			position: relative;
		}
		#repNav #prev-conteneur p {
			display: block;
			width: 320px;
			position: relative;
			padding: 20px 10px 10px 48px;
			margin: 0 10px;
			background: url(../i/pour-en-savoir-plus.png) no-repeat -28px 20px;
			font-style: italic;
			text-align: left;
		}
		
	
	/* END chirurgie-reparatrice ----------------------------------------- */
	

	/* faq 
	---------------------------------------------------------------------- */
	
		/* Liste catégories > sous-catégories */
		
		#description {
			display: block;
			width: 560px;
			position: relative;
			padding: 0 20px 10px;
			font-style: italic;	
		}
		
		#categories {
			display: block;
			width: 600px;
			position: relative;
			margin: 20px auto;
		}
		#categories li {
			clear: both;
		}
		#categories li.level-1 {
			display: block;
			width: 600px;
			position: relative;
			margin: 0 0 8px;
			padding: 0;
			background: url(../i/categories-back-middle.png) repeat-y 0 0;
		}
		#categories li.level-1 div.header-level-1 {
			display: block;
			width: 600px;
			height: 40px;
			position: relative;
			margin: 0;
			padding: 0;
		}
		#categories li.level-1 div.header-level-1 h3 {
			display: inline;
			margin: 0;
			padding: 0;
		}
		#categories li.level-1 div.header-level-1 h3 a {
			display: block;
			height: 40px;
			width: 600px;
			position: relative;
			background: url(../i/categories.png) no-repeat 0 0;
			text-indent: 20px;
			line-height: 40px;
			color: #ffffff;
			font-size: 12px;
		}
		#categories li.level-1 div.header-level-1.js h3 a { background-position: 0 -40px; text-indent: 44px; }
		#categories li.level-1 div.header-level-1.js h3 a:hover { background-position: 0 -80px; }
		#categories li.level-1 div.header-level-1.js.header-open h3 a { background-position: 0 -120px; }
		#categories li.level-1 div.header-level-1.js.header-open h3 a:hover { background-position: 0 -160px; }
		
		
		#categories li.level-1 div.description-level-1 {
			display: block;
			width: 560px;
			position: relative;
			padding: 10px 20px 0;
			font-style: italic;	
		} 
		#categories li.level-1 div.level-1-bottom {
			display: block;
			height: 20px;
			width: 600px;
			position: relative;
			background: url(../i/categories-back-bottom.png) no-repeat 0 0;
		}
		#categories ul.level-2 {
			display: block;
			position: relative;
			margin: 15px 0 0;
		}
		#categories li.level-2 {
			display: block;
			width: 560px;
			position: relative;
			margin: 0 20px;
			padding: 0;
			border-top: 1px solid #ebebeb;
		}
		#categories li.level-2 div.header-level-2 {
			display: block;
			width: 560px;
			height: 36px;
			position: relative;
			margin: 0;
			padding: 0;
		}
		#categories li.level-2 div.header-level-2 h3 {
			display: inline;
			margin: 0;
			padding: 0;
		}
		#categories li.level-2 div.header-level-2 h3 a {
			display: block;
			width: 560px;
			height: 36px;
			position: relative;
			background: url(../i/plus.png) no-repeat 0 -24px;
			text-indent: 36px;
			line-height: 36px;
			color: #404040;
			font-size: 12px;
		}
		#categories li.level-2 div.header-level-2 h3 a:hover { background-position: 0 6px; }
		
		#categories li.level-2 div.description-level-2 {
			display: block;
			width: 500px;
			position: relative;
			padding: 0 20px 8px 40px;
			font-style: italic;
		
		}
	
		/* Liste faqs */

		#faq-list {
			display: block;
			width: 620px;
			position: relative;
			clear: both;
			margin: 0 auto;
		}
		#faq-list li {
			display: block;
			width: 620px;
			position: relative;
			clear: both;
			margin: 5px  0;
			border-bottom: 1px solid #CCCCCC;
		}
		#faq-list dt, #faq-list dd {
			display: block;
			width: 620px;
			position: relative;
			clear: both;
			margin: 0;
			padding: 0;
		}
		
		#faq-list dt {
			border-top: 1px solid #CCCCCC;
			padding-top: 10px;
		}
		#faq-list dt.first { border: none; }
		
		#faq-list dt div.left, #faq-list dd div.left {
			display: block;
			width: 70px;
			height: 26px;
			position: relative;
			float: left;
			text-align: center;
			color: #afafaf;
			font-size: 1.6em;
			line-height: 26px;
		}
		#faq-list dt p, #faq-list dd p {
			display: block;
			width: 538px;
			min-height: 26px;
			height: auto !important;
			height: 26px;
			position: relative;
			float: left;
			margin: 0;
			padding-left: 10px;
			border-left: 1px solid #e0e0e0;
			color: #808080;
			text-decoration: none;
			text-align: left;
		}
		#faq-list dt p { color: #404040; }
		#faq-list dd p { margin-bottom: 10px; }
		#faq-list dd p span {
			display: block;
			width: 100%;
			height: 26px;
			position: relative;
			margin: 0;
			padding: 0;
			text-align: left;
			font-style: italic;
			color: #bbbbbb;
			line-height: 26px;
		}		
		
		.empty {
			display: block;
			width: 600px;
			height: 26px;
			position: relative;
			margin: 20px auto;
			line-height: 26px;
			font-size: 1.2em;
		}
		
		/* Poser question */
	
		#poser-question {
			display: block;
			width: 100%;
			min-height: 300px;
			height: auto !important;
			height: 300px;
			position: relative;
			clear: both;
			margin: 0 auto;
			padding: 10px 0 0;
		}
		#email-checkbox {
			display: block;
			width: 100%;
			height: 26px;
			position: relative;
			margin: 10px 0;
			background: url(../i/checkbox.png) no-repeat 0 0;
		}
		#email-checkbox.checkbox { cursor: pointer; background-position: 0 -26px; }
		#email-checkbox.selected { background-position: 0 -52px; }
		
		#email-checkbox h3 {
			display: inline;
			height: 26px;
			position: relative;
			margin: 0 35px 0;
			padding: 0;
			line-height: 26px;
		}
		
		/* form modifier -> poser-question  */
		
		#poser-question form {
			display: block;
			width: 402px;
			position: relative;
			float: left;
			padding: 0;
			padding-bottom: 20px;
			margin: 0 10px;
		}
		#poser-question fieldset {
			display: block;
			width:	402px;
			margin: 0;
			padding: 0;
			border: none;
		}
		#poser-question .row {
			display: block;
			width: 402px;
			min-height: 35px;
			height: auto !important;
			height: 35px;
			position: relative;
			margin: 0 0 10px;
			padding: 0;
		}
		#poser-question label {
			width: 400px;
		}
		#poser-question label.label-email {
			width: 100px;
			height: 26px;
			line-height: 26px;
			float: left;
		}
		#poser-question textarea {
			width: 396px;
			height: 60px;
			padding: 4px 2px;
		}
		
		/* à propos */
		
		#faq-a-propos {
			display: block;
			width: 196px;
			position: relative;
			float: right;
			padding: 0 5px 0 10px;
			border-left: 1px solid #dddddd;
		
		}
		#faq-a-propos h3 {
			margin: 0 0 10px;
		}
		
		/* suivre */
		
		#suivre {
			display: none;
		}
		#suivre.s {
			display: block;
		}
		#suivre li {
			display: block;
			height: 26px;
			position: relative;
			margin: 10px 30px;
		}
		#suivre li a {
			display: block;
			height: 26px;
			position: relative;
			padding-left: 26px;
			line-height: 26px;
			font-size: 1.2em;
			color: #afafaf;
			text-decoration: none;
		}
		#suivre li a:hover { color: #666666; }
		
		#suivre li a span {
			display: block;
			height: 26px;
			position: relative;
			padding-left: 10px;
			background: #ffffff;
		}
		
		#suivre #suivre-twitter a { background: url(../i/suivre.png) no-repeat 0 0; }
		#suivre #suivre-twitter a:hover { background: url(../i/suivre.png) no-repeat 0 -26px; }
		
		#suivre #suivre-facebook a { background: url(../i/suivre.png) no-repeat -26px 0; }
		#suivre #suivre-facebook a:hover { background: url(../i/suivre.png) no-repeat -26px -26px; }
		
		#suivre #suivre-rss a { background: url(../i/suivre.png) no-repeat -52px 0; }
		#suivre #suivre-rss a:hover { background: url(../i/suivre.png) no-repeat -52px -26px; }
		
		
	/* END faq ----------------------------------------------------------- */
	
	/* contact 
	---------------------------------------------------------------------- */
		
		div.vcard {
			display: block;
			width: 620px;
			height: 200px;
			position: relative;
		}
		
		div.vcard div.row {
			display: block;
			position: relative;
			clear: both;
		}
		
		div.vcard h3 {
			display: block;
			width: 120px;
			position: relative;
			margin: 0;
			padding: 0 20px 20px;
			float: left;
		}
		
		div.vcard div.row div {
			display: block;
			width: 220px;
			position: relative;
			float: left;
			padding-bottom: 20px;
		}
		div.vcard span.fn { font-weight: bold; }
		
		div.vcard span.tel { display: block; }
		div.vcard span.type { display: block; width: 80px; position: relative; float: left; color: #b8b8b8; }
		
		div.vcard div.plan-acces {
			display: block;
			width: 108px;
			height: 58px;
			position: relative;
			float: right;
		}
		div.vcard div.plan-acces a {
			display: block;
			width: 106px;
			height: 56px;
			position: relative;
			background: url(../i/panel.gif) no-repeat -294px 0;
			border: 1px solid #dddddd;
			color: #b8b8b8;
		}
		div.vcard div.plan-acces a:hover { background-position: -696px 0; color: #666666; border-color: #808080; }
		div.vcard div.plan-acces a span, div.rendez-vous a span {
			display: block;
			height: 20px;
			position: relative;
			padding-top: 36px;
			text-align: center;
		}
		div.consultation {
			display: block;
			width: 620px;

			position: relative;
		}
		div.consultation p {
			display: block;
			width: 420px;
			position: relative;
			margin-right: 0;
		}
		
		div.rendez-vous {
			display: block;
			position: relative;
			float: right;
		}
		div.rendez-vous a {
			display: block;
			width: 106px;
			height: 56px;
			position: relative;
			background: url(../i/panel.gif) no-repeat -76px 0;
			border: 1px solid #dddddd;
			color: #b8b8b8;
		}
		div.rendez-vous a:hover { background-position: -478px 0; color: #666666; border-color: #808080; }
		

		
		/* form modifier */
		
		#ctContent form {
			display: block;
			width: 460px;
			position: relative;
			margin: 0 auto;
		}
		#ctContent fieldset {
			display: block;
			width: 460px;
			min-height: 440px;
			height: auto !important;
			height: 440px;
			position: relative;
			margin: 0 auto;
		}
		#ctContent textarea {
			width: 460px;
			height: 80px;
		}
		#ctContent div.row {
			margin-top: 10px;
			
		}
		
		#map-canvas {
			display: block;
			width: 620px;
			height: 320px;
			position: relative;
			margin: 30px auto;
			border: 1px solid #dddddd;
		}
		#map-info {
			display: block;
			width: 300px;
			height: 60px;
			position: relative;
			text-align: center;
		}
	
	/* contact ----------------------------------------------------------- */
	
	/* sitemap 
	---------------------------------------------------------------------- */
	
		#sitemap {
			display: block;
			position: relative;
			clear: both;
		}
	
		#planContent ul li {
			display: block;
			width: 300px;
			position: relative;
			float: left;
			margin: 10px 5px;
			border: 1px solid #dddddd;
		}
		#planContent ul li a {
			display: block;
			width: 300px;
			height: 26px;
			position: relative;
			color: #404040;
			background: #eeeeee;
			line-height: 26px;
			text-indent: 16px;
		}
		#planContent ul li a:hover {
			background: #404040;
			color: #ffffff;
		}
		#planContent ul li p, #planContent ul li ul li p, #planContent ul li ul li p {
			margin: 0;
			padding: 6px 15px;
			color: #808080;
		}
		#planContent ul li ul li {
			width: 270px;
			float: none;
			margin: 0 15px;
			padding: 6px 0;
			border: none;
			color: #404040;
		}
		#planContent ul li ul li span {
			background: #808080;
			padding: 4px 10px;
			color: #ffffff;
		}
		#planContent ul li ul li a {
			width: 250px;
			margin: 0 10px;
		}
		#planContent ul li ul li ul li {
			width: 250px;
			margin: 6px 0;
			padding: 6px 10px 0px;
			border: none;
			color: #404040;
			font-size: 1.1em;
		}
		#planContent ul li ul li ul li a {
			width: 250px;
			margin: 0;
		}
		#planContent ul li ul li ul li ul li {
			width: 250px;
			margin: 6px 0;
			padding: 0;
			border: none;
			color: #808080;
			font-size: 0.9em;
			
		}
		#planContent ul li ul li ul li ul li a {
			width: 250px;
			margin: 0;
		}
		#planContent ul li.contact {	
			clear: both;
		}
		#valid-w3c {
			clear: both;
		}
		
		#err {
			display: block;
			width: 500px;
			position: relative;
			margin: 50px auto 10px;
			
		}
		#err-num {
			display: block;
			width: 160px;
			height: 60px;
			position: relative;
			float: left;
			line-height: 60px;
			font-size: 6.2em;
			color: #F7931E; 
			text-align: center;
			
		}
		#err-desc {
			display: block;
			width: 340px;
			position: relative;
			float: left;
			font-size: 1.2em;
			color: #404040;
		}
		#err-desc span {
			display: block;
			font-size: 0.6em;
			font-style: italic;
			color: #808080;
		}
		#err-help {
			display: block;
			width: 340px;
			position: relative;
			float: left;
			padding-bottom: 20px;
			color: #808080;
		}
		#err-help h2 {
			font-size: 1em;
			color: #404040;
			border: none;
			margin: 0;
			padding: 10px 0;
			text-indent: 0;	
		}
		#err-help p.conseil {
			display: block;
			width: 318px;
			margin: 0;
			padding: 10px;
			border: 1px solid #808080;
			text-align: center;
		}
		#err-help a { width: 150px; }
		
		a.btn-gen {
			display: block;
			height: 30px;	
			position: relative;
			background: url(../i/btn-gen.gif) no-repeat 0 0;
			margin: 0;
			padding: 0 0 0 5px;
		}
		a.btn-gen span {
			display: block;
			height: 30px;	
			position: relative;
			background: url(../i/btn-gen.gif) no-repeat right 0;
			margin: 0;
			padding: 0 5px 0 0;
			line-height: 30px;
			text-align: center;
			color: #FFFFFF;
		}
		a.btn-gen:hover, a.btn-gen.on-it			{ background-position: 0 -30px; }
		a.btn-gen:hover span, a.btn-gen.on-it span 	{ background-position: right -30px; }
		
		
	
	
	
/* END PAGES ************************************************************* */