/***********************************************************************
* Masterpage.css
* - Généralités
* - Container principal
* - Colonne de gauche
* - Colonne de droite
* - Colonne du centre
* - Footer
***********************************************************************/

/* - Généralités ******************************************************/
* { margin: 0; padding: 0;}

html, body
{
	min-height: 100%;	
	_height: 100%;
}

body
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:12px;
	color:#58585a;
	background:#ffffff;
}

a		{ color:#d2d2d2; }
a img	{ border:none; }
hr		{ display:none; }

::selection { background:#8d004d; color:#fff; }
::-moz-selection { background:#8d004d; color:#fff; }

/* - Container principal **********************************************/
#container
{
	height: 100%;
	width:800px;
	margin:0 auto;
	position:relative;
	background:#f0ece8;
	padding:23px 24px 0 24px;
	background:url(../Images/Masterpage/background.gif) repeat-y left top;
}

/* - Header ***********************************************************/
.header
{
	background:url(../Images/Masterpage/Header/background.gif) repeat-x left bottom;
	height:212px;
	position:relative;
}

	.header h1
	{
		position:absolute;
		top:-23px;
		left:225px;
		width:383px;
		height:168px;
		background:url(../Images/Masterpage/Header/ca-m-avantages.gif) no-repeat left top;
	}
	
		.header h1 a { display:block;width:380px;height:117px; }
	
		.header h1 a span { display:none; }
	
	.header h2
	{
		position:absolute;
		left:289px;
		top:117px;
	}
	
	.header ul { list-style:none; }
		.header ul li			{ position:absolute; }
		.header ul li.magvet	{ left:264px;top:158px; }
		.header ul li.devianne	{ left:375px;top:158px; }
		.header ul li.capmod	{ left:473px;top:158px; }

	.header-logo
	{
		background:url(../Images/Masterpage/Header/logo.jpg) no-repeat left top;
		display:block;
		width:191px;
		height:202px;
		position:absolute;
		z-index:2;
		top:114px;
		left:46px;
	}
	
	.header .login
	{
		border:none;
		position:absolute;
		right:0;
		width:150px;
		height:204px;
		padding-left:21px;
		background:url(../Images/Masterpage/Header/login.gif) repeat-y right top;
	}
	
		.header .login h3
		{
			width:85px;
			font-weight:bold;
			color:#ffffff;
			font-size:15px;
			font-family:Verdana, Sans-Serif;
			margin-top:31px;
			margin-bottom:18px;
		}
		
		.header .login .TextBox
		{
			width:113px;
			padding:2px;
			margin-bottom:5px;
		}
		
			.header .login .CodePostal { width:80px;margin-right:5px; }
			
	.header .perso
	{
		border:none;
		position:absolute;
		right:0;
		bottom:10px;
		width:200px;
		height:50px;
		text-align:center;
		color:#fff;
		line-height:20px;
	}
		.header .perso a
		{
			color:#fff;
			font-weight:bold;
		}
			
/* - Contenu interieur ************************************************/
.main
{
	position:relative;
	background:#f0ece8 url(../Images/Masterpage/persos.gif) no-repeat left bottom; 
	padding-bottom:60px;
}

/* Erreur formulaire */

.erreurForm
{
	background-color: #c8004e;
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	width: 116px;	
}