/***********************************************************************
* Pages.css
* - Elements commun
***********************************************************************/

/* - Elements commun **************************************************/
.TextBox, .DropDownList
{
	font-family: Verdana, Sans-Serif;
	font-size:11px;
	color:#939495;
	padding:1px 2px;
	border-bottom:1px solid #9e9fa0;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #9e9fa0;
	border-top:none;
}
.DropDownList { padding: 0; }
.CheckBox input { margin-right:5px; }

h4
{
	font-weight:bold;
	font-size:20px;
	color:#8d004d;
}

h5
{
	color:#008fd3;
	font-size:15px;
}

.clear { clear:both; }

.mention { font-size:9px;font-family: Arial; }

.link, .link a
{
	color:#8d004d;
	font-weight:bold;
	font-style:normal;
	text-align:right;
}

.enseignes
{
	position:relative;
	width:625px;
	height:140px;
	margin:0 auto 45px auto;
	background:url(../Images/Pages/Default/bloc-enseignes.png) no-repeat left top; 	
	_background-image:url(../Images/Pages/Default/bloc-enseignes-ie6.jpg);
	_padding:0 8px 26px 0;
}

	.enseignes .logos
	{
		display:block;
		list-style:none;
		padding-top:20px;
	}

	.enseignes .logos li
	{
		display:block;
		float:left;
		text-align:center;
	}
	
		.enseignes .logos li.li1 { width:190px; }
		.enseignes .logos li.li2 { width:210px; }
		.enseignes .logos li.li3 { width:215px; }
	
		.enseignes .logos li a 
		{
			text-decoration:none;
			font-weight:bold;
		}
		
			.enseignes .logos li a img
			{
				display:block;
				margin:0 auto;
			}
		
			.enseignes .logos li a span
			{
				color:#797a7b;
				display:block;
				margin:7px auto 8px;
				text-decoration:underline;
				font-size:12px;
			}
		
			.enseignes .logos .mention
			{
				color:#797a7b;
				text-decoration:underline;
				font-size:11px;
				font-weight:normal;
			}

	.enseignes .link
	{
		clear:both;
		display:block;
		color:#ffffff;
		font-size:13px;
		font-weight:bold;
		width:618px;
		text-align:center;
		position:relative;
		top:8px;
	}

		.enseignes .link a { color:#ffffff;text-decoration:none; }
		.enseignes .link em { font-style:normal; text-decoration:underline; }

/* - Page d'accueil ***************************************************/
.page-default .main
{
	padding-top:70px;
}

.news
{
	margin:0 auto;
	width:447px;
	padding:0 71px 0 90px;
	height:81px;
	background:url(../Images/Pages/Default/news.png) no-repeat left top; 		
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="/Images/Pages/Default/news.png", sizingMethod=crop);
}

	.news marquee
	{
		font-family: Verdana, Sans-Serif;
		font-size:14px;
		color:#1a171b;
		font-weight:bold;
		line-height:81px;
		vertical-align:middle;
	}
	
.page-default .avantages
{
	position:relative;
	width:390px;
	height:392px;
	margin:15px auto;
	padding:20px 175px 0 60px;
	background:url(../Images/Pages/Default/bloc-avantages.png) no-repeat left top;	
	_background-image:url(../Images/Pages/Default/bloc-avantages-ie6.gif);
	_padding-right:183px;
}

	.page-default .avantages h4
	{
		width:270px;
		margin-bottom:18px;
	}

	.page-default .avantages em
	{
		color:#8d004d;
		font-weight:bold;
		font-style:normal;
	}
	
	.page-default .avantages ul { margin-left:25px; }
	
	.page-default .avantages li
	{
		margin-bottom:5px;
	}
	
	.page-default .avantages li.li1		{ margin-bottom:8px; }
	.page-default .avantages li.li2		{ margin-bottom:17px; }
	.page-default .avantages li.li3		{ margin-bottom:15px; }

	.page-default .avantages .link
	{
		color:#8d004d;
		font-weight:bold;
		font-style:normal;
		text-align:right;
		margin-top:15px;
		margin-bottom:30px;
	}

		.page-default .avantages .link a
		{
			color:#8d004d;
		}
		
	.page-default .avantages .guide
	{
		position:absolute;
		right:-48px;
		_right:-41px;
		top:53px;
	}
		
/* - Page magasins ****************************************************/

.page-magasins .main
{
	background-image: none;
	top: -8px;	
}

.page-magasins #carte
{
	width:500px;
	/*height:480px;*/
}

.page-magasins h4
{
	margin-bottom:25px;
}

.page-magasins p.intro
{
	width:200px;
	font-size:11px;
	margin-bottom:25px;
}

.page-magasins div.magasin
{
	width:190px;
	height:265px;
	padding:25px 10px 10px 45px;
	background:url(../Images/Pages/Magasins/bloc-magasin.jpg) no-repeat left top; 	
	font-size:11px;
}

	.page-magasins div.magasin .logo
	{
		display:block;
		margin-bottom:20px;	
	}

	.page-magasins div.magasin h5
	{
		margin-bottom:20px;	
	}

	.page-magasins div.magasin address
	{
		font-style:normal;
		margin-bottom:15px;
	}
	
	.page-magasins .rightcol
	{
		position:absolute;
		left:512px;
		top:60px;
	}
	
/* - Page Espace personnel ********************************************/
.page-perso .main
{
	position:relative;
	padding:20px 0 10px 0;
	height:853px;
}

.page-perso .header
{
	background:url(../Images/Pages/Perso/Header/background.gif) repeat-x left top;
	height:165px;
}

	.page-perso .header h1
	{
		top:-23px;
		left:224px;
		width:385px;
		height:170px;
		background-image:url(../Images/Pages/Perso/Header/ca-m-avantages.gif);
	}

	.page-perso .header-logo
	{
		background:url(../Images/Pages/Perso/Header/logo.jpg) no-repeat left top;
		display:block;
		width:151px;
		height:160px;
		position:absolute;
		z-index:2;
		top:96px;
		left:23px;
	}
	.page-perso .header h2,
	.page-perso .header ul
	{
		display:none;
	}

.page-perso h4
{
	text-align:center;
}

.page-perso h6
{
	font-size:12px;
	font-weight:bold;
	color:#8d004d;
}

.page-perso .compte
{
	position:absolute;
	left:49px;
	top:92px;
	width:193px;
	height:170px;
	background:url(../Images/Pages/Perso/bloc-moncompte.png) no-repeat left top;
	padding:10px 10px 10px 40px;
	/*overflow:hidden;*/
}


	.page-perso .compte .cheque
	{
		border-top:2px ridge #9f0052;
		/*border-bottom:2px ridge #9f0052;*/
		margin:12px -9px 12px -16px;
		padding:12px 9px 12px 16px;
	}

	.page-perso .compte h5
	{
		padding-top:15px;
		height:31px;
		background:url(../Images/Pages/Perso/picto-moncompte.gif) no-repeat left top;
		padding-left:35px;
	}
	
	.page-perso .compte .link
	{
		margin-top:6px;
		margin-right:15px;
	}
	
	.page-perso .compte p { font-size:11px; }

.page-perso .partenaires
{
	position:absolute;
	left:49px;
	top:409px;
	width:193px;
	height:177px;
	background:url(../Images/Pages/Perso/bloc-partenaires.png) no-repeat left top;
	padding:10px 10px 10px 40px;
	overflow:hidden;
}

	.page-perso .partenaires h5
	{
		margin-bottom:12px;
	}

	.page-perso .partenaires .DropDownList
	{
		width:190px;
		margin-bottom:14px;
		background:#ededee;
		border:1px solid #cbcbcc;
		color:#8d004d;
		font-family: Verdana, Sans-Serif;
		font-weight:bold;
		font-size:11px;
	}

.page-perso .offredumois
{
	position:absolute;
	left:49px;
	top:642px;
	width:193px;
	height:173px;
	background:url(../Images/Pages/Perso/bloc-offredumois.png) no-repeat left top;
	padding:2px 23px 16px 24px ; /*padding:10px 10px 10px 40px;*/
	overflow:hidden;
}

.page-perso .avantages,
.page-perso .profil
{
	position:absolute;
	left:327px;
	top:90px;
	width:377px;
	height:497px;
	background:url(../Images/Pages/Perso/bloc-avantages.png) no-repeat left top;
	_background-image:url(../Images/Pages/Perso/bloc-avantages-ie6.jpg);
	padding:15px 0 10px 50px;
	overflow:hidden;
}
.page-perso .avantages.mag
{
	width:357px;
	padding:15px 20px 10px 50px;
}

	.page-perso .avantages h4,
	.page-perso .profil h4
	{
		margin-bottom:15px;
		text-align:left;
	}
	.page-perso .avantages p
	{
		margin-bottom:15px;
	}
	.page-perso .avantages .txt-offres
	{
		display:none ;
		position: absolute;
		bottom: 250px;
		left: 40px;
	}
	.page-perso .avantages .txt-offres-bas
	{
		display:none ;
		position: absolute;
		bottom: 15px;
		left: 40px;
	}
	.page-perso .avantages .img-offres
	{
		display:none ;
		position: absolute;
		bottom: 55px;
		left: 32px;
		text-align: left;
		width: 390px;
	}
	.page-perso .avantages .img-offres img
	{
		display: inline;
	}
	
	.page-perso .avantages .scrollbar
	{
		margin-right:4px;
		height:450px;
		overflow-y:auto;
	}

	.page-perso .avantages .bloc
	{
		display:block;
		float:left;
		text-align:center;
		width:141px;
		height:118px;
		background:url(../Images/Pages/Perso/avantages-bloc.gif) no-repeat left top;
		padding:7px;
		margin-bottom:15px;
		margin-right:0px;
		overflow:hidden;
	}

	.page-perso .avantages .blocright
	{
		margin-right:25px;
	}

		.page-perso .avantages .bloc h5
		{
			margin-bottom:3px;
		}
		.page-perso .avantages .bloc h6
		{
			margin-bottom:7px;
		}
		.page-perso .avantages .bloc p
		{
			font-size:11px;
		}

.page-perso .parrainage
{
	position:absolute;
	left:49px;
	top:639px;
	width:649px;
	height:176px;
	background:url(../Images/Pages/Perso/bloc-parrainage.png) no-repeat left top;
	_background-image:url(../Images/Pages/Perso/bloc-parrainage-ie6.jpg);
	padding:10px 15px 10px 40px;
	overflow:hidden;
}
	.page-perso .parrainage p
	{
		font-size:11px;
		margin-bottom:6px;
	}

	.page-perso .parrainage h5
	{
		margin-bottom:5px;
		padding-top:15px;
		height:31px;
		background:url(../Images/Pages/Perso/picto-parrainage.gif) no-repeat left top;
		padding-left:55px;
	}
	
	.page-perso .parrainage .link
	{
		margin-top:5px;
		margin-right:25px;
	}
	
/* - Modifier mon profil */
.page-perso .profil fieldset { border:none; }

	.page-perso .profil fieldset p 
	{ 
		font-size:11px;
		padding:2px 4px;
		margin:4px 25px 4px 0 ;
		clear:both;
		position:relative;
	}
	
	.page-perso .profil fieldset label
	{ 
		font-weight:bold;
		display:block;
		width:130px;
		float:left;
		margin-top:2px;
	}
	
	.page-perso .profil fieldset .TextBox
	{ 
		margin:2px 0;
		width:200px;
	}
	
	.page-perso .profil fieldset .DropDownList
	{ 
		margin:2px 0;
		width:135px;
	}
	
	.page-perso .profil fieldset .f4 .exemple
	{
		font-size:9px;
	}
	
	.page-perso .profil fieldset .f12 .CheckBox input
	{ 
		display:block;
		float:left;
	}
	
	.page-perso .profil fieldset .f12 .CheckBox label
	{ 
		width:320px;
		margin-top:0px;
	}

	.page-perso .profil fieldset .TextBox,
	.page-perso .profil fieldset .DropDownList
	{
		border-top:1px solid #9e9fa0;
		border-left:1px solid #9e9fa0;
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
	}
	
	.page-perso .profil fieldset .obligatoire,
	.page-perso .profil fieldset .mention
	{
		font-size:9px;
	}
	
	.page-perso .profil fieldset .bouton
	{
		text-align:right;
		padding:5px;
	}
	
	.page-perso .profil fieldset .erreur
	{
		position:absolute;
		top:4px;
		right:3px;
	}

.page-perso .profil .f2,
.page-perso .profil .f4,
.page-perso .profil .f6,
.page-perso .profil .f8,
.page-perso .profil .f10
{
	background:#e5e5e5;
}
		
/* - Page "En construction" *******************************************/
.page-construction .main
{
	padding:140px 0 200px 0;
}

.page-construction .construction
{
	text-align:center;
	color:#858586;
	width:624px;
	height:197px;
	margin:0px auto;
	padding-top:70px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	background:url(../Images/Pages/Construction/bloc-construction.png) no-repeat left top; 	
	_background-image:url(../Images/Pages/Construction/bloc-construction-ie6.jpg);
}

	.page-construction .construction p 
	{
		margin-bottom:15px;
	}

	.page-construction .construction a
	{
		color:#58585a;
	}
	
/* - Page Decouvrez le magasin Magvet *********************************/
.page-magvet .main,
.page-devianne .main,
.page-capmod .main
{
	padding-top:70px;
}

.page-magvet .magasin,
.page-devianne .magasin,
.page-capmod .magasin
{
	position:relative;
	width:390px;
	height:392px;
	margin:15px auto;
	padding:20px 175px 0 60px;
	background:url(../Images/Pages/Commun/bloc-magasin.png) no-repeat left top;	
	_background-image:url(../Images/Pages/Commun/bloc-magasin-ie6.jpg);
	_padding-right:183px;
}

	.page-magvet .magasin h4,
	.page-devianne .magasin h4,
	.page-capmod .magasin h4
	{
		margin-top:50px;
		margin-bottom:20px;
	}
	
	.page-magvet .magasin .description
	{
		width:260px;
		font-size:11px;
		margin-bottom:15px;
	}
	
	.page-capmod .magasin .description
	{
		width:320px;
		font-size:11px;
		margin-bottom:15px;
	}
	
	.page-devianne .magasin .description
	{
		width:320px;
		font-size:11px;
		margin-bottom:15px;
	}

	.page-magvet .magasin .logo,
	.page-capmod .magasin .logo
	{
		position:absolute;
		right:30px;
		top:12px;
	}
	
	.page-devianne .magasin .logo
	{
		position:absolute;
		right:30px;
		top:4px;
	}

	.page-magvet .magasin .photo,
	.page-devianne .magasin .photo,
	.page-capmod .magasin .photo
	{
		position:absolute;
		right:26px;
		top:105px;
	}
	
	.page-magvet .magasin .marques,
	.page-devianne .magasin .marques
	{
		position:absolute;
		top:290px;
		right:30px;
	}
	
	.page-capmod .magasin .marques
	{
		position:absolute;
		top:290px;
		right:50px;
	}
	
	.page-magvet .magasin .link,
	.page-devianne .magasin .link,
	.page-capmod .magasin .link
	{
		text-align:left;
	}
	
	.page-magvet .magasin .mentions,
	.page-devianne .magasin .mentions,
	.page-capmod .magasin .mentions
	{
		position:absolute;
		
		top: 50px;
		bottom:20px;
		font-size:10px;
	}