*{
	margin:		0px;
	padding:	0px;
}

.darkBlue		{		color:		#446d97;		}
.darkGrey		{		color:		#545454;		}
.blue 			{		color:		#0084a8;		}
.red 			{		color:		#f60505;		}

.s11 {		font-size: 		11px;	}
.s10 {		font-size: 		10px;	}
.s9 {		font-size: 		9px;	}

body {
	color:					#545454;
	font-size:			10px;
	font-family:		Arial, Helvetica, sans-serif;
	background:			url(../img/bg_home.jpg) no-repeat center center;
}

#logo{
	display:		block;
	position:		absolute;
	width:			256px;
	height:			128px;
	top:				20%;
	left:				40%;
	background:	url(../img/home_logo.jpg) no-repeat top center;
}

#content{
	display:		block;
	position:		absolute;
	width:			500px;
	height:			320px;
	left:				50%;
	top:				50%;
	margin:			-130px 0 0 -250px;
}

p.intro{
	text-align:		center;
}

/* ----  BOUTONS  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
table.bouton {
	display:			block;
	float:				left;
	width:				420px;
	height:				170px;
	margin-left:			50px;
}
table.bouton td {
	width:			140px;
}
table.bouton td a {
	display:				block;
	float:					left;
	width:					120px;
	height:					130px;
}
table.bouton td.btn1 a {
	width:					123px;
	height:					118px;
	background:			url(../img/bt_particulier.jpg) no-repeat top center;
}
table.bouton td.btn1 a:hover {
	background:			url(../img/bt_particulier.jpg) no-repeat bottom center;
}
table.bouton td.btn2 a  {
	margin:					20px 0 0 0;
	background:			url(../img/bt_entreprise.jpg) no-repeat top center;
}
table.bouton  td.btn2 a:hover {
	background:			url(../img/bt_entreprise.jpg) no-repeat bottom center;
}
table.bouton td.btn3 a  {
	height:					120px;
	background:			url(../img/bt_affaires.jpg) no-repeat top center;
}
table.bouton td.btn3 a:hover {
	background:			url(../img/bt_affaires.jpg) no-repeat bottom center;
}

table.form {
	display:		block;
	float:			left;
	width:			361px;
	height:			49px;
	margin-left:		65px;
}
table.form input {
	border: 		0px;
}

/* ----  FOOTER  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
	background:		#FFF;
	margin-top:		-22px;
}
#footer a {
	font-size:		10px;
	color:				#545454;
	text-decoration:	none;
}
#footer a:hover {
	color:				#0184a8;
}
#footer a.presse {
	margin-right:	10px;
}
#footer a.rejoindre {
	padding-left:	10px;
	border-left:	1px solid #545454;
}
#footer a.membre {
	color:					#0184a8;
	padding-left:		15px;
	margin-right:		10px;
	background:			url(../img/blue_arrow.gif) no-repeat 0px 2px;
}
#footer a.membre:hover {
	text-decoration:	underline;
	background:				url(../img/blue_arrow.gif) no-repeat 2px 2px;
}

/* STYLES CODEPAD */

table#keypadTab {position:absolute; width:130px; height:50px; top:60px; left:15px; border:none; }

.calc {position:absolute; width:350px; height:127px; top:50%; left:50%; background:url(../img/bgCalc.gif) }
.idCode {margin:128px 0 0 -178px;}
.idCode2 {margin:0px 0 0 -178px;}

.divPass {position:absolute; width:351px; height:40px; top:50%; left:50%; margin:128px 0 0 -179px; background:url(../img/BGMdp.gif) no-repeat; }
.submitImage {display:block; position:absolute; top:8px; left:316px; width:20px; }
#password {display:block; position:absolute; top:10px; left:185px; background-color:#FFFFFF; border:none; width:80px; font-size:12px; }

#p2 {position:absolute; top:30px; left:15px; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:290px; color:#446D97; }
#p3 {position:absolute; top:107px; left:225px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#446D97; }
#p3 a {color:#446D97; text-decoration:none; }
#p3 a:hover {text-decoration:underline; }
#aide {position:absolute; display:block; width:15px; height:17px; top:5px; left:330px; }
#submitImg {display:block; position:absolute; top:82px; left:311px; width:20px; }

.mainCell {vertical-align:bottom; }
.champ {display:block; position:absolute; top:85px; left:217px; background-color:#FFFFFF; border:none; width:80px; font-size:12px; }
.codeBtn {display:block; width:26px; height:26px; text-decoration:none; background-repeat:no-repeat; background-position:left; }
.error {position:absolute; width:180px; top:60px; left:155px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#FF0000; text-align:center; }

a.b0 { background:url(../img/0.gif) top; }
a.b0:hover {background:url(../img/0.gif) bottom center; }
a.b1 {background:url(../img/1.gif) top; }
a.b1:hover {background:url(../img/1.gif) bottom; }
a.b2 {background:url(../img/2.gif) top; }
a.b2:hover {background:url(../img/2.gif) bottom; }
a.b3 {background:url(../img/3.gif) top; }
a.b3:hover {background:url(../img/3.gif) bottom; }
a.b4 {background:url(../img/4.gif) top; }
a.b4:hover {background:url(../img/4.gif) bottom; }
a.b5 {background:url(../img/5.gif) top; }
a.b5:hover {background:url(../img/5.gif) bottom; }
a.b6 {background:url(../img/6.gif) top; }
a.b6:hover {background:url(../img/6.gif) bottom; }
a.b7 {background:url(../img/7.gif) top; }
a.b7:hover {background:url(../img/7.gif) bottom; }
a.b8 {background:url(../img/8.gif) top; }
a.b8:hover {background:url(../img/8.gif) bottom; }
a.b9 {background:url(../img/9.gif) top; }
a.b9:hover {background:url(../img/9.gif) bottom; }

/* FIN STYLES CODEPAD */

/* STYLES POUR PAGE LOGIN "Espace Membre" */

.fondEspaceMembre{
	 background-image:url(../img/bg_pageLogin.jpg);
     background-repeat:no-repeat;
	 background-position:top center;
	 background-color:#9fadca;
	 overflow: auto;
}
.blocErreurLogin{
	position:absolute;
	color:#d70101;
	left:50%;
	width:351px;
	height:63px;
	margin:330px 0 0 -169px;
	_margin:330px 0 0 -169px;
	z-index:10;
	background-image:url(../img/bg_messageErreur.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.txtErreurLogin{
	font-size:10px;
	height:53px;
	text-align:left;
	padding-left:20px;
	padding-top:29px;
	_padding-top:29px;
}
.blocInputLogin {
	position:absolute;
	left:50%;
	width:350px;
	height:40px;
	margin:398px 0 0 -169px;
	_margin:390px 0 0 -168px;
	z-index:11;
	background:url(../images/prehome_textfield02.gif) no-repeat center center;
}
.intituleInputLogin{
	display:block;
	float:left;
	width:165px;
	font-size:9px;
	height:53px;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	_padding-top:17px;
	color:#6791b3;
}
.formInputLogin {
	font-size:9px;
	color:#446d97;
	width:350px;
	height:40px;
}

.positionInputLogin{
	border:0px;
	display:block;
	float:left;
	width:130px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8a8a8a;
	margin:13px 0 0 0px;
	_margin:19px 0 0 20px;
	background:#fff;
}


.submitCons {
	font-family:		Arial, Helvetica, sans-serif;
	border:0px;
	display:block;
	float:right;
	font-size:9px;
	font-weight:bold;
	color:#fff;
	width:19px;
	height:18px;
	margin-top:10px;
	_margin-top:17px;
	margin-right:6px;
	_margin-right:6px;
	background:url(../images/prehome_submit.gif) no-repeat center center;
}