body {background: url('../img/home/headerBkg.gif') 0 20px repeat-x}
#divLogo {float:left;width:194px;height:338px}
#headerLogo {float:left;width:721px;height:338px}
#headerMenu{height:77px;background:url('../img/home/civ-menu.jpg') 0 0 no-repeat}

	#espacePro{height: 50px; text-align: right; }
	#espacePro #tologin img, #espacePro #tologin input {float: left; margin-left: 5px; }
	
		#tologin {margin-left: 380px; }
		#tologin a {font: normal 12px Arial; color: #625B4C;}
		#tologin a.logout {font: normal 12px Arial; color: #625B4C; text-decoration: none; margin: 0px 0px 0px 50px;}
		#tologin input.top-input {width: 105px; height: 23px; background: url('../img/highbox/bgd-login-input.png') no-repeat top left; padding: 0px 0px 1px 3px; font: normal 12px Arial; color: #584F3E; border: none;}

#headerPhotos {width:721px}
#headerPhotos img {float:left;border:0;padding:0;margin:0}


#modules {width:915px;}
#modules div{float: left;}

/*#concoursInfo{width:210px; height:224px; padding:72px 30px 0 85px ; font-size: 13px; color: #3a3d40; background:url('../img/home/imageconcours.jpg') 0 0 no-repeat}*/
#concoursInfo{width:210px; height:224px; padding:72px 30px 0 85px ; font-size: 13px; color: #3a3d40; background:url('../img/home/new-intro-bg.png') 0 0 no-repeat;}
#concoursInfo p span {font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
#concoursInfo p.toRight {display: block; width: 200px; line-height: 1.4;text-align: right; }
#concoursInfo p.toBottom {padding-top: 60px; }
#concoursInfo p a.linker {font-family: Myriad Pro, Trebuchet MS, sans-serif; font-size: 14px; font-weight: bold; color: #96272f; text-decoration: underline; }


/*#candidatsInfo{ width: 230px; padding:72px 20px 0 30px; height:224px; font-size: 13px; color: #d9d5ce; background:url('../img/home/imageMail.jpg') 0 0 no-repeat}*/
#candidatsInfo{ width: 230px; padding:72px 20px 0 30px; height:224px; font-size: 13px; color: #d9d5ce; background:url('../img/home/new-email-bg.png') 0 0 no-repeat}
#candidatsInfo p {line-height: 1.2; font-family: Arial, sans-serif;}
#candidatsInfo p.btnToRight {display: block; width: 220px;}
#candidatsInfo p.btnToRight a {display: block; float: right;}
#candidatsInfo p.toBottom {clear: both; padding-top: 56px; padding-bottom: 5px; font-size: 11px;}

td.cell-input {font: normal 12px Arial; color: #FFFFFF; text-align:  left; width: 175px; padding: 0 0px 2px 1px;}
td.cell-input input {border: none; width: 116px; height: 22px; padding: 0px 0px 1px 1px; font: normal 12px Arial; color: #000000;}
td.cell-input input.alertes-mel-of {background: none;}
td.cell-input input.alertes-mel-on {background: none;}



#faceBookInfos{ width: 310px; height:296px; background:url('../img/home/imgRejoindre.jpg') 0 0 no-repeat}
#low-rejoignez {margin: 64px 0 0 22px; background:#fff url('../img/home/faceBookBkg.gif') 0 0 repeat-x; }



/* ***   NEW STYLES   *** */
/* ***   HEADER   *** */
#newHeader {
	width: 915px;
	height: 310px;
	background: url('../img/home/home-2012-000.png') no-repeat 194px 0px;
	position: relative;
}

#newHeader img, #newHeader #newLogin, #newHeader #newLogin form * {
	position: absolute;
}

#home-01 {
	bottom: 2px;
	left: 0px;
}

#home-02 {
	bottom: 2px;
	left: 194px;
}

#home-03 {
	bottom: 2px;
	right: 0px;
}

/* ***   FORMULAIRE DE LOGIN   *** */
#newLogin {
	top: 0px;
	right: 0px;
	width: 720px;
}

#newLogin span {
	display: block;
	height: 47px;
	line-height: 47px;
	text-align: right;
	padding-right: 15px;
}

#newLogin span a {
	font: normal 12px Arial;
	color: #625B4C;
}

#newLogin span a.logout {
	font: normal 12px Arial;
	color: #625B4C;
	text-decoration: none;
	margin: 0px 0px 0px 50px;
}

#newLogin input.top-input {
	width: 105px;
	height: 23px;
	background: url('../img/highbox/bgd-login-input.png') no-repeat top left;
	padding: 0px 0px 1px 3px;
	font: normal 12px Arial;
	color: #584F3E;
	border: none;
}

#loginUser {
	left: 394px;
	top: 10px;
}

#login {
	left: 426px;
	top: 10px;
}

#psswd {
	left: 535px;
	top: 10px;
}

#loginValid {
	left: 645px;
	top: 10px;
}

#myId {
	left: 688px;
	top: 10px;
}


/* ***   ENCART CONCOURS   *** */
#concoursInfo .concoursP1 {
	position: relative;
	top: 13px;
	left: -35px;
	color: #626262;
	width: 230px;
}

#concoursInfo .concoursP1 span {
	font: bolder 16px Arial;
}

#concoursInfo .concoursP1 em {
	font: italic 13px Arial;
}

#concoursInfo .concoursP2 {
	position: relative;
	top: 42px;
	left: 10px;
	color: #FFFFFF;
	font-size: 13px;
}

#concoursInfo .concoursP2 span {
	font: bolder 16px Arial;
}


/* ***   ENCART EMAIL   *** */
#candidatsInfo {
	position: relative;
}

#candidatsInfo span {
	position: absolute;
	top: 75px;
	font: bolder 12px arial;
	color: #EA8888;
}

#candidatsInfo label, #candidatsInfo input {
	position: absolute;
}

#candidatsInfo label {
	display: block;
	width: 65px;
	text-align: right;
	height: 27px;
	line-height: 27px;
	left: 10px;
}

#candidatsInfo input {
	display: block;
	width: 167px;
	height: 27px;
	line-height: 27px;
	background: url('../img/home/new-bg-inputs.png') no-repeat top left;
	left: 85px;
	border: none;
	padding-left: 5px;
}

#candidatsInfo input:focus {
	background: url('../img/home/new-bg-inputs.png') no-repeat bottom left;
}

#candidatsInfo label.pre,
#candidatsInfo input#pre {
	top: 135px;
}

#candidatsInfo label.nom, 
#candidatsInfo input#nom {
	top: 165px;
}

#candidatsInfo label.mel, 
#candidatsInfo input#mel {
	top: 195px;
}

#candidatsInfo input#snd {
	width: 96px;
	height: 28px;
	background: none;
	top: 243px;
	left: 155px;
	padding-left: 0px;
}
