/********************************************** STYLES COMMUNS *******************************************************************
*********************************************************************************************************************************/
body {
	background-color: #e7ecf5;
	background-image: none;
}

.conteneurPrincipalModule {
	width: 950px;
	height: auto;
	margin: auto;
	margin-top: 25px;
	font-family: Verdana;
	font-size: 11px;
	color: #17479E;
}

	/************************ ETAPES DU PARCOURS ***********************************************/

	.imgTitreParcours {
		width: 100%;
		text-align: center;
	}

	.conteneurEtapesParcours {
		width: 700px;
		height: 90px;
		margin: auto;
		margin-top: 25px;
	}
		.conteneurEtapesParcours a, .conteneurEtapesParcours a:hover, .conteneurEtapesParcours a:visited {
			color: #17479e;
			text-decoration: none;
		}
		.imgFondParcours {
			width: 100%;
			text-align: center;
		}
		.titreEtape1 {
			float: left;
			width: 75px;
			height: 30px;
			text-align: center;
			margin: 5px 0px 0px 50px;
		}
		.titreEtape2 {
			float: left;
			width: 90px;
			height: 30px;
			text-align: center;
			margin: 5px 0px 0px 90px;
		}
		.titreEtape3 {
			float: left;
			width: 160px;
			height: 40px;
			text-align: center;
			margin: 5px 0px 0px 50px;
		}
		.titreEtape4 {
			float: left;
			width: 90px;
			height: 30px;
			text-align: center;
			margin: 5px 0px 0px 50px;
		}

	/********************** ENCART PRINCIPAL *************************************************/

	.titreEncart {
		font-size: 21px;
		color: #93A5C9;
		margin-left: 5px;
	}
	.alertEncart {
		color: #E2001A;
		font-weight: bold;
	}
	.encartTopLeft {
		float: left;
		width: 9px;
		height: 8px;
		background-image: url(../images/encart_top_left.png);
		background-repeat: no-repeat;
	}
	.encartTopMid {
		float: left;
		height: 8px;
		background-image: url(../images/encart_top_mid.png);
		background-repeat: no-repeat;
	}
	.encartTopRight {
		float: left;
		width: 8px;
		height: 8px;
		background-image: url(../images/encart_top_right.png);
		background-repeat: no-repeat;
	}
	.encartLeftMid {
		clear: left;
		float: left;
		width: 9px;
		background-image: url(../images/encart_left_mid.png);
		background-repeat: no-repeat;
	}
	.encartConteneurContenu {
		float: left;
		background-color: #fff;
	}
		.encartContenu {
			font-size: 11px;
			padding: 10px;
			overflow: auto;
			scrollbar-track-color: #f3f6fa;
			scrollbar-arrow-color: #FFFFFF;
			scrollbar-face-color: #93A5C9;
			scrollbar-shadow-color: #93A5C9;
			scrollbar-highlight-color: #93A5C9;
			scrollbar-3dlight-color: #93A5C9;
			scrollbar-darkshadow-color: #93A5C9;
		}
		.encartContenuRecherche {
			font-size: 11px;
			padding: 10px;
			overflow: visible;
		}
	.encartRightMid {
		float: left;
		width: 9px;
		background-image: url(../images/encart_right_mid.png);
		background-repeat: no-repeat;
	}
	.encartBottomLeft {
		clear: left;
		float: left;
		width: 9px;
		height: 10px;
		background-image: url(../images/encart_bottom_left.png);
		background-repeat: no-repeat;
	}
	.encartBottomMid {
		float: left;
		height: 8px;
		background-image: url(../images/encart_bottom_mid.png);
		background-repeat: no-repeat;
	}
	.encartBottomRight {
		float: left;
		width: 9px;
		height: 10px;
		background-image: url(../images/encart_bottom_right.png);
		background-repeat: no-repeat;
	}

	/**************************************** ENCART RECAP ********************************************/

	.encartRecapTop {
		width: 188px;
		height: 11px;
		background-image: url(../images/encart2_top.png);
		background-repeat: no-repeat;
	}
	.encartRecapMid {
		width: 188px;
		background-image: url(../images/encart2_mid.png);
		background-repeat: no-repeat;
	}
		.encartRecapContenu {
			padding: 10px;
			font-size: 12px;
			width: 165px;
		}
	.encartRecapBottom {
		width: 188px;
		height: 10px;
		background-image: url(../images/encart2_bottom.png);
		background-repeat: no-repeat;
	}
	.encartRecapSeparateur {
		width: 152px;
		height: 2px;
		margin: 10px auto 10px auto;
		background-image: url(../images/encart2_separateur.png);
		background-repeat: no-repeat;
	}

	.conteneurSuggestionsMetiers {
		clear: both;
		height: 300px;
		font-size: 0px;
		margin-left: 225px;
		padding-top: 15px;
	}


	/**************************** FORMULAIRES **********************************************************/

	.lstGaucheProfil {
		float: left;
		width: 166px;
		margin-left: 35px;
	}
		.lstGaucheProfil a {
			display: block;
			margin: 0;
			padding: 0;
		}
	.lstDroiteProfil {
		float: left;
		width: 166px;
		margin-left: 10px;
	}
		.lstDroiteProfil a {
			display: block;
			margin: 0;
			padding: 0;
		}

	.champFormTexte {
		color: #17479e;
		font-size: 12px;
		font-family: Verdana;
		border: 1px solid #93A5C9;
		width: 200px;
		font-weight: bold;
	}

	#lstProposMetier {
		width: 300px;
		height: 100px;
		overflow: auto;
		border: 1px solid #93A5C9;
		border-top: none;
		position: relative;
		top: -2px;
		background-color: #fff;
		visibility: hidden;
		z-index: 99;
		scrollbar-track-color: #f3f6fa;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-face-color: #93A5C9;
		scrollbar-shadow-color: #93A5C9;
		scrollbar-highlight-color: #93A5C9;
		scrollbar-3dlight-color: #93A5C9;
		scrollbar-darkshadow-color: #93A5C9;
	}
		#lstProposMetier a, #lstProposMetier a:hover, #lstProposMetier a:visited {
			display: block;
			margin: 5px;
			font-size: 11px;
			font-weight: bold;
			color: #93A5C9;
		}

	#lstProposKeyword {
		margin-left: 15px;
		width: 200px;
		height: 100px;
		overflow: auto;
		border: 1px solid #93A5C9;
		border-top: none;
		position: relative;
		top: -2px;
		background-color: #fff;
		visibility: hidden;
		z-index: 99;
		scrollbar-track-color: #f3f6fa;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-face-color: #93A5C9;
		scrollbar-shadow-color: #93A5C9;
		scrollbar-highlight-color: #93A5C9;
		scrollbar-3dlight-color: #93A5C9;
		scrollbar-darkshadow-color: #93A5C9;
	}
		#lstProposKeyword a, #lstProposKeyword a:hover, #lstProposKeyword a:visited {
			display: block;
			margin: 5px;
			font-size: 11px;
			font-weight: bold;
			color: #93A5C9;
		}

	.lstSuggest1 {
		width: 97%;
		background-color: #E7ECF5;
		height: 20px;
		height: auto;
		line-height: 25px;
	}
	.lstSuggest2 {
		width: 97%;
		background-color: #fff;
		height: auto;
		line-height: 25px;
	}
		.lstSuggest1 a, .lstSuggest1 a:visited, .lstSuggest2 a, .lstSuggest2 a:visited {
			margin-left: 10px;
			text-decoration: none;
			color: #93A5C9;
			font-weight: bold;
			line-height: 25px;
		}
		.lstSuggest1 a:hover, .lstSuggest2 a:hover {
			margin-left: 10px;
			text-decoration: none;
			color: #17479E;
			font-weight: bold;
		}

	/******************************************** RESULTATS ************************************************/

	.separateurResultsNiveau {
		margin-top: 24px;
		width: 95%;
		height: 1px;
		background-image: url(../images/dotted_hor.gif);
		background-repeat: repeat-x;
	}

	.resultTitreNiveau {
		display: block;
		width: 95%;
		margin-top: 27px;
		color: #FC7800;
		font-weight: bold;
		text-decoration: none;
	}
	.resultTitreNiveau:visited {
		color: #FC7800;
		font-weight: bold;
		text-decoration: none;
	}
	.resultTitreNiveau:hover {
		color: #FC7800;
		font-weight: bold;
		text-decoration: underline;
	}

	.resultTitreDiplome {
		font-weight: bold;
		margin-top: 7px;
		margin-left: 15px;
	}

	.resultLienDiplome {
		color: #17479E;
		font-weight: bold;
		text-decoration: none;
	}
	.resultLienDiplome:hover {
		color: #17479E;
		font-weight: bold;
		text-decoration: none;
	}
	.resultLienDiplome:visited {
		color: #17479E;
		font-weight: bold;
		text-decoration: none;
	}
	.resultLienDiplomeOff {
		color: #93A5C9;
		text-decoration: none;
	}
	.resultLienDiplomeOff:hover {
		color: #93A5C9;
		text-decoration: none;
	}
	.resultLienDiplomeOff:visited {
		color: #93A5C9;
		text-decoration: none;
	}

	.resultLienInfos {
		color: #FCAF17;
		font-weight: bold;
		text-decoration: none;
	}
	.resultLienInfos:visited {
		color: #FCAF17;
		font-weight: bold;
		text-decoration: none;
	}
	.resultLienInfos:hover {
		color: #FCAF17;
		font-weight: bold;
		text-decoration: underline;
	}

	.conteneurListeResultats {
		float: left;
		width: 390px;
		height: 470px;
		overflow: auto;
		scrollbar-track-color: #f3f6fa;
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-face-color: #93A5C9;
		scrollbar-shadow-color: #93A5C9;
		scrollbar-highlight-color: #93A5C9;
		scrollbar-3dlight-color: #93A5C9;
		scrollbar-darkshadow-color: #93A5C9;
	}
	.conteneurMapFiltreResult {
		float: left;
		margin-left: 17px;
		width: 180px;
		height: 390px;
	}

	/**************************************** FICHES DIPLOME ***********************************************/
	#conteneurFicheDiplome dl dd li {
		list-style: outside;
		margin-left: 20px;
	}

	/**************************************** SLIDER *******************************************************/

	.ui-slider {
		position: relative;
		width: 70px;
		height: 448px;
		background-image: url(../images/fond_slider.gif);
		background-repeat: no-repeat;
		float: left;
		margin-left: 15px;
		cursor: pointer;
	}
		.ui-slider-handle {
			position: relative;
			width: 28px;
			height: 60px;
			margin-top: 3px;
			left: -10px;
			cursor: move;
			background-image: url(../images/slider.gif);
		}

	/********************************* PARCOURS ************************************************************/

	.conteneurParcours {
		width: 920px;
		/*height: 500px;*/
		height: auto;
		margin: auto;
		margin-top: 25px;
	}

	.saut_page {
		page-break-after : always;
	}

	.cadre_arrondi {
		width: 100%;
	}
		.cadre_contenu {
			padding: 30px 10px 0px 10px;
		}
		.cadre_arrondi .coin_hg {
			background: url(../images/cadre/cadre_hg.gif) left top no-repeat;
			padding-left: 10px;
		}
		.cadre_arrondi .coin_hd {
			background: url(../images/cadre/cadre_hd.gif) right top no-repeat;
			padding-right: 10px;
		}
		.cadre_arrondi .bordure_h {
			background: url(../images/cadre/cadre_h.gif) top repeat-x;
			height: 8px;
			position: relative;
		}
		.cadre_arrondi .cote_gauche {
			background: url(../images/cadre/cadre_g.gif) left repeat-y;
			padding-left: 10px;
		}
		.cadre_arrondi .cote_droit {
			background: #fff url(../images/cadre/cadre_d.gif) right repeat-y;
			padding-right: 10px;
			overflow: hidden;
		}
		.cadre_arrondi .coin_bg {
			background: url(../images/cadre/cadre_bg.gif) left top no-repeat;
			padding-left: 10px;
		}
		.cadre_arrondi .coin_bd {
			background: url(../images/cadre/cadre_bd.gif) right top no-repeat;
			padding-right: 10px;
		}
		.cadre_arrondi .bordure_b {
			background: url(../images/cadre/cadre_b.gif) top repeat-x;
			height: 8px;
		}

	.divPrintAll {
		margin-left: 60px;
		margin-bottom: 10px;
	}
	.labelVille {
		color: #93A5C9;
	}
	.conteneurNiveauGauche {
		width: 100%;
		height: auto;
		background-image: url(../images/parcours_fleche1.png);
		background-position: top left;
		background-repeat: no-repeat;
	}
		.titreNiveauGauche {
			font-weight: bold;
			font-size: 14px;
			margin-left: 45px;
			padding-top: 8px;
		}
		.divSuggestGauche {
			height: 28px;
			width: 150px;
			color: #FCAF17;
			font-weight: bold;
			padding-top: 10px;
			margin-left: 62px;
		}
		.ligneDiplomeGauche {
			min-height: 23px;
			height: auto;
			width: 93%;
			background-image: url(../images/parcours_etapeDiplome2.png);
			background-position: top left;
			background-repeat: no-repeat;
			margin-left: 30px;
			padding-left: 25px;
			padding-top: 3px;
			padding-bottom: 4px;
		}
	.conteneurNiveauDroite {
		margin-left: 20px;
		width: 95%;
		height: auto;
		background-image: url(../images/parcours_fleche2b.png);
		background-position: top left;
		background-repeat: no-repeat;
	}
		.titreNiveauDroite {
			font-weight: bold;
			font-size: 14px;
			padding-top: 32px;
			margin-left: 47px;
		}
	.conteneurNiveauGauche2 {
		margin-left: 0px;
		width: 100%;
		height: auto;
		background-image: url(../images/parcours_fleche3.png);
		background-position: top left;
		background-repeat: no-repeat;
	}
		.titreNiveauGauche2 {
			font-weight: bold;
			font-size: 14px;
			margin-left: 45px;
			padding-top: 45px;
		}
	.finParcoursGauche {
		margin-left: 32px;
	}
	.finParcoursDroite {
		margin-left: 52px;
	}