/**/
.container-top {
	width: 977px;
	height: 12px;
	float: left;
	background: url("../images/content-top.png") no-repeat 0 0;
}

.container-bottom {
	width: 977px;
	height: 12px;
	float: left;
	background: url("../images/content-bottom.png") no-repeat bottom left;
}

.container {
	width: 945px;
	float: left;
	padding: 6px 16px 0 16px;
	background: url("../images/content-middle.png") repeat-y 0 0;
}  /*overflow:hidden;position:relative;*/
.top-main {
	width: 944px;
	height: 3px;
	background: url("../images/top-main-news.gif") no-repeat top left;
}

.bottom-main {
	width: 944px;
	height: 3px;
	background: url("../images/bottom-main-news.gif") no-repeat bottom left;
}

.main {
	margin: 0 0 20px 0;
}

.main p,.main dl {
	font: normal normal 75%/ normal arial;
}

.main .content {
	padding: 16px 15px 16px 17px;
	background: url("../images/bg-main-news.gif") repeat-y top left;
}

.image {
	float: left;
}

.main .image,.news .image {
	margin: 0 11px 0 0;
}

.bandeau {
	width: 944px;
	height: 210px;
	position: relative;
	margin: 0 0 20px 0;
}

.bandeau  .image-bandeau {
	position: relative;
	z-index: 1;
	width: 944px;
	height: 210px;
}

.bandeau  .text {
	width: 944px;
	height: 210px;
	position: absolute;
	top: 0;
	z-index: 2;
	color: #FFF;
	font-weight: normal;
}

.bandeau  .text h2 {
	color: #FFF;
	font-weight: normal;
}

.bandeau  .size1 {
	font-size: 150%;
}

.bandeau  .size2 {
	font-size: 160%;
}

.bandeau  .size7 {
	font-size: 180%;
}

.bandeau  .size3 {
	font-size: 200%;
}

.bandeau  .size4 {
	font-size: 220%;
}

.bandeau  .size5 {
	font-size: 235%;
}

.bandeau  .size6 {
	font-size: 280%;
}

.head .title {
	color: #f6660e;
	font: normal normal 125%/ normal arial;
}

.subHeader {
	font: normal normal 75%/ normal arial;
}

.read-news a {
	font: normal normal 70%/ normal arial;
	text-decoration: underline;
}

.bandeau img {
	vertical-align: top;
}

.bandeau .text1 {
	margin: 26px 0 0 94px;
	line-height: 35px;
}

.bandeau .text2 {
	margin: 26px 0 0 208px;
	line-height: 30px;
}

.bandeau .text3 {
	margin: 25px 0 0 60px;
	line-height: 28px;
}

.wrap {
	float: left;
	width: 944px;
}

.wrap .head {
	border: solid #c6c6c6 1px;
	padding: 12px 10px 10px;
	margin: 0 0 10px 0;
	background: #f7f7f7;
}

.wrap .head .title {
	display: inline;
}

.wrap .head a {
	font: normal normal 70%/ normal arial;
}

.wrap .head a.inscription {
	color: #1578d6;
	text-decoration: underline;
	margin: 0 62px 0 0;
}

.wrap .head a.send,#page-actus  .wrap .head a.print {
	color: #2d2c2a;
}

.wrap .head a.send {
	padding: 0 0 0 18px;
	margin: 0 5px 0 0;
	background: url("../images/picto-send.gif") no-repeat 0 50%;
}

.wrap .head a.print {
	padding: 0 0 0 17px;
	background: url("../images/picto-print.gif") no-repeat 0 50%;
}

.headlines {
	color: #FFF;
	font: normal bold 100%/ 12px arial;
}

.frise {
	width: 828px;
	margin: auto;
}

.frise ul {
	float: left;
	width: 828px;
	margin: 0 auto 20px auto;
}

.frise li {
	list-style: none;
	margin: 0 40px 0 0;
	float: left;
}

.frise li.last {
	margin-right: 0;
}

.bold {
	font-weight: bold;
}

.inscription-alerte  , .inscription-rss {
	display: block;
}

.inscription-alerte a,.inscription-rss a {
	color: #2d2c2a;
	font: normal normal 70%/ normal arial;
	text-decoration: underline;
	vertical-align: top;
	display: block;
}

.inscription-alerte a {
	padding: 5px 0 5px 29px;
	background: url("../images/picto-inscription-alerte.gif") no-repeat 0 0;
}

.inscription-rss a {
	padding: 3px 0 5px 27px;
	background: url("../images/picto-inscription-rss.gif") no-repeat 0 0;
}

#detail-offre .rightside,#fiche-metier .rightside {
	width: 248px;
	float: right;
}

.liste-offres,.liste-actus,.liste-voir-aussi {
	padding: 0 0 15px 0;
	margin: 10px 0 0 0;
	background: url("../images/bg-liste-offres.gif") no-repeat left bottom;
}

.liste-actus {
	margin: 20px 0 0 0;
}

.liste-offres .headlines,.liste-actus .headlines,.liste-voir-aussi .headlines
	{
	font: normal normal 87.5%/ normal arial;
	padding: 4px 0 10px 6px;
}

.liste-offres .headlines {
	background: #165495 url("../images/headlines-liste-offres.gif")
		no-repeat 0 0;
}

.liste-actus .headlines {
	background: #2d659f url("../images/headlines-liste-actus.gif") no-repeat
		0 0;
}

.liste-offres ul li,.liste-actus ul li {
	list-style: none;
	font: normal normal 75%/ normal arial;
	padding: 0 0 7px 0;
}

.liste-offres .env,.liste-actus .env {
	background: #e3e3e3;
	padding: 0 6px 10px 15px;
}

.liste-offres .consulter a,.liste-actus .consulter a {
	font: normal bold 70%/ normal arial;
	text-decoration: underline;
}

.liste-offres .inscription-alerte,.liste-actus .inscription-alerte {
	margin: 0 6px 0 16px;
}

.liste-offres .inscription-alerte a,.liste-actus .inscription-alerte a {
	margin-top: 6px;
}

.liste-offres .inscription-rss,.liste-actus .inscription-rss {
	margin: 6px 6px 0 16px;
}

.liste-voir-aussi .headlines {
	background: #165495 url("../images/headlines-voir-aussi.gif") no-repeat
		0 0;
}

.liste-voir-aussi li {
	list-style: none;
	padding: 0 7px 0 15px;
}

.liste-voir-aussi li  a {
	font: normal bold 75%/ normal arial;
}

.orange-block {
	float: left;
	margin: 20px 0 0px 0;
	padding: 0 11px 0 14px
}  /*margin:20px 0 90px 0;*/
.three-blocks {
	width: 915px;
}

.two-blocks {
	width: 582px;
	position: relative;
	left: 166px;
}

.orange-block .block {
	width: 255px;
	float: left;
	border: solid #b8b8b8 1px;
}

.orange-block .block_large {
	width: 582px;
	float: left;
	border: solid #b8b8b8 1px;
}

.orange-block .headlines {
	color: #FFF;
	font: normal bold 100%/ normal arial;
	margin: 4px;
	padding: 11px 9px;
	background: url("../images/orange-block.gif") no-repeat 0 0;
}

.orange-block .block_large .headlines {
	background: url("../images/orange-block-large.gif") no-repeat 0 0;
}

.orange-block .text {
	margin: 15px 16px 10px 18px;
}

.orange-block  img {
	margin: 0 0 14px 0;
}

.orange-block .text a {
	color: #4c4f4d;
	font: normal bold 70%/ 18px arial;
	text-decoration: underline;
}

.orange-block  .block1 {
	margin: 0 66px 0 0;
}

.orange-block  .block2 {
	margin: 0 76px 0 0;
}

/*Home page*/ /*----- content -----*/
.home .container-top {
	background: url("../images/content-top-home.gif") no-repeat 0 0;
}

.home .container-bottom {
	width: 978px;
	background: url("../images/content-bottom-home.gif") no-repeat bottom
		left;
}

.home .container {
	padding: 15px 16px 0 16px;
}

#content-area .lefside {
	width: 188px;
	float: left;
}  /*width:181px;*/
#content-area .lefside .headlines {
	color: #FFF;
	font: normal bold 105%/ 12px arial;
	padding: 7px 0 9px 4px;
}

#content-area .lefside .actu-rh .headlines {
	background: url("../images/onglet-actuRH.gif") no-repeat 0 0;
}

#content-area .lefside .actu-rh .first {
	background: #e8e8e8;
}

#content-area .lefside .actu-rh  .news {
	width: 188px;
	position: relative;
	padding: 0 0 10px 0;
	margin: 0 0 8px 0;
}

#content-area .lefside .actu-rh  .news .title {
	color: #FFF;
	font: normal bold 80%/ 12px arial;
	padding: 0 0 0 5px;
}

#content-area .lefside .actu-rh  .news .image {
	margin: 5px 0 10px 0;
	display: block;
}

#content-area .lefside .actu-rh  .news .teaser {
	font: normal normal 75%/ normal arial;
	margin: 5px 0 0 0;
	padding: 0 0 0 6px;
}

#content-area .lefside .actu-rh  .news .read-more,#content-area .lefside .actu-rh .all-news
	{
	padding: 0 0 0 5px;
	margin-top: 7px;
	line-height: 12px;
}

#content-area .lefside .actu-rh  .news .read-more a,#content-area .lefside .actu-rh .all-news a
	{
	color: #1578d6;
	font: normal normal 70%/ normal arial;
	text-decoration: underline;
}

#content-area .lefside .actu-rh .all-news {
	display: block;
	text-align: right;
}

#content-area .lefside .actu-rh .first  .title {
	padding: 13px 0 0 5px;
}

#content-area .lefside .actu-rh .last {
	background: url("../images/border-bottom.gif") repeat-x bottom left;
}

#content-area .lefside .engagement-spie {
	margin: 15px 0 0 0;
	padding: 0 0 9px 0;
	width: 188px;
	background: url("../images/border-bottom-engagement.gif") no-repeat
		bottom left;
}

#content-area .lefside .env {
	padding: 14px 0 10px 0;
	border-left: solid #f1f1f1 1px;
	border-right: solid #f1f1f1 1px;
}

#content-area .lefside .engagement-spie  .headlines {
	background: url("../images/onglet-engagement-spie.gif") no-repeat 0 0;
}

#content-area .lefside .engagement-spie .image {
	width: 100%;
	text-align: right;
	margin: 0px 0 12px 0;
}  /*margin:18px 0 0 0;*/
#content-area .lefside .engagement-spie p {
	clear: both;
	color: #2d2c2a;
	font: normal normal 75%/ 12px arial;
}  /*padding:0 0px 0 5px;*/
#content-area .center {
	float: left;
	width: 461px;
	margin: 0 22px 0 23px;
}  /*width:440px; margin:0 17px 0 22px;*/
#content-area .center .baseline {
	margin: 0 0 0 18px;
}

#content-area .center .map {
	margin: 10px 0 0 38px;
}

#content-area .center .web-tv {
	margin: 14px 0 0 0;
}

#content-area .center .head {
	width: 460px;
	float: left;
	padding: 0 0 12px 0;
	background: url("../images/onglet-webtv.gif") no-repeat 0 0;
}

#content-area .center .head h2 {
	float: left;
	padding: 6px 0 0 10px;
	color: #fff;
	font: normal bold 105%/ 12px arial;
}

#content-area .center .head .link {
	color: #2d2c2a;
	font: normal normal 70%/ normal arial;
	padding: 0 22px 0 22px;
	margin: 5px 0 0 0;
	float: right;
	background: url("../images/btn-fleche.gif") no-repeat 0 0;
}

#content-area .center .content-video {
	width: 458px;
	float: left;
	border: solid #ededed 1px;
	border-top: none;
}

	/*background:url("../images/border-bottom-webTv.gif") no-repeat bottom left;*/
#content-area .center .content-video .modules {
	text-align: center;
	margin-top: 11px;
}

#content-area .center .content-video .information {
	padding: 0 10px 13px 10px;
}  /*padding:0 10px 13px 10px; padding:0 10px 36px 10px;*/
#content-area .center .content-video .date,#content-area .center .content-video .title
	{
	font: normal normal 80%/ normal arial;
}

#content-area .center .content-video .date {
	color: #565656;
	float: left;
	margin: 0 2px 0 0;
}

#content-area .center .content-video .title {
	color: #092866;
}

#content-area .center .content-video .information p {
	margin: 5px 0 12px 0;
	color: #565656;
	font: normal normal 75%/ normal arial;
}

#content-area .center .content-video .information p a {
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	background: url("../images/fleche-read.gif") no-repeat 0 50%;
}

#content-area .center .content-video .see-all {
	color: #4c4f4d;
	font: normal bold 75%/ normal arial;
	text-decoration: underline;
}

#content-area .rightside {
	width: 251px;
	float: right;
	position: relative;
}  /*width:242px;*/
#content-area .rightside .headlines {
	position: relative;
	color: #FFF;
	font: normal bold 105%/ 12px arial;
	padding: 5px 0 14px 10px;
}

#content-area .rightside  .rejoignez-nous {
	position: relative;
	width: 251px;
	padding: 0 0 25px 0;
	background: url("../images/bottom-rejoignez-nous.gif") no-repeat bottom
		left;
}

#content-area .rightside  .rejoignez-nous  .headlines {
	width: 241px;
	background: url("../images/onglet-rejoignez-nous.gif") no-repeat top
		left;
}

#content-area .rightside  .rejoignez-nous  .env {
	margin: -1px 0 0 0;
	background: url("../images/bg-rejoignez-nous.gif") repeat-y 0 0;
}

#content-area .rightside  .rejoignez-nous  form {
	position: relative;
	padding: 0 9px 25px 12px;
}  /*padding:0 4px 25px 8px;*/
#content-area .rightside  .rejoignez-nous .box {
	padding: 11px 0 0 0;
}

#content-area .rightside  .rejoignez-nous .second {
	float: left;
}

#content-area .rightside  .rejoignez-nous  label {
	color: #2d2c2a;
	font: normal bold 75%/ 12px arial;
	display: block;
	margin-bottom: 5px;
}

#content-area .rightside  .rejoignez-nous .buttonRadio {
	display: block;
	margin: 5px 0 0 0;
	float: left;
	text-align: left;
}

#content-area .rightside  .rejoignez-nous .buttonRadio  span {

}

#content-area .rightside  .rejoignez-nous .buttonRadio  label {
	font: normal normal 70%/ 12px arial;
	display: inline;
	vertical-align: middle;
}

#content-area .rightside  .rejoignez-nous .buttonRadio  input {
	vertical-align: middle;
}

#content-area .rightside  .rejoignez-nous .buttonRadio .optionRadio {
	float: left;
	margin: 0 5px 0 0;
}

#content-area .rightside  .rejoignez-nous select {
	width: 180px;
	background: #fafafa;
	border: solid #696969 1px;
}

#content-area .rightside  .rejoignez-nous option {
	color: #2d2c2a;
}

#content-area .rightside  .rejoignez-nous .submit {
	color: #fffefe;
	margin-top: 30px;
	float: right;
	background: url("../images/bg-ok-orange.gif") no-repeat 0 0;
}  /*position:absolute;bottom:40px;right:20px;margin:23px 0 0 5px;*/
#content-area .rightside  .rejoignez-nous .advanced-search {
	clear: both;
	margin-top: 3px;
	line-height: 12px;
}

#content-area .rightside  .rejoignez-nous .advanced-search a {
	color: #2d2c2a;
	font: normal normal 62.5%/ 12px arial;
	text-decoration: underline;
}

#content-area .rightside  .rejoignez-nous .inscription {
	margin: 0 6px 0 10px;
}

#content-area .rightside  .rejoignez-nous .inscription-alerte {
	margin-bottom: 4px;
}

/**/
.form1 .selectArea  input {
	border: none;
}

.form1 .selectArea .left {
	background: url(../images/left-select.gif) no-repeat left top;
	float: left;
	height: 27px;
	width: 8px;
}

.form1 .selectArea .right {
	float: right;
	height: 27px;
	width: 32px;
}

.form1 .selectArea .right a {
	background: transparent url(../images/right-select.gif) no-repeat left
		top;
	display: block;
	height: 27px;
	width: 32px;
}

.select1,.select2 {
	float: left;
	width: 188px;
}

.form1 .selectArea .center1 {
	background: url(../images/center-select.gif) repeat-x left top;
	height: 23px;
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
	width: 148px !important;
}

.fake_list {
	background: #FFFFFF;
	color: #2d2c2a;
	font-size: 0.75em;
	float: left;
	list-style-type: none;
	padding: 0 5px;
	width: 180px !important;
	overflow: auto;
	position: absolute;
	text-align: left;
	z-index: 1000;
}

#content-area .rightside .nos-offres {
	position: relative;
	width: 248px;
	margin: 18px 0 0 0;
	padding: 0 0 22px 0;
	background: url("../images/bottom-nos-offres.gif") no-repeat bottom left
		;
}  /*margin:15px 0 0 0;*/
#content-area .rightside .nos-offres a {
	color: #2d2c2a;
	font: normal normal 75%/ normal arial;
}

#content-area .rightside .nos-offres .headlines {
	background: url("../images/onglet-nos-offres.gif") no-repeat 0 0;
}

#content-area .rightside .nos-offres ul li {
	list-style: none;
}

#content-area .rightside .nos-offres .compteurs {
	position: relative;
	padding: 8px 10px 12px 14px;
	background: url("../images/bg-compteurs.gif") repeat-y 0 0;
}

#content-area .rightside .nos-offres .compteurs  li {
	font-size:75%;
	line-height:normal;
	-x-system-font:none;
	color:#2D2C2A;
	font-family:arial;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	padding-bottom:3px;
}

#content-area .rightside .nos-offres .compteurs .number {
	font-weight: bold;
}

#content-area .rightside .nos-offres .env {
	position: relative;
	padding-top: 10px;
	background: url("../images/bg-nos-offres.gif") repeat-y 0 0;
}

#content-area .rightside .nos-offres .offres {
	padding: 0 10px;
	margin: 0 0 10px 0;
}

#content-area .rightside .nos-offres .offres li {
	line-height: 18px;
	padding-left: 10px;
	background: url("../images/puce-nos-offres.gif") no-repeat 0 8px;
}  /*padding:0 0 5px 0;*/
#content-area .rightside .nos-offres .offres li.last {
	padding: 0 0 0 10px;
}

#content-area .rightside .nos-offres .stage a:hover,#content-area .rightside .nos-offres .candidature a:hover
	{
	text-decoration: none;
}

#content-area .rightside .nos-offres .stage a,#content-area .rightside .nos-offres .candidature a
	{
	color: #FFF;
	font-weight: bold;
	padding: 4px 0 9px 35px;
	display: block;
	width: 174px;
	margin: auto;
}

#content-area .rightside .nos-offres .stage a {
	margin-bottom: 8px;
	background: url("../images/bg-stage.gif") no-repeat 0 0;
}  /*margin:0 0 10px 12px;*/
#content-area .rightside .nos-offres .candidature a {
	background: url("../images/bg-candidature.gif") no-repeat 0 0;
}  /*margin:0 0 0 12px;*/
	/*##################### PAGE ACTUS ##################### */
	/*main-news*/
#page-actus,#page-spie-et-vous {
	clear: both;
}

#page-actus .main-news .video {
	width: 219px;
	float: right;
	border: solid #FFF 2px;
	background: #FFF;
}

#page-actus .main-news .title {
	color: #f6660e;
	font: normal bold 100%/ normal arial;
	margin: 0 0 19px 0;
}

#page-actus .main-news dl {
	margin: 16px 0 0 0;
}

#page-actus .main-news dt {
	font-weight: bold;
}

#page-actus .more a {
	color: #2d2c2a;
	font: normal normal 70%/ normal arial;
	text-decoration: underline;
	position: relative;
	left: 470px;
}

/*all-news*/
#page-actus  .wrap {
	clear: both;
	position: relative;
	overflow: hidden; /*margin:21px 0 0 0;*/
}

#page-actus  .wrap  form {
	position: relative;
	margin: 0 0 30px 0;
	font: normal normal 75%/ normal arial;
}

#page-actus  .wrap  form label {
	font-weight: bold;
	margin: 0 0 0 10px;
}

#page-actus  .wrap  form select {
	width: 106px;
	border: solid #808080 1px;
}

#page-actus  .wrap .all-news {
	float: left;
}  /*position:relative;padding:0 8px 0 16px;*/
#page-actus  .wrap .all-news .news {
	width: 917px;
	float: left;
	margin: 0 0 13px 0;
	padding: 10px 8px 7px 16px;
	background: #f7f7f7;
}  /*clear:both;overflow:hidden;*/
#page-actus  .wrap .all-news .news .image {
	margin: 0 15px 0 0;
}

#page-actus  .wrap .all-news .news .text {
	position: relative;
}

#page-actus  .wrap .all-news .news .date {
	font: normal bold 87%/ normal arial;
	float: right;
}

#page-actus  .wrap .all-news .news .info {
	font: normal normal 80%/ normal arial;
	margin: 0 0 15px 0;
}

#page-actus  .wrap .all-news .news .info p {
	line-height: 18px;
}

#page-actus  .wrap .all-news .news .info .normal {
	font-weight: normal;
}

#page-actus  .wrap .all-news .news .info .title-news {
	font: normal bold 112.5%/ normal arial;
}

#page-actus  .wrap .all-news .news  .subHeader {
	padding: 0 0 10px 0;
}

#page-actus  .wrap .all-news .news .read-news {
	float: right;
}

#page-actus  .wrap .all-news .news .read-news a {
	color: #1578d6;
}

/*##################### PAGE accueil Spie & vous  et PAGE votre-carriere ##################### */
#page-spie-et-vous .bandeau {
	background: #4d80b4;
}

.layout .main {
	width: 944px;
	float: left;
}

.layout  .main .title,.layout  .main-news .title-news {
	color: #f6660e;
}

.layout  .main .title {
	font: normal bold 100%/ 12px arial;
	margin: 0 0 8px 0;
}

.layout  .main p {
	padding: 0 0 10px 0;
}

#page-spie-et-vous  .signature,#votre-carriere .signature {
	font-style: italic;
	font-size: 75%;
}

#page-spie-et-vous .main .content,#votre-carriere .main .content {
	padding: 16px 15px 11px 17px;
}

#page-spie-et-vous  .wrap,#votre-carriere  .wrap {
	margin-bottom: 90px;
}

#page-spie-et-vous  .main-news {
	padding: 0 0 13px 10px;
}

#page-spie-et-vous  .main-news .head {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
	border: none;
}

.layout   .main-news .text {
	margin: 0 0 23px 0;
}

#page-spie-et-vous .main-news  .image img {
	border: solid #cbcbcb 1px;
}

.layout .main-news  .title-news {
	font: normal normal 87.5%/ normal arial;
	margin: 0 0 11px 0;
}

.layout .main-news .subHeader {
	padding: 0 0 11px 0;
	line-height: 12px;
}

.layout .main-news  .read-news {
	line-height: 12px;
}

.layout .main-news  .read-news a {
	color: #4c4f4d;
	font-weight: bold;
}

.layout .env {
	padding: 17px 25px 13px 9px;
	border: solid #b8b8b8 1px;
}

#votre-carriere .head {
	margin-bottom: 4px;
	background: url("../images/bg-head-carrieres.gif") repeat-x 0 0;
}

#votre-carriere .teaser h2 {
	font-size: 75%;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 10px;
}

/*#page-spie-et-vous .bandeau{background:#4d80b4;}
#page-spie-et-vous .main{width:944px;float:left;}
#page-spie-et-vous .main .title,#page-spie-et-vous .main-news .title-news{color:#f6660e;}
#page-spie-et-vous .main .title{font:normal bold 100%/normal arial;margin:0 0 8px 0;}
#page-spie-et-vous .main p{padding:0 0 10px 0;}
#page-spie-et-vous  .main-news{padding:0 0 0 10px;}
#page-spie-et-vous  .main-news .head{margin:0 0 20px 0;padding:0;background:none;border:none;}
#page-spie-et-vous  .main-news .text{margin:0 0 23px 0;}
#page-spie-et-vous .main-news  .image img{border:solid #cbcbcb 1px;}
#page-spie-et-vous .main-news  .title-news{font:normal normal 87.5%/normal arial;margin:0 0 11px 0;}
#page-spie-et-vous .main-news .subHeader{padding:0 0 13px 0;}
#page-spie-et-vous .main-news  .read-news a {color:#4c4f4d;font-weight:bold;}
*/ /*##################### PAGE Accueil-metier ##################### */
#accueil-metier  .wrap {
	margin-bottom: 40px;
}

#accueil-metier .head {
	margin-bottom: 4px;
}

#accueil-metier  .env {
	float: left;
	padding: 17px 25px 0px 16px;
	margin-bottom: 10px;
	background: #e3e3e3;
}  /*padding:17px 25px 11px 16px;*/
#accueil-metier  .news .image {
	margin-right: 25px;
}

#accueil-metier   .title-news h2 {
	font: normal normal 100%/ normal arial;
	display: inline;
}

#accueil-metier  .main-news .text {
	margin: 0;
}

#accueil-metier .last-link {
	margin-left: 37px;
}

#accueil-metier .consulter-offre {
	display: block;
	float: right;
}

#accueil-metier .consulter-offre a {
	color: #FFF;
	font-size: 80%;
	text-decoration: none;
	display: block;
	padding: 4px 0 8px 32px;
	width: 310px;
	background: url("../images/btn-consulter-offre.gif") no-repeat 0 0;
}

#accueil-metier .link-read {
	float: left;
}

#accueil-metier .leftside {
	width: 632px;
	float: left;
	border: solid #b8b8b8 1px;
}

#accueil-metier .leftside .nos-metiers-block {
	height: 608px;
	overflow: auto;
}

#accueil-metier .leftside .headlines {
	width: 614px;
	padding: 12px 0 16px 10px;
	margin: 4px 3px 15px 4px;
	background: #092866 url("../images/bg-headlines-nos-metiers.gif")
		no-repeat 0 0;
}

#accueil-metier .leftside .presentation {
	width: 598px;
	float: left;
	padding: 8px 0 10px 5px;
	margin: 0 0 15px 4px;
}

#accueil-metier .leftside .even {
	background: #e4e4e4;
}

#accueil-metier .leftside .presentation .text {
	width: 320px;
	float: right;
}

#accueil-metier .leftside .presentation .title-metier {
	font-size: 87.5%;
	font-weight: bold;
	margin-bottom: 5px;
}

#accueil-metier .leftside .presentation  dt {
	font-size: 75%;
	font-weight: bold;
	margin-bottom: 8px;
}

#accueil-metier .leftside .presentation  dd {
	font-size: 75%;
	margin-bottom: 8px;
}

#accueil-metier .leftside .presentation  a {
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}

#accueil-metier .leftside .presentation  a:hover {
	color: #f6660e;
}

#accueil-metier .rightside {
	width: 292px;
	float: right;
}

#accueil-metier .rightside .nos-activites-block {
	width: 290px;
	float: left;
	margin: 0 0 10px 0;
	background: #ededed;
	border: solid #b8b8b8 1px;
}

#accueil-metier .rightside .nos-activites-block .headlines {
	width: 271px;
	margin: 4px auto 8px auto;
	padding: 12px 0 16px 11px;
	background: #f6660e url("../images/bg-headlines-nos-activites.gif")
		no-repeat 0 0;
}

#accueil-metier .rightside .nos-activites-block .nos-activites-liste {
	width: 246px;
	padding: 0 28px 10px 15px;
}

#accueil-metier .rightside .nos-activites-block li {
	list-style: none;
	width: 246px;
	float: left;
	margin: 0 0 9px 0;
}

#accueil-metier .rightside .nos-activites-block h3 {
	font: normal normal 105%/ normal arial;
}

#accueil-metier .rightside .nos-activites-block li a {
	display: block;
}

#accueil-metier .rightside .nos-activites-block li a:hover {
	text-decoration: none;
}

#accueil-metier .rightside .nos-activites-block li img {
	float: left;
	margin: 0 25px 0 0;
}

#accueil-metier .rightside .nos-activites-block li span {
	vertical-align: middle;
	display: block;
	padding: 5px 0;
}

#accueil-metier .rightside  .ile-spie {
	clear: both;
	text-align: center;
	width: 260px;
	padding: 7px 15px 5px 15px;
	border: solid #b8b8b8 1px;
}

#accueil-metier .rightside .ile-spie .visiter {
	display: block;
	width: 188px;
	margin: 0 auto 7px auto;
}

#accueil-metier .rightside .ile-spie .visiter a {
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	display: block;
	width: 158px;
	padding: 3px 5px 6px 25px;
	background: #3b6fa6 url("../images/lien-visiter.gif") no-repeat 0 0;
}

#accueil-metier .rightside .ile-spie .visiter a:hover {
	text-decoration: none;
}

#accueil-metier .rightside .ile-spie .explorer {
	color: #092866;
	font-size: 100%;
	display: block;
	margin-top: 13px;
}

/*##################### PAGE detail-offre ##################### */
#detail-offre .wrap {
	margin: 0 0 15px 0;
}

#detail-offre .wrap .head span { /* nisoi */
	display: block;
	text-align: right;
}

#detail-offre .leftside { /* nisoi */
	width: 472px;
	float: left;
}

#detail-offre .wrap  .detail-offre {
	font: normal normal 75%/ normal arial;
}

#detail-offre .wrap  .detail-offre li {
	list-style: none;
	width: 622px;
	float: left;
	padding: 8px 30px 7px 21px;
	background: url("../images/orange-puce.gif") no-repeat 10px 12px;
}

#detail-offre .wrap  .detail-offre li.odd {
	background: #f7f7f7 url("../images/orange-puce.gif") no-repeat 10px 12px
		;
}

#detail-offre .wrap  .detail-offre .label {
	font-weight: bold;
	float: left;
	width: 168px;
}

#detail-offre .wrap  .detail-offre li.odd h2 {
	font: normal normal 100%/ normal arial;
	float: left;
}

#detail-offre .wrap  .detail-offre .description {
	float: left;
	width: 450px;
}

#detail-offre .postuler {
	margin: 25px 0 40px 0;
	float: left;
	position: relative;
	left: 318px;
}

#detail-offre .postuler a {
	color: #FFF;
	font: normal bold 75%/ normal arial;
	vertical-align: top;
	padding: 6px 35px 4px 36px;
	display: block;
	background: url("../images/bg-postuler-offre.gif") no-repeat 0 0;
}

#detail-offre .filiale {
	width: 680px;
	float: left;
	padding: 0 0 22px 0;
	background: url("../images/bottom-filiale.gif") no-repeat left bottom;
}

#detail-offre .filiale .env {
	width: 654px;
	padding: 20px 14px 0 12px;
	background: url("../images/border-filiale.gif") repeat-y top left;
}

#detail-offre .filiale .headlines {
	text-transform: uppercase;
	width: 669px;
	padding: 13px 0 14px 8px;
	background: #f6660e url("../images/bg-headlines-filiale.gif") no-repeat
		0 0;
}

#detail-offre .filiale  .image {
	margin: 0 14px 0 0;
}

#detail-offre .filiale .text {
	font: normal normal 75%/ normal arial;
}

#detail-offre  .liste-offres ul li,#detail-offre  .liste-actus ul li {
	padding: 0 0 7px 10px;
	background: url("../images/puce-nos-offres.gif") no-repeat 0 8px;
}

#detail-offre  .liste-offres .consulter,#detail-offre .liste-actus .consulter
	{
	padding: 0 0 7px 10px;
	background: url("../images/puce-nos-offres.gif") no-repeat 0 8px;
}

/*#detail-offre .filiale dl{margin:30px 0 0 0;}
#detail-offre .filiale dt{font-weight:bold;}*/
#detail-offre .filiale p span {
	display: block;
}

#detail-offre .filiale p span.bold {
	margin: 30px 0 0 0;
}

#detail-offre .filiale .more {
	text-align: right;
	display: block;
}

#detail-offre .filiale .more a {
	font: normal normal 90%/ normal arial;
	text-decoration: underline;
}

/*##################### PAGE fiche-metier ##################### */
#fiche-metier .wrap {
	margin: 0 0 50px 0;
}

#fiche-metier .leftside {
	width: 674px;
	float: left;
	position: relative;
}

#fiche-metier .leftside .col1 {
	z-index: 100;
	width: 212px;
	position: absolute;
	left: -20px;
	float: left;
}

#fiche-metier .leftside .col1 .header {
	height: 28px;
	margin: 0 0 12px 0;
}  /*height:28px;padding:0 0 0 48px;*/
	/*#fiche-metier .leftside .col1 .open{background:url(../images/onglet-nav-liste.gif) no-repeat bottom left;}*/
	/*#fiche-metier .leftside .col1 .close{background:url(../images/onglet-nav-liste.gif) no-repeat top left;}*/
#fiche-metier .leftside .col1 .open {

}

#fiche-metier .leftside .col1 .close {

}

#fiche-metier .leftside .col1 .header .title {
	color: #FFF;
	font: normal normal 125%/ 15px arial;
}

#fiche-metier .leftside .col1 .header .title a {
	/*color: #FFF;*/
	display: block;
	height: 21px;
	padding: 7px 0 0 48px;
}
/*
#fiche-metier .leftside .col1 .open a {
	background: url(../images/onglet-nav-liste.gif) no-repeat bottom left;
}

#fiche-metier .leftside .col1 .close a {
	background: url(../images/onglet-nav-liste.gif) no-repeat top left;
}
*/

#fiche-metier .leftside .col1 .header .title a:hover {
	text-decoration: none;
}

#fiche-metier .leftside .col1 .nos-activites-tab {
	margin-top: 15px;
}

#fiche-metier .liste-liens {
	width: 205px;
	padding: 0 0 0 5px;
}

.liste-liens li {
	list-style: none;
	padding: 0 0 4px 20px;
}  /*margin:0 0 7px 0;*/
.liste-liens li.active {
	background: #efefef;
}

.liste-liens li a {
	color: #1578d6;
	font-size: 70%;
}

.liste-liens li a:hover {
	text-decoration: underline;
}

.liste-liens li.active a {
	color: #092866;
}

#fiche-metier .leftside .col2 {
	width: 468px;
	float: right;
	margin: 0 0 0 12px;
}  /*float:left;*/
#fiche-metier .leftside .col2 .head {
	background: #FFF;
	padding: 0;
	border: none;
	margin: 0 0 20px 0;
}

#fiche-metier .leftside .col2 .head span {
	position: relative;
	left: 15px;
}

#fiche-metier .leftside .col2 .description .title {
	font: normal normal 87.5%/ normal arial;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	background: url(../images/orange-puce.gif) no-repeat center left;
}

#fiche-metier .leftside .col2 .description .text {
	margin: 0 0 25px 0;
	font-size: 75%;
}

#fiche-metier .leftside .col2 .onglet-metier  .header {
	float: left;
	width: 468px;
	padding: 0 0 3px 0;
	margin: 0;
	background: url(../images/bg-tabs-content.gif) repeat-x bottom left;
}

#fiche-metier .leftside .col2 .onglet-metier  .header  .tab {
	font: normal normal 87.5%/ normal arial;
	padding: 11px 10px;
	text-align: center;
	float: left;
}

.onglet-metier  .video-tab {
	color: #FFF;
	margin: 0 3px 0 0;
	background: url(../images/onglet-video.gif) no-repeat top left;
}

.onglet-metier  .video-tab a {
	color: #FFF;
	text-decoration: none;
}

.onglet-metier  .temoignage-tab  a {
	text-decoration: none;
}

.onglet-metier  .temoignage-tab {
	background: url(../images/onglet-temoignage.gif) no-repeat top left;
}

.onglet-metier  .tabs-content {
	clear: both;
	width: 466px;
	padding: 0 0 10px 0;
	border-left: solid #d8d8d8 1px;
	border-bottom: solid #d8d8d8 1px;
	border-right: solid #d8d8d8 1px;
}

.onglet-metier  .tab-content {
	padding: 15px 34px 0 30px;
	font-size: 75%;
	text-align: center;
}

.onglet-metier  .tab-content a {
	text-decoration: underline;
	font-size: 80%;
}

.image-video {
	margin: 15px 0 25px 0;
}

.temoignage-tab-content {
	display: none;
}

#fiche-metier  .liste-offres ul li,#fiche-metier  .liste-actus ul li {
	padding: 0 0 7px 10px;
	background: url("../images/puce-nos-offres.gif") no-repeat 0 8px;
}

#fiche-metier .liste-offres .headlines,#fiche-metier .liste-actus .headlines
	{
	height: 25px;
	padding-top: 11px;
}

#fiche-metier .bandeau .text1 {
	margin: 26px 0 0 68px;
}

#fiche-metier .bandeau .text2 {
	margin: 26px 0 0 182px;
}

#fiche-metier .bandeau .text3 {
	margin: 25px 0 0 32px;
}

/*##################### PAGE accueil-offre et formulaire de candidature ##################### */
#accueil-offre .wrap {
	margin: 0 0 60px 0;
}

#accueil-offre .bandeau .text1 {
	margin: 35px 0 0 26px;
	line-height: 25px;
}

#accueil-offre .bandeau .text2 {
	margin: 10px 0 0 158px;
	line-height: 27px;
}

#accueil-offre .bandeau .text3 {
	margin: 10px 0 0 428px;
	line-height: 25px;
}

#accueil-offre .bandeau .text4 {
	margin: 2px 0 0 87px;
	line-height: 25px;
}

#accueil-offre .bandeau h2 {
	font-size: 75%;
}

#accueil-offre .bandeau h2 .size3 {
	font-size: 270%;
}

#accueil-offre .bandeau h2 .size1 {
	font-size: 200%;
}

#accueil-offre .bandeau h2 .size4 {
	font-size: 290%;
}

#accueil-offre .bandeau h2 .size7 {
	font-size: 250%;
}

#accueil-offre .leftside,#formulaire-candidature .leftside {
	width: 676px;
	float: left;
}

.head-form {
	width: 656px;
	padding: 9px 10px 7px 10px;
	background: #165495;
}

.head-form .title {
	color: #FFF;
	font: normal bold 95%/ normal arial;
}

.content-form {
	padding: 25px 0 0 10px;
}

.content-form .box {
	margin: 0 0 11px 0;
}

#accueil-offre .content-form .box {
	margin: 0 0 11px 0;
	float: left;
}

.content-form .box label {
	font: normal normal 75%/ normal arial;
	vertical-align: top;
}  /*margin:0 25px 0 0;*/
.content-form label.bold {
	font: normal bold 88.5%/ normal arial;
	margin: 0;
}

.content-form label.reference {
	margin: 0 0 8px 0;
	display: block;
}

.content-form span {
	display: block;
	padding: 0 0 15px 0;
}

.content-form p {
	margin: 0 0 8px 0;
	font-size: 75%;
}

.content-form input[type="checkbox"] {
	vertical-align: top;
}

.content-form select {
	width: 336px;
	font-size: 80%;
}

.localisation {
	width: 405px;
	margin: 35px auto 35px auto;
}

#accueil-offre .content-form  .lbl_experience {
	margin: 0 25px 0 0; /* nisoi */
}

#accueil-offre .content-form  ul.specialites li, #accueil-offre .content-form  ul.contrat li {
	list-style: none;
	float: left;
	margin: 0 25px 0 0;
	width: 185px; /* nisoi */
}

#accueil-offre .content-form  .box {
	float: left;
	width: 100%;
}

#accueil-offre .content-form  .box ul {
	padding: 0 0 15px 0;
	float: left;
	min-height: 28px;
	height: 28px;
}

#accueil-offre .content-form  .box ul li {
	list-style: none;
	float: left;
	margin: 0 25px 0 0;
}  /**/
#accueil-offre .content-form  .box ul li.res-ext {
	width: 138px;
}

/*.content-form  span.second span.res-ext{display:inline;padding:0;border:solid red 1px;}
*/
.content-form input[type="text"] {
	width: 338px;
}

.content-form .field input {
	width: 338px;
}

.content-form .inscription-rss {
	float: left;
	margin: 0 15px 0 22px;
}

.content-form .inscription-alerte {
	float: left;
}

.content-form .nbre-annonce {
	clear: both;
	width: 250px;
	margin: 0 auto 15px auto;
	padding: 5px 47px 5px 54px;
	background: #155394;
	color: #FFF;
}

.content-form .nbre-annonce p {
	margin: 0;
}

.content-form .consulter {
	width: 190px;
	margin: auto;
}

.content-form .consulter a {
	font-size: 80%;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding: 3px 0 5px 36px;
	background: url(../images/btn-consulter.gif) no-repeat 0 0;
}

.content-form .consulter a:hover {
	text-decoration: none;
}

.content-form-bottom {
	width: 500px;
}

/*.content-form  .res-ext {display:block;width:150px;}
.content-form  .res-ext input{float:left;}
.content-form  .res-ext label{width:118px;display:block;}
*/
#formulaire-candidature .wrap {
	margin: 0 0 60px 0;
}

.required {
	color: #cc0000;
	font-size: 130%;
}

#formulaire-candidature .head {
	margin: 0 0 20px 0;
}

#formulaire-candidature .box1 {
	padding: 10px 10px 10px 18px;
	margin: 0 0 10px 0;
	width: 648px;
	float: left;
	background: #dbdbdb;
}

#formulaire-candidature .box1 .bold {
	width: 175px;
	float: left;
	font-size: 75%;
}

#formulaire-candidature .box1 .text {
	float: left;
}

#formulaire-candidature .box1  h2 {
	font-size: 75%;
	font-weight: normal;
}

#formulaire-candidature .box1 p {
	font-size: 75%;
}

#formulaire-candidature .box2 {
	color: #FFF;
	font-size: 75%;
	margin-bottom: 10px;
	padding: 17px 0 13px 9px;
	width: 667px;
	float: left;
	background: #165495;
}

#formulaire-candidature .box2 .left {
	float: left;
	width: 452px;
}

#formulaire-candidature .box2 .left label {
	margin-left: 6px;
}

#formulaire-candidature .box2 .left p {
	margin-left: 22px;
}

#formulaire-candidature .box2 .envoyer {
	display: block;
	width: 205px;
	float: right;
	padding-right: 7px;
}

#formulaire-candidature .box2 .envoyer a {
	color: #FFF;
	font-size: 105%;
	font-weight: bold;
	display: block;
	width: 171px;
	padding: 3px 0 5px 31px;
	background: url(../images/btn-envoyer-candidature.gif) no-repeat 0 0;
}

#formulaire-candidature .box2 .envoyer a:hover,.form-candidature .envoyer a:hover
	{
	text-decoration: none;
}

#formulaire-candidature .info {
	font-size: 75%;
	margin: 0 0 15px 0;
}

.form-candidature {
	width: 676px;
	float: left;
}

.form-candidature dt,.form-candidature .box-form  h3 {
	clear: both;
	color: #FFF;
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 10px 10px 7px 10px;
	background: #165495;
}

#formulaire-candidature .form-candidature .box-form  h3.marge {
	margin-top: 23px;
}

.form-candidature .box-form  li {
	list-style: none;
}

.form-candidature dd,.form-candidature .box-form  li {
	margin: 0 0 15px 0;
	padding: 0 0 0 50px;
	width: 626px;
	float: left;
}

.form-candidature label {
	font-size: 75%;
}

.form-candidature .left {
	width: 148px;
	float: left;
	margin-right: 15px;
}

.form-candidature  .small {
	width: 105px;
}

/*.form-candidature input[type="text"]{width:338px;display:block;}*/
.form-candidature input.cp {
	width: 104px;
}

.form-candidature textarea {
	font-size: 100%;
	width: 406px;
	height: 102px;
}

.form-candidature input[type="radio"] {
	vertical-align: middle;
}

.form-candidature .large {
	width: 340px;
}

.form-candidature .medium {
	width: 168px;
}

.third li {
	margin-bottom: 9px;
}

.third .right label {
	margin: 0 28px 0 48px;
}

.third li  p {
	font-size: 75%;
	font-weight: bold;
	margin: 45px 0 10px 0;
	padding-right: 80px;
}

.form-candidature .inputFile {
	margin-bottom: 15px;
}

/*
.form-candidature .inputFile input{width:338px;border:solid #d4d0c8 1px;}
*/
.form-candidature .envoyer {
	display: block;
	width: 205px;
	margin: auto;
}

.form-candidature .envoyer a {
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	display: block;
	width: 171px;
	padding: 3px 0 5px 31px;
}

.form-candidature .envoyer a {
	background: url(../images/btn-envoyer-candidature2.gif) no-repeat 0 0;
}

#accueil-offre .rightside,#formulaire-candidature .rightside {
	width: 248px;
	float: right;
}

.rightside .espace-candidat {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	background: url(../images/bg-liste-offres.gif) no-repeat left bottom;
}

.rightside .espace-candidat .headlines {
	width: 240px;
	padding: 13px 0 16px 8px;
	background: #165495 url("../images/headlines-espace-candidat.gif")
		no-repeat 0 0;
}

.rightside .espace-candidat .text {
	font-size: 75%;
	padding: 14px 12px 20px 14px;
	border-left: solid #eeeeee 2px;
	border-right: solid #eeeeee 2px;
}

.rightside .espace-candidat .text p {
	margin: 0 0 10px 0;
}

.rightside .espace-candidat .text a {
	font-weight: bold;
	margin: 0 0 7px 0;
	display: block;
}

.rightside .espace-candidat .inscription {
	display: block;
	width: 147px;
	margin: auto;
}

.rightside .espace-candidat .inscription a {
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	width: 103px;
	display: block;
	padding: 4px 0 4px 44px;
	background: #2e65a0 url("../images/btn-inscrire.gif") no-repeat 0 0;
}

.rightside .espace-candidat .inscription a:hover {
	text-decoration: none;
}

.form-candidature .two-blocks { position:static; }
.form-candidature .third li .orange-block p { font-weight:normal; margin:0 0 5px; padding:0; }
.form-candidature .third li p { margin:10px 0; }
.form-candidature .orange-block .block { width:256px; }
.form-candidature .orange-block .headlines { padding:11px 5px; }
.form-candidature .orange-block .text {	margin: 15px 10px 10px 10px; }
.form-candidature .orange-block .liste_radio { margin-bottom:5px; }
.form-candidature .orange-block .liste_radio li { padding:0; margin-bottom:2px; width:236px; }
.form-candidature .orange-block .liste_radio .link_file,
.form-candidature .orange-block .liste_radio .file_delete,
.form-candidature .orange-block .liste_radio .select_box { float:left; }
.form-candidature .orange-block .liste_radio .link_file { width:200px; margin-left:3px; }
.form-candidature .orange-block .liste_radio .select_box { height:20px; margin-top:1px; }
.form-candidature .orange-block .liste_radio .file_delete { margin-left:7px; }
.form-candidature .orange-block .candidat_historic { margin-bottom:10px; }
.form-candidature .orange-block .candidat_historic li { line-height:18px; padding:0 0 0 10px; margin:0 10px 0; width:552px; float:none; background:url(../images/puce-nos-offres.gif) no-repeat 0 8px; color:#2D2C2A; font-family:arial; font-size:75%; }
.form-candidature .orange-block .candidat_historic li a { text-decoration:underline; }
.form-candidature .orange-block .candidat_historic li a:hover { text-decoration:none; }
