/********************************************************************************************************************/
/* CSS CONNECTEES */
/********************************************************************************************************************/
/**********************************************************/
/* HEADER */
/**********************************************************/

/*
#ultHeaderAbo, #ultHeaderInbox, #ultHeaderMatchlist
{
	position: relative;
	height: 137px;
	background: #ffffff url(grande_banniere_haut_site.png) 0 0 no-repeat;
}
*/


#ultHeaderHome
{
	/* position: relative; */
	height: 137px;
	background: #ffffff url(grande_banniere_haut.jpg) 0 0 no-repeat;
}


/* définit le block contenant le logo */
#ultLogo
{
	height: 74px;
	padding-top: 38px;
	margin-left: 12px;
}
#ultBaseline {

	position: absolute;
	
	top: 54px;
	left: 420px;
	width: 160px;
	font: normal 11px/11px Verdana, sans-serif;
	color: #ae1331;
}

/**********************************************************/
/* ONGLETS */
/**********************************************************/
/* définit les paramètres du block contenant les onglets */
#ultHeaderTabs
{
	float: left;
	height: 25px;
	padding-left: 3px;
	width: 460px;
}
#ultHeaderTabs span
{
	text-align:center;
}
/*-- Lien pour onglet de base, onglet Accueil et pour l'onglet Abonnement --*/
#ultHeaderTabs a:link, #ultHeaderTabs a:active, #ultHeaderTabs a:visited, #ultHeaderTabs a:hover, #ultHeaderTabs .ultHeaderTabsLnkSel, #ultHeaderTabs a.homeLnk:link, #ultHeaderTabs a.homeLnk:active, #ultHeaderTabs a.homeLnk:visited, #ultHeaderTabs a.homeLnk:hover, #ultHeaderTabs .homeLnkSel, #ultHeaderTabs a.aboLnk:link, #ultHeaderTabs a.aboLnk:active, #ultHeaderTabs a.aboLnk:visited, #ultHeaderTabs a.aboLnk:hover, #ultHeaderTabs .aboLnkSel
{
	float: left;
	width: 114px;
	height: 20px;
	padding-top: 5px;
	color: #ffffff;
	text-align:center;
	text-decoration: none;
	font: 13px Arial, sans-serif;
	font-weight: normal;
	background: transparent url(tab_OFF.gif) 0 0 no-repeat;
}

#ultHeaderTabs a:hover
{
	background: transparent url(tab_ON.gif) 0 0 no-repeat;
}

#ultHeaderTabs .ultHeaderTabsLnkSel 
{
	background: transparent url(tab_selected.gif) 0 0 no-repeat;
}

/*-- Onglet pour l'accueil --*/
#ultHeaderTabs a.homeLnk:link, #ultHeaderTabs a.homeLnk:active, #ultHeaderTabs a.homeLnk:visited, #ultHeaderTabs a.homeLnk:hover
{
	background: transparent url(/img/main/bg/tab_homeON.png) 0 0 no-repeat;
}

/*-- Onglet Accueil ou Abonnement sélectionné --*/
#ultHeaderTabs a.homeLnkSel:link, #ultHeaderTabs a.homeLnkSel:active, #ultHeaderTabs a.homeLnkSel:visited, #ultHeaderTabs a.homeLnkSel:hover, #ultHeaderTabs .aboLnkSel
{
	background: transparent url(/img/main/bg/tab_homeOFF.gif) 0 0 no-repeat;
}

/*-- Onglet pour l'abonnement --*/
#ultHeaderTabs a.aboLnk:link, #ultHeaderTabs a.aboLnk:active, #ultHeaderTabs a.aboLnk:visited
{
	background: transparent url(/img/main/bg/tab_aboON.gif) 0 0 no-repeat;
}
/* Rollover sur l'onglet accueil et abonnement*/
#ultHeaderTabs a.homeLnk:hover, #ultHeaderTabs a.aboLnk:hover
{
	background: transparent url(/img/main/bg/tab_homeOFF.gif) 0 0 no-repeat;
}


/* définit les paramètres du block de liens à la droite des onglets */
#ultHeaderLinks
{
	float: left;
	width: 280px;
	height: 18px;
	text-align: right;
	color: #666666;
	padding-top: 8px;
	font: normal 11px Arial, sans-serif;
}
#ultHeaderLinks a:link, #ultHeaderLinks a:active, #ultHeaderLinks a:visited, #ultHeaderLinks a:hover
{
	color: #666666;
	text-decoration: underline;
	font: normal 11px Arial, sans-serif;
	font-weight: normal;
}
#ultHeaderLinks a:hover
{
	text-decoration: none;
}

/**********************************************************/
/* MENU */
/**********************************************************/
#ultMenu
{
	clear: both;
	height: 25px;
	width: 760px;
	margin-top: 0px;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font: normal 13px Arial, sans-serif;
	background: #000000; 
	/* #C3B284 */
	/*  url(bg_header_menu.gif) 0 0 no-repeat;   */
}


#ultMenu img
{
	padding-top: 0px;
	margin: 0px 15px;
	border: 0px;
}

#ultMenu a.ultMenu:link, #ultMenu a.ultMenu:active, #ultMenu a.ultMenu:visited, #ultMenu a.ultMenu:hover, #ultMenu a.ultMenuSel:link, #ultMenu a.ultMenuSel:active, #ultMenu a.ultMenuSel:visited, #ultMenu a.ultMenuSel:hover
{
	float: left;
	display: block;
	height: 21px;
	color: #ffffff;
	padding: 4px 6px 0px 6px;
	text-decoration: none;
	font: normal 13px Arial, sans-serif;
	font-weight: normal;
	background: transparent url(v-dot_menu.gif) 100% 0 repeat-y;
	/* v-dot_menu = pour pointillés blancs */
}
#ultMenu a.ultMenu:hover
{
	background-color: #FDFB4F;
	color: #000000;
}


#ultMenu a.ultMenu2:link, #ultMenu a.ultMenu2:active, #ultMenu a.ultMenu2:visited, #ultMenu a.ultMenu2:hover 
{
	float: left;
	display: block;
	height: 21px;
	color: #000000;
	padding: 4px 6px 0px 6px;
	text-decoration: none;
	font: normal 13px Arial, sans-serif;
	font-weight: normal;
	background-color: #FDFB4F;
	/* background: transparent url(v-dot_menu.gif) 100% 0 repeat-y; */
	/* v-dot_menu = pour pointillés blancs */
}

/*
#ultMenu a.ultMenu2:hover
{
	background-color: #FFFFFF;
	color: #000000;
}
*/

#ultMenu a.ultMenuSel:link, #ultMenu a.ultMenuSel:active, #ultMenu a.ultMenuSel:visited, #ultMenu a.ultMenuSel:hover
{
	background: transparent url(v-dot_menu.gif) 100% 0 repeat-y;
	background-color: #8b925f;
	cursor: default;
}
.ultMenuLeftSpacer, .ultMenuSpacer
{
	float: left;
	height: 25px;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	font-size: 1px;
	width: 4px;
	border: 0;
	overflow: hidden;
}
.ultMenuLeftBlock
{
	float: left;
	padding: 4px 12px;
}
.ultMenuSpacer
{
	width: 1px;
	background: transparent url(v-dot_menu.gif) 0 0 repeat-y;
}




/**********************************************************/
/* FOOTER */
/**********************************************************/
#ultFooter
{
	width: 760px;
	margin: 0px auto;
	padding: 12px 0px;
	height: 26px;
	text-align: center;
	color: #8b8b8b;
	font: normal 10px verdana,sans-serif;
	background: #30A3CB url(bg_footer.png) 0 0 no-repeat;
}

#ultFooter a:link, #ultFooter a:active, #ultFooter a:visited, #ultFooter a:hover
{
	color: #8B8B8B;
	font-weight: normal;
}

/********************************************************************************************************************/
/* CSS VISITEURS */
/********************************************************************************************************************/
/**********************************************************/
/* HEADER */
/**********************************************************/

/*
#ultHeaderGuest
{
	height: 137px;
	background: #ffffff url(http://images.ulteem.meetic.com//img/fr/bg/bg_headerG.png) 0 0 no-repeat;
}
*/


/**********************************************************/
/* MENU */
/**********************************************************/
/* demande de connexion */
#memberLogin
{
	text-align: right;
	height: 20px;
	margin: 0;
	padding: 5px 12px 0 0;
	color: #ffffff;
	font: normal 11px Arial, sans-serif;
}
/* form de connexion */
#forgotPassword
{
	height: 20px;
	padding: 3px 12px 3px 10px;
	/padding: 3px 12px 0px 10px; /* IE */
	color: #ffffff;
	font: normal 11px Arial, sans-serif;
}

#forgotPassword span
{
	float: right;
	color: #ffffff;
	font: normal 11px Arial, sans-serif;
}

/* form de renvoi du mot de passe */
#retrievePassword
{
	height: 60px;
	margin: 1px 0 0 0;
	padding: 2px 10px 2px 10px;
	background: #d1cbb3 url(/img/main/bg/bg_forgotPass.gif) 0 0 repeat-y;
}

/* messages d'erreur */
#ooops
{
	height: 19px;
	margin: 1px 0 0 0;
	padding: 4px 10px 0px 10px;
	text-align: center;
	color: #d51c3f;
	font: normal 11px Verdana,sans-serif;
	background: #d1cbb3 url(/img/main/bg/bg_forgotPass.gif) 0 0 repeat-y;
}
#ooopsLogin
{
	margin-top: 1px;
	height: 20px;
	padding: 1px 12px 3px 10px;
	background: #d1cbb3 url(/img/main/bg/bg_forgotPass.gif) 0 0 repeat-y;
}
#ooopsLogin table {
	color: #ffffff;
	font: normal 11px Arial, sans-serif;
}

#errMess
{
	text-align: center;
	color: #d51c3f;
	font: normal 11px Verdana,sans-serif;
}

#forgotPassword form, #retrievePassword form
{margin: 0;}
#memberLogin a.lnkMember:link, #memberLogin a.lnkMember:active, #memberLogin a.lnkMember:visited, #memberLogin a.lnkMember:hover, #forgotPassword a.lnkMember:link, #forgotPassword a.lnkMember:active, #forgotPassword a.lnkMember:visited, #forgotPassword a.lnkMember:hover
{
	color: #000000;
	font: normal 11px Arial, sans-serif;
	text-decoration: underline;
}
#ultMenu a.lnkMember:hover, #forgotPassword a.lnkMember:hover
{
	text-decoration: none;
}