/***********************************************************************
* Masterpage.css
***********************************************************************/

/* - Elements commun **************************************************/
* { margin:0; padding:0; }

body
{
	font: 13px Arial, Sans-serif;
	color:#333;
	background-color: #000;
}

a img { border:none; }

/* - Themes ***********************************************************/
body
{
	background-position: center top;
	background-repeat: no-repeat;
}

body.Men {background-image:url(/Images/Masterpage/Themes/Fond_macartelevis_FW11.jpg);}
body.Woman {background-image:url(/Images/Masterpage/Themes/Fond_macartelevis_FW11.jpg);}
body.Women {background-image:url(/Images/Masterpage/Themes/Fond_macartelevis_FW11.jpg);}
body.People {background-image:url(/Images/Masterpage/Themes/Fond_macartelevis_FW11.jpg);}

.overlay 
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/Images/Masterpage/bg-overlay.png) repeat;
	z-index: 200;
}

.mypopin{color:#000;background:#333}

.popup
{
	position: fixed;
	width: 598px;
	height: 527px;
	top: 50%;
	left: 50%;
	margin-top: -264px;
	margin-left: -299px;
	background: url(/Images/Masterpage/bg-popup-large.png) no-repeat;
	z-index: 201;
}

.popup.generalConditions,
.popup.personnalData, 
.popup.reglementJeu
{
	display: none;
}

.popup.credits
{
	display: none;
	background: none;
}

.popup .close
{
	position: absolute;
	display: block;
	width: 24px;
	height: 21px;
	top: 15px;
	right: 15px;
	background: url(/Images/Masterpage/btn-close.gif) no-repeat;
}

.popup.credits .close
{
	top: 80px;
	right: 114px;
}

.popup h2
{
	padding: 50px 15px 50px 170px;
	color: #333333;
	font-size: 30px;
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
}

.popup .content
{
	height: 370px;
	margin: 0 15px 20px 30px;
	padding-right: 10px;
	overflow: auto;
}

.popup .content h3,
.popup .content p,
.popup .content ul,
.popup .content ol
{
	padding: 6px 0;
	text-align: justify;
}

.popup .content ul
{
	padding-left: 4px;
	list-style: circle inside;
}

.popup .content ol
{
	padding-left: 4px;
	list-style: decimal inside;
}

.popup.credits .mini
{
	width: 395px;
	height: 377px;
	margin: 70px 100px;
	background: url(/Images/Masterpage/bg-popup-small.png) no-repeat;
}

.popup.credits .mini .content
{
	height: 220px;
}

/* - Container principal **********************************************/
#container
{
	position:relative;
	width:907px;
	height:607px;
	margin:50px auto 0px auto;
	background:url(/Images/Masterpage/main.png) no-repeat left top;
}

form.mon-espace #container
{
	background-image: url(/Images/Masterpage/main-compte.png);
}

	h1.logo
	{
		position:absolute;
		left:21px;
		top:19px;
	}

	h2.label
	{
		position:absolute;
		left:-24px;
		top:52px;
	}
	
.main
{
	position:absolute;
	left:0px;
	top:119px;
	width:648px;
	height:481px;
	z-index:2;
}

.main h1
{
	padding-left: 6px;
}

.menu
{
	position:absolute;
	left:142px;
	top:38px;
	display:block;
	width:505px;
	height:24px;
	list-style:none;
	border-bottom:1px solid #a3a3a3;
}

	.menu li
	{
		display:block;
		float:left;
	}

	.menu li a
	{
		display:block;
		float:left;
	}
	
	.menu li .separator
	{
		display:block;
		float:left;
		width:10px;
		height:29px;
		background:url(/Images/Masterpage/Menu/separator.gif) no-repeat center 3px;
	}
	
/* - Colonne de droite ************************************************/
.sidebar
{
	position:absolute;
	right:7px;
	_right: -6px;
	top:0px;
	width:230px;
	height:588px;
	z-index:3;
	padding: 5px 12px 7px 18px;
	background:url(/Images/Masterpage/sidebar.png) no-repeat left top;
}
		
	.sidebar p.error
	{
		position:absolute;
		top: 95px;
		right: 20px;
		font-family: Verdana, Sans-Serif;
		font-size: 9px;
		color: #BD2132;
	}

	.sidebar .login
	{
		border:none;
		padding: 0 0 27px 71px;
	}
	
	.sidebar .login.auth
	{
		height: 86px;
		padding: 12px 0 12px 90px;
	}
		
		.sidebar .login .TextBox
		{
			padding:2px 10px;
			margin:0 0 2px 0;
			width: 135px;
			color:#525252;
			font-size:10px;
			border:1px solid #bdbcb7;
		}
		
		.sidebar .login .Button
		{
			width: 26px;
			height: 18px;
			margin: 0;
			cursor:pointer;
			border: none;
			background: url(/Images/Masterpage/btn-go.gif) no-repeat -2px 0;
			float:left;
		}
		
		.sidebar .login .tbCarte
		{
			float: left;
			width: 105px;
			margin: 0 3px 0 0;
		}
		
		.sidebar .login span, .sidebar .login strong
		{
			display:block;
			font-weight:bold;
			font-size:10px;
			font-family:Verdana, Sans-Serif;
		}
		
		.sidebar .login label
		{
			display: block;
			padding-bottom: 5px;
		}
		
		.sidebar .login a
		{
			display:block;
			margin-top:3px;
			font-size:11px;
			color:#000;
			text-decoration:none;
		}
		
		.sidebar .login a span
		{
			display:inline;
			font-size:11px;
			font-weight:normal;
			color:#000;
			text-decoration:underline;
		}
	
	.sidebar .news
	{
		padding: 45px 0 23px 0;
		background: url(/Images/Masterpage/text-contact.gif) no-repeat right top;
	}
	
	.sidebar .news h3,
	.sidebar .event h3
	{
		padding-bottom: 5px;
	}
	
	.sidebar .news div,
	.sidebar .event div
	{
		padding-left: 5px;
	}
			
	.sidebar .event
	{
		padding: 0 0 5px 0;
	}
	
	.sidebar .carte
	{
		position:absolute;
		top:-2px;
		left:-40px;
		z-index:3;
		display:block;
		width:131px;
		height:93px;
		background:url(/Images/Masterpage/carte.png) no-repeat left top;	
		_background-image:none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src="/Images/Masterpage/carte.png");
	}

/* - Footer ***********************************************************/
.footer
{
	margin:0 0 10px 0;
	text-align:center;
	font-size:11px;
	color:#fff;
}

	.footer a
	{
		color:#fff;
	}
	
	
	
/* ------------
      Jeu
--------------*/
.footerJeu {padding-top:25px;}
.footerJeu p {text-align:center;padding-bottom:15px;}
.footerJeu .linksJeu {width:210px;margin:0 auto;}
.footerJeu .linksJeu .reglementJeuBtn 
{
    display:block;
    margin:5px 0;
    color:#000;
    font-size:11px;
    text-align:center;
}