/* Communs */

body {
	margin:0;
	padding:0;	
	background-color: #1E263A;
	font:12px Arial, Helvetica, sans-serif;
}

p a {	
	text-decoration:none;
	color:#999;	
}

p a:hover {	
	color:#999;
	border-bottom: solid 1px #999999;
}


img {
	border:0;
}

ul, h1, h2, a {
	margin:0;
	padding:0;
}


ul {	
	padding:0px 30px 0px 27px;	list-style: url() none outside;
}

li {
	margin-bottom:2px;
	color:#565E73;
	font-size:12px;
	list-style: none outside;
}

p, h3 {
	margin-bottom:11px;
	margin-top:11px;
}

#container {
	background : white url(../images/fond_blueprint.gif) no-repeat;
	width:888px; /* 900 - border x2 */
	height:556px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-450px;
	margin-top:-278px;
	border: solid 6px #326D22;
	padding:0;
}

#baseline h1 {
	position:absolute;
	right:0px;
	top:0px;
	width:169px;
	height:22px;
	background : url(../images/fond_baseline.gif) no-repeat 0 0;	
	text-indent: -5000px;
}


/* Tunnel */

#tunnel {
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:530px;
	margin-left:-400px;
	margin-top:-265px;
	text-align:center;
}

#tunnel p {
	position:absolute;
	bottom:0px;
	left:330px;
}


/* Sommaire */

#logo_sommaire {
	position:absolute;
	left:33px;
	top:30px;
	width:207px;
	height:130px;
	background:url(../images/logo.gif) no-repeat;
}


#sommaire_flash {
	position:absolute;
	top:13px;
	left:9px;
	width:871px;
	height:357px;
	border:0px;
}

#sommaire_bloc {
	position:absolute;
	bottom:0px;
	left:0px;
	width:888px;
	height:215px;
	background-color: #fff;
}
	
#sommaire_edito {
	position:absolute;
	top:0px;
	left:160px;
	width:411px;
	height:167px;
}

#sommaire_edito h2 {
	position:absolute;
	top:0;
	left:0px;
	width:115px;
	height:20px;
	text-indent:-5000px;
	background:url(../images/sommaire_edito.gif) no-repeat;	
}


#sommaire_actu {
	position:absolute;
	top:0px;
	right:30px;
	width:273px;
	height:200px;
	border-left: solid 1px #989898;	
}

#sommaire_actu h2 {
	position:absolute;
	top:0px;
	left:13px;
	width:180px;
	height:20px;
	text-indent:-5000px;
	background:url(../images/sommaire_actu.gif) no-repeat;		
}

#sommaire_actu_txt {
	position:absolute;
	top:30px;
	left:25px;
	width:250px;
	height:137px;
	color:#565e73;
	line-height: 16px;
	padding:0;	
}

#sommaire_actu_txt h3 {
	margin-top:4px;
	margin-bottom:4px !important;
	font-size: 11px;
}

#sommaire_actu_txt h3 a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #565e73;
	text-decoration:none;
}

#sommaire_actu_txt h3 a:hover {
	border-bottom: solid 1px #999;
}

#sommaire_photo5 {
	position:absolute;
	left:18px;
	bottom:40px;
	width:138px;
	height:190px;
	background:url(../images/sommaire_photo5.gif) no-repeat;	
}



a#sommaire_fleche_up {
	position:absolute;
	display:block;
	top:30px;
	left:545px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#sommaire_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#sommaire_fleche_down {
	position:absolute;
	top:144px;
	left:545px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#sommaire_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}



#logo_p {
	display:block;
	position:absolute;
	left:49px;
	top:27px;
	width:207px;
	height:130px;
	background:url(../images/logo.gif) no-repeat;
}

#logo_p:hover {
	border:0;
}

#retour a {
	position:absolute;
	bottom:35px;
	right:0px;
	width:73px;
	height:20px;
	background : url(../images/retour-new.gif) no-repeat left;
	text-indent:-5000px;	
}

#retour a:hover {
	background : url(../images/retour-new.gif) no-repeat right;
}

#sommaire_footer {
	position: absolute;
	width:888px;
	bottom:-50px;
	font:10px Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align:center;
}

#sommaire_footer a {
	color: #ccc;
	text-decoration: none;
}

#sommaire_footer a:hover {
	text-decoration: underline;
}

/* Metiers rubrique */

#metiers_r_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:272px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#metiers_r_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#metiers_r_bloc1 p {
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align:left;
}


#metiers_r_bloc2 {
	position:absolute;
	top:192px;
	left:273px;
	width:615px;
	height:350px;
	background: white url(../images/fond_metiers_r_bloc2.gif) no-repeat -1px 0;
}

h2#titre_metiers {
	background: #326d22 url(../images/titre_metiers.gif) no-repeat center;
}

a#metiers_r_transports, a#metiers_r_telecoms, a#metiers_r_energie, a#metiers_r_finance {
	position:absolute;
	display:block;
	width:293px;
	height:192px;
	text-indent:-5000px;		
}

a#metiers_r_transports {
	top:151px;
	left:293px;
	background: url(../images/metiers_r_transports.gif) no-repeat 0px 0px;	
}
a:hover#metiers_r_transports {background: url(../images/metiers_r_transports.gif) no-repeat -293px 0px;	}

a#metiers_r_energie {
	top:151px;
	right:10px;
	background: url(../images/metiers_r_energie.gif) no-repeat 0px 0px;	
}
a:hover#metiers_r_energie {background: url(../images/metiers_r_energie.gif) no-repeat -293px 0px;}

a#metiers_r_telecoms {
	bottom:18px;
	left:293px;
	background: url(../images/metiers_r_telecoms.gif) no-repeat 0px 0px;	
}
a:hover#metiers_r_telecoms {background: url(../images/metiers_r_telecoms.gif) no-repeat -293px 0px;}


a#metiers_r_finance {
	bottom:18px;
	right:10px;
	background: url(../images/metiers_r_finance.gif) no-repeat 0px 0px;	
}
a:hover#metiers_r_finance {background: url(../images/metiers_r_finance.gif) no-repeat -293px 0px;}



/* Metiers pages */

#metiers_p_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:272px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#metiers_p_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#metiers_p_bloc1 p {
	padding:0px 30px 0px 27px;
	color:#565E73;
	line-height:16px;
	text-align: left;
}

#metiers_p_bloc2 {
	position:absolute;
	bottom:0px;
	left:272px;
	width:615px;
	height:367px;
	border-left: solid 1px #989898;
	border-top: solid 1px #989898;
	background: white url(../images/fond_metiers_p_bloc2.gif) no-repeat left top;
}

#metiers_p_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:240px;
	height:24px;
	background: url(../images/fond_metiers_itw.gif) no-repeat left top;
	text-indent:-5000px;		
}

a#metiers_p_fleche_up {
	position:absolute;
	display:block;
	top:25px;
	right:40px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#metiers_p_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#metiers_p_fleche_down {
	position:absolute;
	bottom:66px;
	right:40px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#metiers_p_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}


/* tableau metiers_p */

#metiers_p_table {
	position:absolute;
	width:180px;
	top:40px;
	left:20px;
	border-collapse:collapse;
}


#metiers_p_table tr {
	height:40px;
}

#metiers_p_table td {
	font-size: 11px;
	color:#808080;
	height:30px;	
}

.cell1 {
	width:75px;
	height:30px;
	border-bottom: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	padding: 4px 5px 4px 13px;
	vertical-align:middle;
}

.cell2 {
	width:55px;
	border-bottom: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	text-align:center;
	vertical-align:middle;	
}

.cell3 {
	width:55px;
	border-bottom: solid 1px #cbcbcb;
	text-align:center;	
	vertical-align:middle;	
}

.fondgris {
	background-color:#fafafa;
}


.titres {
	height:25px;
}


/* ModËles d'intervention */


#modeles_fond {
	position:absolute;
	top:16px;
	left:340px;
	width:348px;
	height:400px;
	background: url(../images/fond_modeles.gif) no-repeat;	
}

#modeles_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:272px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;		
}

#modeles_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#modeles_bloc1 h3 {
	padding:0px 30px 0px 27px;	margin-bottom:-5px !important;
	margin-bottom:-10px; /* for MSIE */	
	color:#B3B3B3;
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

#modeles_bloc1 p {	
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align: left;
}

#modeles_bloc2 {
	position:absolute;
	bottom:0px;
	left:272px;
	width:615px;
	height:367px;
	border-left: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	background: white url(../images/fond_metiers_p_bloc2.gif) no-repeat left top;
}

#modeles_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:194px;
	height:24px;
	background: url(../images/fond_modeles_bloc2.gif) no-repeat left top;
	text-indent:-5000px;		
}


#modeles_choix {
	position:absolute;
	top:38px;
	left:28px;
	width:158px;
	height:292px;
}

#modeles_vignette1_flash, #modeles_vignette2_flash, #modeles_vignette2_flash, #modeles_choix a {position: absolute; top:0; left:0;}



#modeles_choix a {
	display: block;
	width:154px;
	height:86px;
}

#modeles_vignette1, #modeles_vignette2, #modeles_vignette3 {position: absolute;}

#modeles_vignette1 {
	top: 0px;
	width:154px;
	height:86px;
}

#modeles_vignette2 {
	top: 96px;
	width:154px;
	height:86px;
}

#modeles_vignette3 {
	top: 192px;
	width:154px;
	height:86px;
}


a#modeles_fleche_up {
	position:absolute;
	display:block;
	top:25px;
	right:40px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#modeles_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#modeles_fleche_down {
	position:absolute;
	bottom:66px;
	right:40px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#modeles_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}

h2#modeles {
	background: #326d22 url(../images/titre_modeles.gif) no-repeat center;
}



/* Recrutement rubrique */

#fond_recrutement {
	position:absolute;
	top:7px;
	left:250px;
	width:450px;
	height:200px;
	/* background: url(../images/fond_recrutement.gif) no-repeat; */
}

#recrutement_r_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:239px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#recrutement_r_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#recrutement_r_bloc1 h3 {
	padding:0px 30px 0px 27px;	margin-bottom:-5px !important;
	margin-bottom:-10px; /* for MSIE */	
	color:#B3B3B3;
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

#recrutement_r_bloc1 p {	
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align: left;
}

#recrutement_r_bloc1 ul {	
	padding:0px 30px 0px 27px;	list-style: url(none) none outside;
}

#recrutement_r_bloc1 li {
	margin-bottom:6px;
	color:#B3B3B3;
	font-size:12px;		
}

#recrutement_r_bloc1 ul a {	
	font-weight:bold;
	text-decoration:none;
	color:#999;	
}

#recrutement_r_bloc1 ul a:hover {	
	color:#999;
	border-bottom: solid 1px #B3B3B3;
}

#recrutement_r_bloc2 {
	position:absolute;
	bottom:0px;
	left:240px;
	width:647px;
	height:367px;
	border-left: solid 1px #989898;
	border-top: solid 1px #989898;
	background: white url(../images/fond_metiers_p_bloc2.gif) no-repeat left top;
}

#recrutement_r_bloc2_15 h2 {
	position:absolute;
	top:0;
	left:16px;
	width:215px;
	height:24px;
	background: url(../images/fond_recrutement_r_bloc2_titre_15.gif) no-repeat left top;
	text-indent:-5000px;		
}

#recrutement_r_bloc2_rech h2 {
	position:absolute;
	top:0;
	left:16px;
	width:215px;
	height:24px;
	background: url(../images/fond_recrutement_r_bloc2_titre_rech.gif) no-repeat left top;
	text-indent:-5000px;		
}


#recrutement_r_bloc2_tout {
	position:absolute;
	top:0;
	right:0;
	width:187px;		
}

#recrutement_r_bloc2_tout h2 {
	width:187px;
	height:24px;
	background: url(../images/fond_recrutement_r_bloc2_titre_tout.gif) no-repeat left top;
	text-indent:-5000px;		
}

#recrutement_r_bloc2_tout p, #recrutement_r_bloc2_tout h3 {	
	padding:0px 0px 0px 35px;
}

#recrutement_r_bloc2_tout p {	
	color:#565E73;
	line-height:16px;
	text-align:justify;
}

#recrutement_r_bloc2_tout h3 {	
	color:#B3B3B3;
	font-size:12px;
	margin: 20px 0 6px 0;	
}

#recrutement_r_bloc2_tout ul {	
	padding:0px 15px 0px 35px;
	list-style: url(none) none outside;
}

#recrutement_r_bloc2_tout li {
	margin-bottom:6px;
	color:#565E73;
	font-size:11px;		
}

#recrutement_r_bloc2_tout ul a {	
	text-decoration:none;
	color:#565E73;
	text-transform: uppercase;	
}

#recrutement_r_bloc2_tout ul a:hover {	
	color:#565E73;
	border-bottom: solid 1px #565E73;
}

#recrutement_r_bloc2_tout form {
	margin:0px 15px 0px 35px;

}

#recherche_text {
	display:block;
}


#recherche_text input {
	border: 1px solid #cbcbcb;
	width:120px;
	padding:2px;
	color: #666;
	font-size:11px;
	background:white;
}

#recherche_valider {
	margin:7px 0 0 0;
	display:block;
}

#recherche_valider input {
	border:0;
	width:60px;
	height:22px;
	padding:0;
	text-align:center;
	font-size:11px;
	background:#f0f0f0;
	color:#6f6f6f;
	vertical-align: middle;
}


/* tableau recrutement */

#recrutement_r_table {
	width:400px;
	border-collapse:collapse;
}

#recrutement_r_table tr {
}

#recrutement_r_table td {
	padding: 8px 2px 8px 2px;
	font-size: 11px;
	color:#808080;
}

#recrutement_r_table td a {
	text-decoration:none;
	color:#808080;	
}

#recrutement_r_table td a:hover {
	color:#666;
	border-bottom: solid 1px #808080;	
}

#recrutement_r_table strong {
	font-size: 11px;
	font-weight:normal;
	color:#565E73;
}

.recrut_cell1 {
	width:65px;
	border-bottom: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	text-align:center;	
	vertical-align:middle;
}

.recrut_cell2 {
	width:49px;
	border-bottom: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	text-align:center;
	vertical-align:middle;	
}

.recrut_cell3 {
	width:200px;
	border-bottom: solid 1px #cbcbcb;
	border-right: solid 1px #cbcbcb;
	text-align:center;
	vertical-align:middle;	
}


.recrut_cell4 {
	width:111px;
	border-bottom: solid 1px #cbcbcb;
	text-align:center;	
	vertical-align:middle;	
}

.recrut_fondgris {
	background-color:#fafafa;
}


.recrut_titres {
}


a#recrutement_r_fleche_up {
	position:absolute;
	display:block;
	top:35px;
	right:197px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#recrutement_r_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#recrutement_r_fleche_down {
	position:absolute;
	bottom:55px;
	right:197px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#recrutement_r_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}


/* Recrutement annonce */

#recrutement_a_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:239px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;	
}

#recrutement_a_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#recrutement_a_bloc1 p {
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align: left;
}


#recrutement_a_bloc2 {
	position:absolute;
	bottom:0px;
	left:240px;
	width:647px;
	height:367px;
	border-left: solid 1px #989898;
	border-top: solid 1px #989898;
	background: white url(../images/fond_metiers_p_bloc2.gif) no-repeat left top;
}


#metiers_p_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:240px;
	height:24px;
	background: url(../images/fond_metiers_itw.gif) no-repeat left top;
	text-indent:-5000px;		
}


#recrutement_a_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:106px;
	height:24px;
	background: url(../images/fond_recrutement_a_bloc2.gif) no-repeat left top;
	text-indent:-5000px;		
}


#recrutement_a_bloc2_candidature a {
	position:absolute;
	top:0px;
	right:0px;
	width:187px;
	height:24px;
	background : url(../images/fond_recrutement_a_postuler.gif) no-repeat left;
	text-indent:-5000px;	
}

#recrutement_a_bloc2_candidature a:hover {
	background : url(../images/fond_recrutement_a_postuler.gif) no-repeat right;
}



a#recrutement_a_fleche_up {
	position:absolute;
	display:block;
	top:50px;
	right:130px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#recrutement_a_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#recrutement_a_fleche_down {
	position:absolute;
	bottom:55px;
	right:130px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#recrutement_a_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}

h2#recrutement {
	background: #326d22 url(../images/titre_recrutement.gif) no-repeat center;
}

#recrutement_f_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:200px;
	height:24px;
	background: url(../images/fond_recrutement_f_bloc2_titre.gif) no-repeat left top;
	text-indent:-5000px;		
}


/* Candidature spontanÈe */

#recrutement_c_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:194px;
	height:24px;
	background: url(../images/fond_recrutement_c_bloc2_titre.gif) no-repeat left top;
	text-indent:-5000px;		
}

#candidspont_form {
	position: absolute;	
	top:25px;
	left:30px;
	width:580px;		
	height: 275px;
}

#candidspont_form p {	
	color:#565E73;
	font-size:12px;
}

#candidspont_form h3 {	
	color:#565E73;
	font-size:12px;
	margin-top:0px;
}


#candidspont_form form {	
	padding:15px 15px 0px 20px;
	color:#565E73;
	font-size:12px;
	border:0;
}


#candidspont_form input {
	border: 1px solid #cbcbcb;
	background-color:white;
	color: #666;	
	display:block;
	margin: 5px 0 15px 0;
	width:200px;
	font-size:12px
}

#candidspont_form select {
	border: 1px solid #cbcbcb;
	background-color:white;
	color: #666;
	display:block;
	margin: 5px 0 15px 0;
	padding:0;
	height:20px;
	width:200px;
	font-size:12px
}

#candidspont_form textarea {
	border: 1px solid #cbcbcb;
	background-color:white;
	color: #666;
	display:block;
	margin: 2px 0 6px 0;
	padding:0;
	height:190px;
	width:300px;
	font-size:11px
}

#candidspont_cv {
	float:right;
	display:block;
}

#candidspont_valider {
	position:relative;
	display:block;
	left:175px;
	top:8px;
	width:140px;
}

#candidspont_valider input {
	width:120px;	
	height:25px;
}

.hidden {
	visibility:hidden;
}



/* Goodies */


#fond_goodies {
	position:absolute;
	top:28px;
	left:350px;
	width:318px;
	height:174px;
	background: url(../images/fond_goodies2.gif) no-repeat;	
}

h2#titre_goodies {
	background: #f0f0f0 url(../images/titre_goodies.gif) no-repeat center;
}


#goodies_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:272px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#goodies_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#goodies_bloc1 p {
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align:justify;
}

#goodies_bloc2 {
	position:absolute;
	bottom:0px;
	left:272px;
	width:615px;
	height:367px;
	border-left: solid 1px #989898;
	border-top: solid 1px #989898;
	background: white url(../images/fond_metiers_p_bloc2.gif) no-repeat left top;
}

#goodies_bloc2_fonds h2 {
	position:absolute;
	top:0;
	left:16px;
	width:240px;
	height:24px;
	background: url(../images/fond_goodies_bloc2_fonds.gif) no-repeat left top;
	text-indent:-5000px;		
}

#goodies_bloc2_jv {
	position:absolute;
	top:0;
	right:0;
	width:187px;		
}

#goodies_bloc2_jv h2 {
	width:187px;
	height:24px;
	background: url(../images/fond_goodies_bloc2_jv.gif) no-repeat right top;
	text-indent:-5000px;		
}

#goodies_bloc2_jv p {	
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align:justify;
}


a#goodies_fleche_up {
	position:absolute;
	top:45px;
	right:197px;
	width:11px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/fleche_up2.gif) no-repeat left;
}

a#goodies_fleche_up:hover {
	background:url(../images/fleche_up2.gif) no-repeat right;
}

a#goodies_fleche_down {
	position:absolute;
	bottom:66px;
	right:197px;
	width:11px;
	height:11px;
	background:url(../images/fleche_down2.gif) no-repeat left;
}

a#goodies_fleche_down:hover {
	background:url(../images/fleche_down2.gif) no-repeat right;
}


/* Contact */

#contact_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:239px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#contact_bloc1 h2 {
	height:35px;
	margin-bottom:17px;	
	background: #326d22 url(../images/titre_contact.gif) no-repeat center;
	text-align:center;
	text-indent:-5000px;

}

#contact_bloc1 h3 {
	padding:0px 30px 0px 27px;	margin-bottom:-5px !important;
	margin-bottom:-10px; /* for MSIE */	
	color:#B3B3B3;
	font-size:12px;
	line-height:16px;
	text-align:justify;
}

#contact_bloc1 p {	
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align:center;
}

#contact_bloc1 ul {	
	padding:0px 35px 0px 60px;
	list-style: url(none) none outside;
}

#contact_bloc1 li {
	margin-bottom:6px;
	color:#B3B3B3;
	font-size:11px;		
}

#contact_bloc1 ul a {	
	font-weight:bold;
	text-decoration:none;
	color:#999;	
}

#contact_bloc1 ul a:hover {	
	color:#999;
	border-bottom: solid 1px #B3B3B3;
}

#contact_bloc2 {
	position:absolute;
	bottom:0px;
	left:240px;
	width:647px;
	height:367px;
	border-top: solid 1px #989898;
	background: white url(../images/fond_contact_bloc2.jpg) no-repeat -13px top;
}

#contact_bloc2 h2 {
	text-indent:-5000px;		
}

#contact_infos {
	position:absolute;
	top:40px;
	right:40px;
	width:215px;
	height:215px;
	color:#565E73;
	line-height:16px;
	text-align:justify;	
}

#contact_photo {
	position:absolute;
	right:63px;
	top:90px;
	width:223px;
	height:197px;
	background:url(../images/contact_photo_couleurs.gif) no-repeat;	
}

#contact_dot {
	position: absolute;
	top: 141px;
	left: 231px;
	width: 7px;
	height: 7px;
	background:url(../images/red-dot.gif) no-repeat;	
}

#contact_cht_adresse {
	position: absolute;
	top: 102px;
	left: 330px;
	width: 324px;
	height: 62px;
	background:url(../images/contact-cht_adresse.gif) no-repeat;	
}



/*** NAV ***/

#nav_container {
	position:absolute;
	width: 100%;
	bottom:0px;
	left:0px;
	height:35px;
	background-color: #1E263A;
	margin:0;
	padding:0;
}

#nav {
	padding:0;
	list-style: url(none) none inside;
}

#nav li {
	float:left;
	height:35px;
	text-indent:-5000px;		
}

#nav a {
	display:block;
	height:35px;
	text-indent:-5000px;
	margin: 0 3px;
}

.nav_trait {
	width:2px;
	background : url(../images/nav-trait.gif) no-repeat 0 0;		
}


/* accueil */
.nav_accueil { 
	width:90px;
	background : url(../images/nav-accueil.gif) no-repeat 0 0;		
}
.nav_accueil:hover {
	background-position: -90px 0px;		
}

.nav_accueil_active { 
	width:90px;
	background : url(../images/nav-accueil.gif) no-repeat -180px 0;		
}
.nav_accueil_active:hover {
	background-position: -270px 0px;		
}

/* metiers */
.nav_metiers {
	width:95px;
	background : url(../images/nav-metiers.gif) no-repeat 0 0;		
}
.nav_metiers:hover {
	background-position: -95px 0px;		
}

.nav_metiers_active {
	width:95px;
	background : url(../images/nav-metiers.gif) no-repeat -190px 0;		
}
.nav_metiers_active:hover {
	background-position: -285px 0px;		
}

/* modeles */
.nav_modeles {
	width:211px;
	background : url(../images/nav-modeles.gif) no-repeat 0 0;		
}
.nav_modeles:hover {
	background-position: -211px 0px;		
}

.nav_modeles_active {
	width:211px;
	background : url(../images/nav-modeles.gif) no-repeat -422px 0;		
}
.nav_modeles_active:hover {
	background-position: -633px 0px;		
}

/* actualite */
.nav_actualite {
	width:107px;
	background : url(../images/nav-actualite.gif) no-repeat 0 0;		
}
.nav_actualite:hover {
	background-position: -107px 0px;		
}

.nav_actualite_active {
	width:107px;
	background : url(../images/nav-actualite.gif) no-repeat -214px 0;		
}
.nav_actualite_active:hover {
	background-position: -321px 0px;		
}


/* recrutement */
.nav_recrutement {
	width:124px;
	background : url(../images/nav-recrutement.gif) no-repeat 0 0;		
}
.nav_recrutement:hover {
	background-position: -124px 0px;		
}

.nav_recrutement_active {
	width:124px;
	background : url(../images/nav-recrutement.gif) no-repeat -248px 0;		
}
.nav_recrutement_active:hover {
	background-position: -372px 0px;		
}

/* goodies */
.nav_goodies {
	width:85px;
	background : url(../images/nav-goodies.gif) no-repeat 0 0;		
}
.nav_goodies:hover {
	background-position: -85px 0px;		
}

.nav_goodies_active {
	width:85px;
	background : url(../images/nav-goodies.gif) no-repeat -170px 0;		
}
.nav_goodies_active:hover {
	background-position: -255px 0px;		
}

/* interne */
.nav_interne {
	width:223px;
	background : url(../images/nav-interne.gif) no-repeat 0 0;		
}
.nav_interne:hover {
	background-position: -223px 0px;		
}

.nav_interne_active {
	width:223px;
	background : url(../images/nav-interne.gif) no-repeat -446px 0;		
}
.nav_interne_active:hover {
	background-position: -669px 0px;		
}

/* contact */
.nav_contact {
	width:85px;
	background : url(../images/nav-contact.gif) no-repeat 0 0;		
}
.nav_contact:hover {
	background-position: -85px 0px;		
}

.nav_contact_active {
	width:85px;
	background : url(../images/nav-contact.gif) no-repeat -170px 0;		
}
.nav_contact_active:hover {
	background-position: -255px 0px;		
}

.ref {
	display:none;
}


/*------------------------------ 
							v2 
------------------------------*/


/*--- Activites ---*/


/* transports */

#transports #container {border: solid 6px #FFCC00;}
#transports #baseline h1 {background : url(../images/transports-fond_baseline.gif) no-repeat 0 0;}

h2#titre_transports {background: #FFCC00 url(../images/titre_transports.gif) no-repeat center;}

#transports #metiers_p_bloc2_titre h2 {background: url(../images/transports-fond_metiers_itw.gif) no-repeat left top;}
#transports #metiers_p_bloc2 {background: white url(../images/transports-fond_metiers_p_bloc2.gif) no-repeat left top;}

#transports .nav_metiers {background : url(../images/transports-nav-activites.gif) no-repeat 0 0;}
#transports .nav_metiers_active {background : url(../images/transports-nav-activites.gif) no-repeat -190px 0;}

#fond_transports {
	position:absolute;
	top:25px;
	left:273px;
	width:615px;
	height:180px;
}


/* Finance */

#finance #container {border: solid 6px #CF0000;}
#finance #baseline h1 {background : url(../images/finance-fond_baseline.gif) no-repeat 0 0;}

h2#titre_finance {background: #CF0000 url(../images/titre_finance.gif) no-repeat center;}

#finance #metiers_p_bloc2_titre h2 {background: url(../images/finance-fond_metiers_itw.gif) no-repeat left top;}
#finance #metiers_p_bloc2 {background: white url(../images/finance-fond_metiers_p_bloc2.gif) no-repeat left top;}

#finance .nav_metiers {background : url(../images/finance-nav-activites.gif) no-repeat 0 0;}
#finance .nav_metiers_active {background : url(../images/finance-nav-activites.gif) no-repeat -190px 0;}

#fond_finance {
	position:absolute;
	top:18px;
	left:200px;
	width:615px;
	height:180px;
}

/* Energie */

#energie #container {border: solid 6px #259302;}
#energie #baseline h1 {background : url(../images/energie-fond_baseline.gif) no-repeat 0 0;}

h2#titre_energie {background: #259302 url(../images/titre_energie.gif) no-repeat center;}

#energie #metiers_p_bloc2_titre h2 {background: url(../images/energie-fond_metiers_itw.gif) no-repeat left top;}
#energie #metiers_p_bloc2 {background: white url(../images/energie-fond_metiers_p_bloc2.gif) no-repeat left top;}

#energie .nav_metiers {background : url(../images/energie-nav-activites.gif) no-repeat 0 0;}
#energie .nav_metiers_active {background : url(../images/energie-nav-activites.gif) no-repeat -190px 0;}

#fond_energie-1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:196px;
}

#fond_energie-2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:196px;
}

/* telecoms */

#telecoms #container {border: solid 6px #ff6700;}
#telecoms #baseline h1 {background : url(../images/telecoms-fond_baseline.gif) no-repeat 0 0;}

h2#titre_telecoms {background: #ff6700 url(../images/titre_telecoms.gif) no-repeat center;}

#telecoms #metiers_p_bloc2_titre h2 {background: url(../images/telecoms-fond_metiers_itw.gif) no-repeat left top;}
#telecoms #metiers_p_bloc2 {background: white url(../images/telecoms-fond_metiers_p_bloc2.gif) no-repeat left top;}

#telecoms .nav_metiers {background : url(../images/telecoms-nav-activites.gif) no-repeat 0 0;}
#telecoms .nav_metiers_active {background : url(../images/telecoms-nav-activites.gif) no-repeat -190px 0;}

#fond_telecoms-1, #fond_telecoms-2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:196px;
}


/*--- Actualites ---*/

h2#titre_actualites {background: url(../images/titre_actualites.gif) no-repeat center;}

#actualites_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:294px;
	height:387px;
	border-right: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	background: #fff url(../images/fond_actualites.gif) no-repeat top right;		
}

#actualites_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#actualites_bloc2 {
	position:absolute;
	bottom:0px;
	right:0;
	width:593px;
	height:417px;
	border-left: solid 1px #cbcbcb;
	border-top: solid 1px #cbcbcb;
	background: white;
}

#actualites_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:194px;
	height:24px;
	background: url(../images/fond_modeles_bloc2.gif) no-repeat left top;
	text-indent:-5000px;		
}


.spip_documents_left, .spip_documents_right {
	border: 5px solid #EBEBEB;
	padding: 3px;
}

.spip_documents_left {margin: 0 15px 10px 0;}
.spip_documents_right {margin: 0 0 10px 15px;}

#iframe_archives {
	width: 270px;
	height: 300px;
}

/* nav archives */

body#nav_archives {
	color: #808080;
	background-color: white;
}

#nav_archives a {
	color: #808080;
	text-decoration: none;
}

#nav_archives a:hover {text-decoration: underline;}

#nav_archives_pagin {text-align:right;}




/* Vie interne */


#fond_vieinterne {
	position:absolute;
	top:33px;
	left:315px;
	width:431px;
	height:276px;
	background: url(../images/fond_vieinterne.gif) no-repeat;	
}

h2#titre_vieinterne {
	background: #326d22 url(../images/titre_vieinterne.gif) no-repeat center;
}


#vieinterne_bloc1 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:272px;
	height:387px;
	background-color: #fff;
	border-right: solid 1px #989898;
	border-top: solid 1px #989898;		
}

#vieinterne_bloc1 h2 {
	height:35px;
	text-align:center;
	text-indent:-5000px;
	margin-bottom:17px;
}

#vieinterne_bloc1 p {
	padding:0px 30px 0px 27px;	color:#565E73;
	line-height:16px;
	text-align: left;
}

#vieinterne_bloc2 {
	position:absolute;
	bottom:0px;
	left:272px;
	width:615px;
	height:360px;
	border-top: solid 1px #989898;
	border-left: solid 1px #989898;
	background: white url(../images/fond_interne_r.gif) no-repeat left top;
}

#vieinterne_bloc2_titre h2 {
	position:absolute;
	top:0;
	left:16px;
	width:240px;
	height:24px;
	background: url(../images/fond_vieinterne_bloc2.gif) no-repeat left top;
	text-indent:-5000px;		
}

a#vieinterne_r-carrieres {
	position:absolute;
	bottom:28px;
	left:290px;
	display: block;
	width: 204px;
	height: 350px;
	background: url(../images/vieinterne_r-carrieres.gif) no-repeat left top;	
}
a:hover#vieinterne_r-carrieres {background: url(../images/vieinterne_r-carrieres.gif) no-repeat right top;}

#vieinterne_ce {
	position:absolute;
	top:0;
	right:0;
	width:170px;
}

a#vieinterne_ce_titre {
	height:24px;
	width:170px;
	display: block;
	background: url(../images/vieinterne_r-ce.gif) no-repeat right top;
	text-indent:-5000px;		
}

#vieinterne_ce_texte {
	position: absolute;
	top: 25px;
	right: 7px;
	width: 185px;
	height: 290px;
	overflow: hidden;
}

#vieinterne_ce_texte img {
	display: block;
	margin: 10px auto;
}


#vieinterne_r-salaries {
	position:absolute;
	bottom:28px;
	left:497px;
	display: block;
	width: 187px;
	height: 350px;
	background: url(../images/vieinterne_r-salaries.gif) no-repeat left top;	
}

#vieinterne_r-salaries_texte {
	position:absolute;
	left:15px;
	top:60px;
	width: 155px;
	color: #565E73;
	font-size: 12px;
}

#vieinterne_r-salaries_texte form p {line-height:18px;}

#vieinterne_r-salaries_texte form input {width:120px;}
#vieinterne_r-salaries_texte form input.valider {width:60px;}


#vieinterne_r-salaries_texte form p.valider {text-align:center;}

#vieinterne_r-salaries_texte fieldset, #vieinterne_r-salaries_texte form {border:0; margin:0;}


h2#titre_carrieres {
	background: #326d22 url(../images/titre_carrieres.gif) no-repeat center;
}

#fond_actu-vieinterne {
	position:absolute;
	top:21px;
	right:0px;
	width:650px;
	height:180px;
	background: url(../images/fond_actu-vieinterne.gif) no-repeat left top;
}

/* espace salaries */

.documents a, .documents a:hover {color:#565e73;}

h2#titre_salaries {
	background: #326d22 url(../images/titre_salaries.gif) no-repeat center;
}

/* Augmentation */

#recrutement_augmentation {
	position: absolute;
	right: 37px;
	top: 97px;
	width: 288px;
	height: 105px;
	background: transparent url(../images/recrut-accro.gif) no-repeat;
}



/* ----------- jscrollpane  ----------- */

.holder {
	position: absolute;
}
.scroll-pane {
	overflow: auto;
	float: left;
}

#pane2 {
	font-size: 12px;
	line-height: 17px;
	color:#565E73;
	text-align: justify;	
}

a.jScrollArrowUp {background: white url(../images/fleche_up2.gif) no-repeat 0 top;}
a.jScrollArrowUp:hover {background: white url(../images/fleche_up2.gif) no-repeat -11px top;}
a.jScrollArrowDown {background: white url(../images/fleche_down2.gif) no-repeat 0 top;}
a.jScrollArrowDown:hover {background: white url(../images/fleche_down2.gif) no-repeat -11px top;	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f2f2f2;
}
.jScrollPaneDrag {
	position: absolute;
	background: #d9d9d9;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}

/* modeles */

.activites_p .holder {
	height: 260px;
	width: 333px;	
	left:230px;
	top:40px;
}
.activites_p #pane2 {width: 360px; height: 260px;}

.activites_p #pane2 h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#B3B3B3;
	margin-bottom:-4px !important;
	margin-bottom:-10px; /* for MSIE */
}

/* modeles */

#modeles .holder {
	height: 275px;
	width: 333px;	
	left:230px;
	top:25px;
}
#modeles .scroll-pane {width: 360px; height: 275px;}

#modeles #pane2 h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#B3B3B3;
	margin-bottom:-4px !important;
	margin-bottom:-10px; /* for MSIE */
}


/* sommaire */

#sommaire .holder {
	height: 140px;
	width: 390px;	
	left:15px;
	top:23px;
}
#sommaire .scroll-pane {width: 390px; height: 140px;}

#sommaire #pane2 h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}

/* Recrutement rub */

#recrutement_rub .holder {
	top:35px;
	left:20px;
	width:430px;		
	height: 275px;
}
#recrutement_rub .scroll-pane {width: 430px; height: 275px;}

#recrutement_rub #pane2 h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#B3B3B3;
	margin-bottom:-4px !important;
	margin-bottom:-10px; /* for MSIE */
	margin-top:0px	
}

/* Recrutement article */

#recrutement_a .holder {
	top: 35px;
	left: 45px;
	width: 445px;		
	height: 275px;
}
#recrutement_a .scroll-pane {width: 445px; height: 275px;}

#recrutement_a #pane2 h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#B3B3B3;
	margin-bottom:-4px !important;
	margin-bottom:-10px; /* for MSIE */
	margin-top:0px	
}

/* Actualites */

#actualites .holder {
	height: 345px;
	width: 520px;	
	left:35px;
	top:18px;
}
#actualites .scroll-pane {width: 520px; height: 345px;}

#actualites #pane2 h3 {
	font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#1E263A;
	margin-bottom:0;
}


/* Carrieres */

#carrieres .holder {
	width: 450px;
	height: 270px;
	top: 20px;
	left: 60px;	
	color:#B3B3B3;
}

#carrieres .scroll-pane {width: 500px; height: 270px;}

#carrieres #pane2 h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#B3B3B3;
	width: 450px;
}

#carrieres #pane2 h3 a {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#565e73;
	text-decoration: none;	
}

#carrieres #pane2 h3 a:hover {text-decoration: underline;}


/* liste itw */

#liste-itw .holder {
	top: 40px;
	left: 15px;
	width:190px;
	height: 262px;	
}

#liste-itw #pane1 {
	height: 262px;
}

#metiers_p_itw td {
	padding:3px;
	color: #808080;
}


#metiers_p_itw td a {color: #808080; text-decoration:none;}
#metiers_p_itw td a:hover {text-decoration:underline;}


/* liste actu */

#liste-actu .holder {
	top: 40px;
	left: 15px;
	width: 240px;
	height: 200px;
}

#vieinterne_bloc1 #pane1 {
	width: 240px;
	height: 200px;
}

#vieinterne_bloc1 #pane1 p, #actu-permanentes p {
	margin-left: 0;
	padding: 0 40px 0 0;
	color: #808080;
}

#actu-permanentes {
	position: absolute;
	top: 242px;
	left:15px;
	width: 240px;
	height: 95px;
}