/**** ESPACE EMPLOI  **/
.bloc1{
	border-color:#0098B0;
	float:left;
	line-height:18px;
}
.blocFull{
	border-color:#0098B0;
}
.bloc1 h4{
	color:#0098B0;
}


.bloc1 .list2 a {
	color:#0098B0;
}
.colored{
	color:#0098B0;
}


.nav{
	color:#0098B0;
	border-color:#0098B0;
}
.nav .previous, .nav .next{
	background-color:#0098B0;
}
.nav .inactif{
	background-color:#F4F3F3;
}

/*===================================*/
/*========= PAGE D'ACCUEIL ==========*/
/*===================================*/


.accueil{
	margin-left:12px;
	background-image:url(../../_img/illustration04.jpg);
	background-repeat:no-repeat;
	background-position:12px bottom;
	background-color:#FFFFFF;

}
.accueil .gauche{
	float:left;
	width:170px;
		
}

.accueil .droite{
	float:right;
	width:450px;
	margin-right:0px;
	
}
html>body .accueil .droite{
	margin-right:0px;
}

.inner{
	padding:12px;
}
.accueil .btnGauche{
	float:left;
	background-color:#FFFFFF;
	width:220px;
	padding-top:5px;
	padding-bottom:12px;
}

.accueil .btnGauche ul{
	border-top:12px solid #0098B0;
	background-color:#EAE9E9;
	padding:12px;
	margin-bottom:-12px;
}

.accueil .btnGauche ul li{
	list-style-type:none;
	background-image:url(../../_img/tirait2.gif);
	background-repeat:repeat-x;
	background-position:bottom;	
	margin-left:0;
	margin-bottom:6px;
	padding-bottom:6px;
}
.accueil .btnGauche ul li a{
	background-image:url(../../_img/fleche03.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	color:#000000;
}
.accueil .btnGauche ul li a:hover{
	background-image:url(../../_img/fleche04.gif);
	color:#0098B0;
	text-decoration:none;
}

.accueil .btnGauche .maskLI{
	background-color:#EAE9E9;
	margin-top:-12px;
}

.accueil .btnGauche .all{
	background-color:#EAE9E9;
	padding:12px;
	
}

.accueil a.fleche03{
	background-image:url(../../_img/fleche03.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	color:#0098B0;
}
.accueil a.fleche03:hover{
	background-image:url(../../_img/fleche04.gif);
	text-decoration:none;
	color:#000000;
}

.accueil .btnGauche .all a{	
	float:right;
	margin-top:-12px;
}


.accueil .btnDroite{
	float:right;
	background-image:url(../../_img/bg_emploi.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:230px;
	padding-top:5px;
	padding-bottom:5px;
	height:220px;
}



.accueil .btnDroite .inside{
	padding:12px;
}

.accueil .btnDroite .separateur{
	font-size:1px;
	height:1px;
	overflow:hidden;
	background-image:url(../../_img/tirait3.gif);
	background-repeat:repeat-x;
	width:100px;
	margin-left:20px;
	margin-top:6px;
	margin-bottom:6px;
}





/*===================================*/
/*===================================*/
/*===================================*/


/*===================================*/
/*=========   FORMATIONS   ==========*/
/*===================================*/


html>body .formations{
	margin-right:-50px;
}
.formations .bloc2{
	background-color:#EAE9E9;
	float:left;
	width:212px;
	height:245px;
	margin-right:10px;
	margin-bottom:24px;
}
html>body .formations .bloc2{
	margin-right:10px;
}

.formations .bloc2 .titre{
	background-color:#0098B0;
	padding:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.formations .bloc2 .texte{
	padding:12px;
	font-size:11px;
	line-height:16px;
}
.formations .bloc2 .texte a{
	display:block;
	font-weight:bold;
	background-image:url(../../_img/puce01.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
	margin-top:10px;

}

p.top{
	color:#0098B0;
	font-weight:bold;
}

/*===================================*/
/*===================================*/
/*===================================*/


/*===================================*/
/*=========   METIERS     ==========*/
/*===================================*/

.metiers{
	
}
.metiers .titre{
	margin-bottom:12px;
	background-color:#0098B0;
	color:#FFFFFF;
	padding:3px;
	padding-left:24px;
	line-height:normal;
	font-size:14px;
	font-weight:bold;
}

.metiers li{
	margin-bottom:5px;
}

.metiers .top{
	background-image:url(../../_img/illustration04.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	margin-top:12px;
	margin-bottom:24px;
	
}
.metiers .top p{
	margin-bottom:20px;
}
.metiers .top .gros{
	font-weight:bold;
	color:#0098B0;
	
}
.metiers .bottom ul{
	margin-bottom:24px;
	padding-right:60px;
}
.metiers .bottom li{
	background-image:url(../../_img/tirait2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:3px;
	margin-bottom:8px;
}
.metiers .bottom .maskLI{
	margin-top:-28px;
}


/*-- fiche métier --*/
.ficheMetier{

}
.ficheMetier h2{
	margin-bottom:12px;
}
.ficheMetier h3{
	color:#CC3266;
	font-size:12px;
	margin-bottom:6px;
}
.ficheMetier .bloc2{
	margin-bottom:24px;
}
.ficheMetier .bloc2 li{
	list-style-image:url(../../_img/fleche03.gif);
	margin-left:24px;
	padding-left:5px;
	
}

.ficheMetier .partieGauche{
	float:left;
	width:450px;
}
.ficheMetier .partieDroite{
	float:right;
	width:210px;
}
.ficheMetier .partieDroite2{
	float:right;
	width:150px;
	margin-left:24px;
}
.ficheMetier .partieDroite2 .img{
	text-align:center;
}

.ficheMetier .bloc3{
	padding:12px;
	border-top:12px solid #0098B0;
	background-color:#EAE9E9;
	margin-bottom:12px;
	font-size:11px;
	color:#0098B0;
	line-height:15px;
}
.ficheMetier .bloc3 h3{
	color:#0098B0;
	font-size:12px;
}

.ficheMetier a.bouton{
	display:block;
	padding:12px;
	padding-left:28px;
	background-color:#0098B0;
	color:#FFFFFF;
	background-image:url(../../_img/puce01.gif);
	background-repeat:no-repeat;
	background-position:6px 17px;
	font-size:10px;
	font-weight:bold;
}
.ficheMetier a.bouton:hover{
	background-color:#CC3266;
	text-decoration:none;

}

.ficheMetier .bloc3 ul{

}
.ficheMetier .bloc3 li{
	list-style-type:none;
	border-bottom:1px solid #D0CDCD;
	margin-left:0;
	padding-bottom:2px;
	margin-bottom:2px;

}
.ficheMetier .bloc3 li a{
	color:#0098B0;
	background-image:url(../../_img/fleche03.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:16px;

}
.ficheMetier .bloc3 li a:hover{
	color:#000000;
	background-image:url(../../_img/fleche04.gif);
	text-decoration:none;
}
.ficheMetier .bloc3 .maskLI{
	background-color:#EAE9E9;
	margin-top:-15px;
}


.ficheMetier .infosTop{
	font-size:11px;
}
.ficheMetier .infosTop .d{
	color:#0098B0;
}
.ficheMetier .infosTop .r{
	color:#4C8F42;
}

/*===================================*/
/*=========     OFFRES     ==========*/
/*===================================*/

.offres{

}
.offres ul{
	padding:12px;
}
.offres li{
	padding-bottom:12px;
	margin-bottom:12px;
	list-style-image:url(../../_img/puce01.gif);
	border-bottom:1px solid #EAE9E9;
	font-size:11px;
	line-height:13px;
}
.offres li a, .offres li a:visited{
	display:block;
	color:#0098B0;
	font-weight:bold;
	font-size:11px;
	
}

.offres .gauche{
	float:left;
	width:325px;
}
.offres .droite{
	float:right;
	width:325px;
}
.offres .maskLI{
	margin-top:-43px;
}



/*===================================*/
/*=========   CHRONIQUES   ==========*/
/*===================================*/





.chroniques{
	
	margin-bottom:12px;
}
.chroniques .bloc2{

}
.chroniques .bloc2 .visuel{
	float:left;
	font-weight:bold;
	width:100px;
	color:#6394C2;
}

.chroniques .bloc2 .p{
	float:right;
	width:530px;
	padding-bottom:12px;
	margin-bottom:0px;
	border-bottom:1px solid #EAE9E9;
}
html>body .chroniques .bloc2 .p{
	margin-bottom:12px;
}

.chroniques .bloc2 p img{
	float:left;
	/*margin:0 12px 6px 0;*/
}

.chroniques .bloc2 a{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}
.chroniques .maskLI{
	margin-top:-20px;

}


a.ttoffres:link, a.ttoffres:visited{
	background:url(../../_img/fleche01.gif) no-repeat 0px 4px;
	padding-left:10px;
}



.caract{


}
.caract p{
	margin-bottom:20px;
	padding-left:40px;
}

.caract h2{
	font-size:13px;
	margin-bottom:15px;
	color:#0098B0;
}
.caract li{
	/*list-style-image:url(../../_img/puce01.gif);*/
	list-style:none;
	background:url(../../_img/puce01.gif) no-repeat 0 4px;
	margin-left:50px;
	padding:0 0 0 30px;
}
.caract .img{
	padding:6px;
	border:1px solid #0098B0;
	float:left;
	margin-right:30px;
	margin-bottom:15px;
}


/*--------------------*/

.formationDetail{
	
}
.formationDetail li{
	list-style-image:url(../../_img/puce01.gif);
	margin:0 0 10px 20px;

}