body {
	margin:0;
	padding:0;
	background-color:#ffffff;

}

div.mtcClearer {
	display: block;
	clear: both;
	margin: 0; padding: 0; border: 0;
	height: 1px; line-height: 1px; font-size: 1px;
	overflow: hidden;
}

.mtcHidden {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/**************************************************************************************************
     CONTENEUR GLOBAL
**************************************************************************************************/
#mtc_homeContainer {
	position:relative;
	height:805px;
	width:852px;
	margin:0 auto;
	font:normal 11px Arial, sans-serif;
	color:#000000;
}


/**************************************************************************************************
     CONTENEUR CONTENT
**************************************************************************************************/
#mtc_homeContent {
	position:relative;
	height:533px;
	width:830px;
	margin:15px 0 0 12px;
	background:transparent url(/images/bg_bottom2.jpg) left bottom no-repeat;
}

/*****     top left content     ****/
#mtc_contentTopL {
	position:relative;
	float:left;
	height:519px;
	width:401px;/* 411 */
	padding:0 0 0 10px;
	background:transparent url(/images/bg_topL2.jpg) 0 0 no-repeat;
}
	#mtc_logo {
		position:absolute;
		top:14px;
		left:15px;
		height:67px;
		width:203px;
		background:transparent url(/img/fr/index/logo.gif) 0 0 no-repeat;
	}
	
/* wording bienvenue */
	#mtc_contentTopL h1 {
		position:absolute;
		top:80px;
		left:16px;
		height:18px;
		font-size:16px;
		color:#ff0099;
	}
	
/* nbre connectes */
	#mtc_nbrConnect {
		position:absolute;
		top:115px;
		left:10px;
		height:21px;
		line-height:21px;
		width:392px;/* 401 */
		padding:0 0 0 9px;
		background:transparent url(/images/bg_nbrConnect.jpg) 0 0 no-repeat;
	}
		#mtc_nbrConnect span {
			color:#636262;
		}
	
/* bloc inscription */
	#mtc_inscription {
		position:absolute;
		top:138px;
		left:10px;
		height:367px;/* 381 */
		width:387px;/* 401 */
		padding:7px;
		background:transparent url(/images/bg_inscrip.jpg) 0 0 no-repeat;
	}
		#mtc_inscription h2 {
			margin:0 0 5px 0;
			padding:0;
			font-size:16px;
			color:#C50076;
		}
		
		#mtc_inscription form {
			margin:0;
			padding:0;
		}
		
		#mtc_inscription label {
			display:block;
			float:left;
			height:25px;
			line-height:25px;
			width:173px;
			margin:0;
			padding:0;
		}
		.mtcArrowOver {
			background:transparent url(/images/arrow.gif) 90% 50% no-repeat;
		}

			#mtc_inscription label a {
				color:#000000;
			}
		
		#mtc_inscription span {
			display:block;
			float:left;
			height:22px;/* 25 */
			width:214px;
			margin:0;
			padding: 3px 0 0 0;
		}
		
		#mtc_inscription input.mtc_inputSize1, #mtc_inscription input.mtc_inputSize2 {
			height:15px;/* 17 */
			font:normal 11px Arial, sans-serif;
			color:#636262;
			margin:0;
			padding:1px 4px;
			border:1px solid #a7a6aa;
		}
		#mtc_inscription input.mtc_inputSize1 {
			width:202px;/* 210 */
		}
		#mtc_inscription input.mtc_inputSize2 {
			width:32px;/* 40 */
		}
		
		#mtc_inscription select.mtc_selectSize1,#mtc_inscription select.mtc_selectSize2 {
			height:17px;
			font:normal 11px Arial, sans-serif;
			color:#636262;
			margin:0;
			padding:0;
			border:1px solid #a7a6aa;
		}
		#mtc_inscription select.mtc_selectSize1 {
			width:210px;
		}
		#mtc_inscription select.mtc_selectSize2 {
			width:70px;
		}
		
		#mtc_inscription p {
			margin:5px 0 0 0;
			padding:0;
		}
			#mtc_inscription p a {
				color:#000000;
			}
		
		#mtc_inscription .mtc_btInscription {
			position:absolute;
			bottom:8px;
			/bottom:6px;
			left:137px;
			margin:0;
			padding:0;
		}

/*****     top right content     ****/
#mtc_contentTopR {
	position:relative;
	float:left;
	height:519px;
	width:419px;
	background:transparent url(/images/bg_topR2.jpg) 0 0 no-repeat;
}
	#mtc_loggin {
		position:absolute;
		top:4px;
		left:39px;
		height:40px;
		width:370px;
		font:bold 11px Arial, sans-serif;
		color:#c50076;
	}
	
		#mtc_loggin input.mtc_inputLoggin {
			height:15px;/* 17 */
			width:110px;/* 118 */
			margin:0;
			padding:1px 4px;
			font:normal 11px Arial, sans-serif;
			color:#636262;
			border:1px solid #a7a6aa;
		}
		
		#mtc_loggin span {
			display:block;
			margin:0 0 0 100px;
			font-size:10px;
			color:#636262;
		}
			#mtc_loggin span a {
				color:#636262;
			}
	
	#mtc_forgotpassword {
		position:absolute;
		top:39px;
		left:28px;
		height:72px;/* 89 */
		width:360px;/* 389 */
		margin:0;
		padding:17px 16px 0 13px;
		font:normal 10px Arial, sans-serif;
		color:#636262;
		background:transparent url(/images/bg_forgotpassword.jpg) 0 0 no-repeat;
	}
		
		#mtc_forgotpassword div {
			margin:0;
			padding:0;
		}
		
		#mtc_forgotpassword div input.mtc_inputForgotPass {
			float:left;
			height:15px;/* 17 */
			width:180px;/* 188 */
			margin:0 0 0 60px;
			padding:1px 4px;
			font:normal 11px Arial, sans-serif;
			color:#7f9db9;
			border:1px solid #a7a6aa;
		}
		
		#mtc_forgotpassword div ul {float:left;}
	
	#mtc_pastille {
		position:absolute;
		top:123px;
		left:300px;
		height:113px;
		width:113px;
	}

	#mtc_hang {
		position:absolute;
		bottom:0;
		left:8px;
		height:68px;
		width:400px;
		background:transparent url(/images/bg_hang2.jpg) 0 0 no-repeat;
	}


/*****     bottom content     ****/
#mtc_contentBottom {
	position:relative;
	clear:both;
	height:179px;/* 190 */
	width:820px;/* 830 */
	padding:11px 0 0 10px;
	background:transparent url(/images/bg_bottom.jpg) 0 0 no-repeat;
}
	.mtc_onMeetic, .mtc_onMeeticR {/* stars/push profil */
		float:left;
		width:90px;/* 96 */
		padding:0 3px;
		background:transparent url(/images/dottedHomeV.gif) top right repeat-y;
	}
	.mtc_onMeeticR {
		background:none;
	}
		.mtc_onMeetic span, .mtc_onMeeticR span {
			color:#C50076;
		}
	
	/* bloc recherche */
	#mtcBoxHome .mtcBoxBody .mtcBoxBody2 form {
		margin:0;
		padding:0;
	}
	
	#mtc_searchL {
		float:left;
		width:180px;/* 194 */
		padding:7px;
	}
	
	#mtc_searchR {
		float:left;
		width:176px;/* 190 */
		padding:7px;
		background:transparent url(/images/dottedHomeV.gif) top left repeat-y;
	}
		#mtc_searchL p, #mtc_searchR p {
			margin:0;
			padding:3px 0;
		}
		
		#mtc_searchL select.mtc_selectSize1, #mtc_searchR select.mtc_selectSize1, #mtc_searchR select.mtc_selectSize2 {
			height:16px;
			margin:0;
			padding:0;
			font:normal 11px Arial, sans-serif;
			color:#636262;
			border:1px solid #a7a6aa;
		}
		#mtc_searchL select.mtc_selectSize1, #mtc_searchR select.mtc_selectSize1 {
			width:176px;
		}
		#mtc_searchR select.mtc_selectSize2 {
			width:46px;
		}
		
		#mtc_searchR ul {
			margin:0;
			padding:0;
		}


/**************************************************************************************************
     FOOTER
**************************************************************************************************/
#mtc_homeFooter {
	position:relative;
	height:120px;
	width:830px;/* 852 */
	padding:0 11px;
	color:#96a6d7;
	text-align:center;
	background:transparent url(/images/mtcFooter_bg.gif) bottom left no-repeat;
}
	#mtc_lnkCountry {
		margin:5px 0 10px 0;
		/margin:0 0 10px 0;
		padding:0;
	}
		#mtc_lnkCountry a:link, #mtc_lnkCountry a:visited {
			margin:0 5px;
			color:#96a6d7;
			text-decoration:none;
		}
		#mtc_lnkCountry a:hover {
			text-decoration:underline;
		}

	#mtc_footerMeetic {
	
		position: relative;
		width: 730px;
		height: 23px;
		font: normal 11px/23px Arial,sans-serif;
		color: #64a0c4;
		text-align: center;
		background: transparent url(/images/mtcFooter_div_bg.gif) repeat-x 0 -23px;
	}
	
		#mtc_footerMeetic span {
			display:block;
			position:absolute;
			top:0;
			width:4px;
			height:23px;
		}
		#mtc_footerMeetic span.cornerLeft {
			left:0;
			background: transparent url(/images/mtcFooter_div_bg.gif) no-repeat 0 0;
		}
		#mtc_footermMetic span.cornerRight {
			left:826px;
			background: transparent url(/images/mtcFooter_div_bg.gif) no-repeat -4px 0;
		}
		
		#mtc_footerMeetic a:link, #mtc_footerMeetic a:visited {
			margin:0 10px;
			color:#64a0c4;
			text-decoration:none;
		}
		#mtc_footerMetic a:hover, #mtc_footerMeetic a:focus, #mtc_footerMeetic a:active {
			color:#64a0c4;
			text-decoration:underline;
		}
		.mtc_footerCop{
		color:#FFFFFF !important;
		}
	#mtc_footer2Meetic{
		margin:0 auto 20px auto;
		padding:5px 20px;
		position: relative;
		width: 790px;
		/*height: 394px;*/
		font: normal 11px Arial,sans-serif;
		color:#636262;
		background: transparent url(/images/bg_bottom3.jpg) repeat-x left bottom;
	}
		#mtc_footer2Meetic h1{
		font: bold 11px Arial,sans-serif;
		margin:0;
		padding:0;
		}
		#mtc_footer2Meetic span.FooterTxt{
		display:block;
		margin:10px;
		padding:0;
		}
		#mtc_footer2Meetic a.mtcInscription, #mtc_footer2Meetic a.mtcInscription:link {
		text-decoration:underline;
		color:#c50076;
		}
		#mtc_footer2Meetic a.mtcInscription:active, #mtc_footer2Meetic a.mtcInscription:hover {
		text-decoration:none;
		}

		#mtc_footer2Meetic a, #mtc_footer2Meetic a.link {
		text-decoration:underline;
		color:#636262;
		}
		#mtc_footer2Meetic a:active, #mtc_footer2Meetic a:hover {
		text-decoration:none;
		}

		
		

		#mtc_footer2Meetic span.cornerLeft2 {
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			width:4px;
			height:4px;
			font-size:1px;
			background: transparent url(/images/bottom_L.gif) no-repeat;
		}
		#mtc_footer2Meetic span.cornerRight2 {
			display:block;
			position:absolute;
			bottom:0;
			right:0;
			width:4px;
			height:4px;
			font-size:1px;
			background: transparent url(/images/bottom_R.gif) no-repeat;
		}


/**************************************************************************************************
     LIENS PARTENRAIRES
**************************************************************************************************/
#mct_partners {
	margin:0;
	padding:10px 0 5px 0;
	color:#b5b5b5;
	text-align:center;
}
	#mct_partners a {
		margin:0 5px;
		color:#b5b5b5;
		text-decoration:none;
	}
	#mct_partners a:hover {
		color:#b5b5b5;
		text-decoration:underline;
	}


/**************************************************************************************************
     BOUTONS
**************************************************************************************************/
/*****     mtcButtonA     *****/
/* code commun */
ul.mtcButtonA {margin: 0; padding: 0; list-style: none;}
ul.mtcButtonA li {display: inline; margin: 0; padding: 0;}
ul.mtcButtonA a {
	float: left;
	padding: 0 0 0 7px;
	/*width: ???px; --> facultatif (pour fixer la largeur du bouton) */
	font: bold 11px/18px Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-image: url(/images/mtcButtonALeft.gif); background-repeat: no-repeat;
}
ul.mtcButtonA a span {
	display: block;
	float: left;
	padding: 0 17px 5px 11px; /* --> gestion des marges internes, veiller a conserver le ratio (right/left) */
	background-image: url(/images/mtcButtonARight.gif); background-repeat: no-repeat;
}
/* Tous sauf IE5-Mac \*/
ul.mtcButtonA a span {float: none;}
/* Fin hack */

ul.mtcButtonA a.mtcButtonA1 {background-position: 0 0;}
ul.mtcButtonA a.mtcButtonA1 span {background-position: 100% 0;}
ul.mtcButtonA a.mtcButtonA1:hover {background-position: 0 -31px;}
ul.mtcButtonA a.mtcButtonA1:hover span {background-position: 100% -31px;}

ul.mtcButtonA a.mtcButtonA2 {background-position: 0 -62px;}
ul.mtcButtonA a.mtcButtonA2 span {background-position: 100% -62px;}
ul.mtcButtonA a.mtcButtonA2:hover {background-position: 0 -93px;}
ul.mtcButtonA a.mtcButtonA2:hover span {background-position: 100% -93px;}


/*****     mtcButtonB     *****/
/* code commun */
ul.mtcButtonB { margin: 0; padding: 0; list-style: none; }
ul.mtcButtonB li { display: inline; margin: 0; padding: 0; }
ul.mtcButtonB a {
	float: left;
	padding: 0 0 0 9px;
	/*width: ???px; --> facultatif (pour fixer la largeur du bouton) */
	text-align: center;
	font: bold 14px/27px Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/images/mtcButtonBLeft.gif); background-repeat: no-repeat;
}
ul.mtcButtonB a span {
	display: block;
	float: left;
	line-height:20px;
	padding: 0 22px 7px 7px;/* --> gestion des marges internes, veiller a conserver le ratio (right/left) */
	background-image: url(/images/mtcButtonBRight.gif); background-repeat: no-repeat;
}
/* Tous sauf IE5-Mac \*/
ul.mtcButtonB a span { float: none; }
/* Fin hack */

ul.mtcButtonB a.mtcButtonB1 {background-position: 0 0;}
ul.mtcButtonB a.mtcButtonB1 span {background-position: 100% 0;}
ul.mtcButtonB a.mtcButtonB1:hover {background-position: 0 -39px;}
ul.mtcButtonB a.mtcButtonB1:hover span {background-position: 100% -39px;}


/**************************************************************************************************
     BOX
**************************************************************************************************/
div#mtcBoxHome {width:401px; float:left;}

/***** boite sur fond bleu, interieur blanc, utilisee dans la colone de droite *****/
.mtcBoxHome1 {font-family:Arial;font-size:11px;color:#000000;}

/* HEADER TITLE */
div.mtcBoxHome1 .mtcBoxHead {width:100%;height:20px;background: #FFFFFF url(/images/boxHome_bg.gif) 0 -32px repeat-x;}
div.mtcBoxHome1 .mtcBoxHeadLeft {float:left;width:8px;height:20px;background: #FFFFFF url(/images/boxHome_bg.gif) top left no-repeat;}
div.mtcBoxHome1 .mtcBoxHeadRight {float:right;width:8px;height:20px;background: #FFFFFF url(/images/boxHome_bg.gif) -8px 0 no-repeat;}

/* HEADER NO TITLE */
div.mtcBoxHome1 .mtcBoxHeadnt {width:100%;height:4px;background: #FFFFFF url(/images/boxHome_bg.gif) 0 -32px repeat-x;}
div.mtcBoxHome1 .mtcBoxHeadLeftnt {float:left;width:4px;height:4px;background: #FFFFFF url(/images/boxHome_bg.gif) 0 -20px no-repeat;}
div.mtcBoxHome1 .mtcBoxHeadRightnt {float:right;width:4px;height:4px;background: #FFFFFF url(/images/boxHome_bg.gif) -4px -20px no-repeat;}

/* H4 */
div.mtcBoxHome1 h4 {display:box;margin:0;padding:0;float:left;height:15px;font-family:Arial;font-size:11px;color:#FFFFFF;font-weight:bold;}
div.mtcBoxHome1 .mtcBoxHead h4 {margin-top:5px;}
div.mtcBoxHome1 .mtcBoxMid h4 {margin-top:1px;}

/* BODY P */
div.mtcBoxHome1 .mtcBoxBody {border-left:solid 1px #DED9F1;border-right:solid 1px #DED9F1; background:#ffffff;}
div.mtcBoxHome1 .mtcBoxBody2 {height:134px; padding:4px 4px 0 4px; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF;}

/* MIDDLE */
div.mtcBoxHome1 .mtcBoxMid {width:100%;height:16px;background: #9F9FEA;}
div.mtcBoxHome1 .mtcBoxMidLeft {float:left;width:8px;height:16px;background: #FFFFFF url(/images/boxHome_bg.gif) 0 -4px no-repeat;}
div.mtcBoxHome1 .mtcBoxMidRight {float:right;width:8px;height:16px;background: #FFFFFF url(/images/boxHome_bg.gif) -8px -4px no-repeat;}

/* FOOTER */
div.mtcBoxHome1 .mtcBoxFoot {margin-top:-2px;width:100%;height:8px;background: #FFFFFF url(/images/boxHome_bg_2.gif) 0 0 repeat-x;}
div.mtcBoxHome1 .mtcBoxFootLeft {float:left;width:4px;height:8px;background: #FFFFFF url(/images/boxHome_bg.gif) 0 -24px no-repeat;}
div.mtcBoxHome1 .mtcBoxFootRight {float:right;width:4px;height:8px;background: #FFFFFF url(/images/boxHome_bg.gif) -4px -24px no-repeat;}
/*-- --*/