/* CSS "tpv.kinhelios.com" - 11/2007 - */
/* -o- "CSS KinHelios-TPV par defaut" -o- */


/*	IMPORTANT */
/*	Ce design n'est pas un template. Vous ne pouvez pas le reproduire sans 
	l'accord préalable de l'auteur. Cependant, libre à vous d'étudier ce
	CSS et d'employer par ailleurs les techniques utilisées. 
	-----
	This design is not a template. You cannot reproduce it without prior 
	agreement of the author. However, free with you studied this CSS 
	and to in addition employ the techniques used. */





/*
	== COMMUN A TOUS LES ECRANS ==========================================
	======================================================================

	   _________
	__/ General \_________________________________________________________
*/ 
	*											{ margin: 0; padding: 0; }
	html										{ }
	body										{ margin: 0; padding: 0; background-color: #FFF; font-family: Arial,Verdana,Helvetica,sans-serif; font-style: normal; color: #666; text-align: left; background: #8AA9BE url(img/body.gif) top left repeat-x; }
	
	
/*	   _______
	__/ Liens \___________________________________________________________
*/
	a											{ color: #245E85; }
	/*a:hover {	text-decoration: underline;	text-decoration: none;}*/
	/*a:link 
	a:visited
	a:hover
	a:active*/



/*	   __________________________________
	__/ Contenant de la page (container) \________________________________
*/ 
	#container									{ width: 760px; margin: 0 auto; }
	

/*	   ________
	__/ Entete \__________________________________________________________
*/
	#blockhead									{ height: 180px; background: transparent url(img/content_top.gif) bottom left no-repeat; }
	/*#blockhead #logo							{ display: none; }
	#blockhead #kinh a							{
		text-decoration: none;
		color: #000;
		font-size:2em;
		line-height:2em;
		}
	#blockhead #kinh div {
		float: right;
		color: #000;
		font-size: 70%;
		margin-top: -5.5em;
		}
	#blockhead #kinh div a {
		font-size: inherit;
		font-size: 1em;		/* pour IE... :-( *
		line-height: inherit;
		line-height: 1em;	/* pour IE... :-( *
		}
		/**/
					#blockhead #kinh			{ display: none; }
					#blockhead #logo h1 a		{ display: block;	width: 760px; height: 65px;	background: #FFF url(img/kinh.gif) top left no-repeat; }
					#blockhead #logo h1 span	{ display: none; }
					#blockhead #logo h2			{ display: none; }



/*	   ______
	__/ Menu \____________________________________________________________
*/
	#blockmenu									{ position: absolute; top: 80px; font-weight: bold; font-size: 140%; }
	#blockmenu ul								{ list-style: none; margin-left: -15px; }
	#blockmenu li								{ float: left; margin: 0 20px; text-align: center; }
	#blockmenu a								{ text-decoration: none; color: #FFF; }
	#blockmenu a:hover							{ color: #F18F4E; }
	#blockmenu a.current						{ text-decoration: underline overline; }



/*	   ________________
	__/ Corps du corps \__________________________________________________
*/
	#blockcontent								{ background: #FFF url(img/content_mid.gif) top left repeat-y; margin: 0; padding: 10px 0 10px 0; }
	
	/* ----- */
	.zonetxt									{ margin: 30px; position: relative; }
	.zonetxt .blocktxt,
	.zonetxt h3									{ margin-left: 70px; }
	.zonetxt h3									{ color: #800; border-bottom: 2px dotted #800; padding-bottom: 0.5em; margin-bottom: 0.5em; }
	.zonetxt .illust							{ position: absolute; top: 0; left: 0; }
	.zonetxt .illust img						{ width: 64px; height: 64px; }



/*	   ______________
	__/ Pied de page \____________________________________________________
*/
	#blockfoot									{ padding-top: 80px; margin-bottom: 20px; background: transparent url(img/content_bot.gif) top left no-repeat; text-align: center; color: #034774; font-size: 70%; }
	#blockfoot a								{ color: #034774; font-weight: bold; text-decoration: none; }
	#blockfoot a:hover							{ text-decoration: underline overline; background: none; }
	#blockfoot #validlinks						{ list-style: none; }
	#blockfoot #validlinks li					{ display: inline; margin: 0 0.5em; }



/*	   ________
	__/ Extras \__________________________________________________________
*/
	#extraDiv1, #extraDiv2, #extraDiv3			{ display: none; }
	
	
	
/*	   ________
	__/ Divers \__________________________________________________________
*/
	.clear,
	.spacer										{ clear: both; }
	.txt_center									{ text-align: center; }
	.txt_right									{ text-align: right; }
	hr											{ height: 1px; color: #000; background-color: #000; border: 0; }
	
	
	
/*	   __________________________________________
	__/ Messages d'informations | Erreurs | etc. \________________________
*/ 
	p.alert										{ background: #FFF6BF url(img/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ padding: 5px 20px 5px 45px; border-top: 2px solid #FFD324; border-bottom: 2px solid #FFD324; color: #000; }
	
	
	
/*	   ____________
	__/ Formulaire \______________________________________________________
*/ 
	/*
	input {			border: 1px outside #666;}
	input:hover {	border: 1px outside #000;		background-color: #8AA9BE;}
	input:focus {	border: 1px outside #245E85;}
	*/









/*
	== ECRAN "ACCUEIL" ===================================================
	====================================================================== 
*/
	#index #blockhead							{ height: 330px; background: transparent url(img/home.jpg) bottom left no-repeat; }
	#index #zonedemo,
	#index #zoneachat							{ width: 340px; margin: 20px 0 0 0; }
	#index #zonedemo							{ float: left; margin-left: 30px; }
	#index #zoneachat							{ margin-left: 390px; }
	#index #zoneachat h3						{ color: #008; border-color: #008; }
	#index #zoneachat #paypal					{ text-align: center; }
	
	/* ----- */
	#index .rem									{ clear: both; margin: 30px; margin-bottom: 0; font-size: 80%; }
	




/*
	== ECRAN "MAXIMG" ====================================================
	====================================================================== 
*/
	#maximg #container							{ width: auto; background: none; text-align: center; }
	#maximg #blockcontent						{ background: none; }
	#maximg #container h4						{ color: #FFF; margin-bottom: 1em; }
	#maximg #container a img					{ border: 0; }






/*
	== ECRAN "SCREENSHOT" ================================================
	====================================================================== 
*/
	#screenshot #blockcontent .zonetxt			{ margin: 0 30px; }
	#screenshot .ecran							{ float: left; width: 180px; text-align: center; }
	#screenshot .ecran img						{ border: 2px solid #FFF; padding: 3px; }
	#screenshot .ecran a:hover img				{ border: 2px solid #004370; }
	#screenshot .ecran span						{ font-size: 60%; display: block; }






/*
	== ECRAN "TELECHARGEMENT" ============================================
	====================================================================== 
*/
	#download #blockcontent .zonetxt			{ margin: 0 30px; }
	#download #blockcontent table.dl			{ width: 700px; border-collapse: collapse; margin: 0 30px; }
	#download #blockcontent table.dl td			{ vertical-align: top; width: 33%; border: 1px solid #BBB; padding: 0.5em; text-align: center; }
	#download #blockcontent table.dl td .dl_button			{ border: 2px solid #FFF; }
	#download #blockcontent table.dl td .dl_button:hover	{ border: 2px solid #014470; }
	#download #blockcontent table.dl td h4		{ line-height: 1em; height: 4em; }
	#download #blockcontent table.infofichier	{ width: 92%; }
	#download #blockcontent table.infofichier td,
	#download #blockcontent table.infofichier th	{ border: 1px solid #DDD; padding: 0 0.1em; font-size: 80%; font-weight: normal; width: auto; }
	#download #blockcontent table.infofichier th	{ background-color: #FAFAFA; }






/*
	== ECRAN "ACHETER" ===================================================
	====================================================================== 
*/
	#achat #blockcontent .zonetxt				{ margin: 0 30px; }
	
	#achat #blockcontent p.input				{ clear: left; padding-left: 260px; /*width of left column containing the label elements*/ margin: 0.2em 0; }
	#achat #blockcontent p.input label			{ float: left; margin-left: -220px; /*width of left column*/ }
	#achat #blockcontent p.input textarea,
	#achat #blockcontent p.input input			{ width: 300px; }
	#achat #blockcontent #licence_rem			{ margin: 0 0 1em 40px; font-size: 80%; }
	#achat #blockcontent p#cgv					{ margin-bottom: 1em; }
	#achat #blockcontent p#cgv input			{ width: auto; margin-left: 2em; }
	
	#achat #btn_paypal							{ text-align: center; margin-top: 1em; }
	#achat #recap_licence,
	#achat #recap_facturation					{ border: 1px dotted #008; margin: 1em 0 1em 3em; padding: 0.5em; background-color: #F8F8FF; }
	#achat #recap_licence						{ border-color: #800; background-color: #FFF8F8; }
	#achat #recap_licence h5,
	#achat #recap_facturation h5				{ text-decoration: underline; margin-bottom: 1em; }
	#achat #recap_licence label,
	#achat #recap_facturation label				{ font-weight: bold; }






/*
	== ECRAN "DOCUMENTATION" =============================================
	====================================================================== 
*/
	#doc #blockcontent #sommaire				{ margin-top: 0; }
	#doc #blockcontent #sommaire a				{ text-decoration: none; }
	#doc #blockcontent #sommaire a:hover		{ text-decoration: underline; }
	
	#doc #doctable								{ border-collapse: collapse; width: 620px; margin: 0; }
	#doc #doctable td							{ vertical-align: top; padding-bottom: 2em; }
	#doc #doctable th.doctitre					{ padding: 2em 0 1em 0; }
	#doc #doctable th.premtitre					{ padding-top: 0; }
	#doc #doctable th.doctitre h4				{ border-bottom: 1px solid #666; }
	#doc #doctable td.doctxt					{ padding: 0 1em 2em 1em; font-size: 80%; }
	#doc #doctable h5							{ border-bottom: 1px dotted #666; }
	#doc #doctable td.doctxt dt					{ font-style: italic; }
	#doc #doctable td.doctxt dd					{ margin-left: 3em; }
	#doc #doctable td.doctxt .returnlink		{ text-align: right; }
	#doc #doctable td.doctxt .returnlink span	{ display: none; }
	#doc #doctable td.doctxt .returnlink a:hover span	{ display: inline; }
	
	#doc #doctable img							{ border: 2px solid #FFF; padding: 3px; }
	#doc #doctable a:hover img					{ border: 2px solid #004370; }