h1.metier
{
	width:auto;
}

/****************************************
*****	Recherche et Liste Métiers	*****
*****************************************/
div.divLesMetiers
{
	padding-top:20px;
	padding-left:40px;
	float:left;
	/*padding-right:8px;*/
}

div.divLesMetiers div.divGauche
{
	float:left;
	width:660px;
}

div.divRechercheMetiers div.divGauche div.divRecherche
{
	float: left;
	min-height: 68px;
	height: auto !important;
	height: 68px;
	width: 650px;
	margin: 0;
	padding: 15px 0px 0px 10px;
	border: 1px solid #CCC;
	background: #E6E6E6;
	margin-top:10px;
}

div.divRechercheMetiers div.divGauche div.divRecherche div.ou
{
	margin-top:-35px;
}

div.divRechercheMetiers div.divGauche div.divRecherche span.spanRechercheLibelle
{
	float: left;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	width: 180px;
	margin: 0;
	padding: 8px 0 0 0;
	color: #76b01e;
	font-family: arial;
	font-size: 18px;
}


div.divRechercheMetiers div.divGauche div.divRecherche div.videoDdl
{
	width:250px!important;
}

div.divRechercheMetiers div.divGauche div.divRecherche span.customDdl
{
	display: block;
	width: 250px!important;
    height: 27px;
    border: 1px solid #cccccc;
    padding: 6px 0 0 8px;
    margin: 0 0 5px 0;
    background: #f2f2f2 url(../../../../App_Themes/v4/images/master/ddl.png) no-repeat 225px 10px;
}


div.divRechercheMetiers div.divGauche div.divRecherche div.customDdl
{
    margin-left: -2px;
    overflow-y: auto;
    min-width: 250px;
    background: none !important;
    max-height: 200px;
    z-index:100;
}

div.divRechercheMetiers div.divGauche div.divRecherche div.customDdl ul
{
    padding: 0;
    margin: 0;
    background: #f2f2f2 !important;
    border: none !important;
}

div.divRechercheMetiers div.divGauche div.divRecherche div.customDdl ul li
{
    list-style-type: none;
    text-align: left;
    background: none;
    margin: 0;
    padding: 0;
}

div.divRechercheMetiers div.divGauche div.divRecherche div.customDdl ul li a
{
    padding: 3px 5px 3px 10px;
    list-style-type: none;
    font-family: Arial;
    font-size: 11px !important;
    text-decoration: none;
    color: #000000;
    display: block;
}

div.divRechercheMetiers div.divGauche div.divRecherche div.customDdl ul li a:hover
{
    background-color: gray !important;
    color: White;
}

div.divRechercheMetiers div.divGauche a.aRecherche
{
	float: left;
	display:inline-block;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	width: 180px;
	background:url(../../../../App_Themes/v4/Images/Metiers/btnRecherche.png) no-repeat left top;
	margin: -1px 0 0 0;
	padding: 8px 0 0 0;
	color: white !important;
	font-family: arial;
	font-size: 18px;
	text-align: center;
}

div.divRechercheMetiers div.divGauche input.rechercheOk
{
	background: url(../../../../App_Themes/v4/Images/Metiers/rechercheOk.png) no-repeat top left;
}

div.divRechercheMetiers div.divDroite
{
	float:right;
	width:315px;
}
div.divRechercheMetiers div.divDroite ul li 
{
    text-align:left !important;
}
div.divLesMetiers div.divDescription
{
	margin-bottom:20px;
}

div.divLesMetiers div.divDescription img
{
	float:left;
	margin-right:10px;
}

div.divLesMetiers hr
{
	clear:both;
}

div.divLesMetiers div.divMetiers10
{
	float:left;
	width:310px;
}

div.divLesMetiers div.divListe
{
	clear:both;
	float:left;
	width:930px;
	margin-bottom:40px
}

div.divLesMetiers div.divLettre
{
	display:block;
	float:left;
	width:310px;
	height:50px;
	margin-bottom:5px;
	margin-top:10px;
}

div.divLesMetiers div.divLettre a.aLettre
{
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:30px;
	text-decoration:none;
	background: url(../../../../App_Themes/v4/Images/Metiers/Lettres/Fond.png) no-repeat top left;
}

div.divLesMetiers ul
{
	clear:both;
	margin:0;
	padding:0;
	background:none;
}

div.divLesMetiers ul li
{
	margin:0;
	padding:0;
	min-height:15px;
	height:auto!important;
	height:15px;
	background:none;
	color:#666666;
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Puce.png) no-repeat left 5px;
}

div.divLesMetiers ul li a
{
	/*height:15px;*/
	display:inline-block;
	color:#666666;
}

div.divLesMetiers ul li a:hover
{
	text-decoration:underline;
}

div.divLesMetiers div.divSeparateur
{
	clear:both;
	float:left;
	width:100%;
	/*margin-top:40px;*/
	margin-bottom:40px;
	height:8px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Separateur_Liste.png) no-repeat left top;
}

div.divLesMetiers img.imgVideo
{
	position:absolute;
	margin-left:10px;
	width:16px;
	height:10px;
}

.tooltip
{
	display:none;
/*	visibility:hidden;*/
	position:absolute;
	width:284px;
	z-index:10;
	margin-top:-10px;
}

.tooltip .tooltipTop
{
	width:284px;
	height:35px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Tooltip_Header.png) no-repeat left top;
}

.tooltip .tooltipMiddle
{
	width:284px;
	min-height:16px;
	height:auto!important;
	height:16px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Tooltip_Contenu.png) repeat-y left top;
}

.tooltip .tooltipMiddle ul,
.tooltip .tooltipMiddle ul li
{
	margin:0;
	padding:0;
}

.tooltip .tooltipMiddle ul
{
	margin-left:30px;
}

.tooltip .tooltipMiddle ul li
{
	/*padding-top:10px;*/
	padding-left:15px!important;
	padding-right:20px!important;
}

.tooltip .tooltipBottom
{
	width:284px;
	height:20px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Tooltip_Footer.png) no-repeat left top;
}

div.divNavigation
{
	width:100%;
	/*height:30px;*/
	margin-bottom:35px;
}

div.divNavigation a.aNavigation
{
	display:block;
	float:left;
	width:30px;
	height:30px;
	background:url(../../../../App_Themes/v4/Images/Metiers/NavigationLettre.png) no-repeat left top;
	margin-right:5px;
	color:White;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
}

/****************************
*****	Fiche métier	*****
*****************************/
div.divFicheMetier,
div.divRechercheMetiers
{
	padding-left:6px;
	padding-right:8px;
	width:99%;
    float:left;
    margin-top:15px;
}

div.divFicheMetier div.divGauche
{
	width:660px;
}

div.divFicheMetier a.aRetourMetier
{
	padding-left:15px;
	color:#638c2d;
	font-size:14px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Emploi_Puce.png) no-repeat left 3px;
}

div.divFicheMetier div.divDroite
{
	float:right;
	width:315px;
}

div.divFicheMetier div.divDroite div.bacNote,
div.divRechercheMetiers div.divDroite div.bacNote
{
	background:url(../../../../App_Themes/v4/Images/Metiers/BacNote.png) no-repeat left top;
	padding-top:40px;
}

div.divFicheMetier div.divDroite div.bacNote h3.bacNote,
div.divRechercheMetiers div.divDroite div.bacNote h3.bacNote
{
	color:#638c2d;
}

div.divFicheMetier div.divDroite div.bacNote h4.bacNote,
div.divRechercheMetiers div.divDroite div.bacNote h4.bacNote
{
	font-size:16px;
	border:none;
	width:auto;
	color:#638c2d;
	margin-top:5px;
}

div.divFicheMetier div.divDroite div.bacNote ul li,
div.divRechercheMetiers div.divDroite div.bacNote ul li
{
	color:#4d4d4d;
	background:url(../../../../App_Themes/v4/Images/Metiers/BacNote_Puce.png) no-repeat left 5px;
	margin-bottom:5px;
}

div.divFicheMetier div.divDroite div.bacNote ul li a,
div.divRechercheMetiers div.divDroite div.bacNote ul li a
{
	color:#4d4d4d;
	font-family:Times New Roman;
	font-style:italic;
	font-size:15px;
}

div.divRechercheMetiers div.divDroite div.bacNote ul li h4
{
    margin-left:10px;
    margin-bottom:5px;
}
div.divRechercheMetiers div.divDroite div.bacNote ul li ul 
{
    margin-left:20px;
}
    
div.divFicheMetier div.divTitre
{
	width:100%;
	margin-bottom:20px;
}

div.divFicheMetier div.divTitre p.pSousTitre
{
	font-size:18px;
	color:#7fb716;
}

div.divFicheMetier div.divComplement
{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte
{
	width:220px;
	margin-bottom:10px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte p
{
	margin:0;
	padding:0;
	color:white;
	font-size:14px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divTop
{
	height:21px;
	background:url(../../../../App_Themes/v4/Images/Metiers/SynonymeDecouverte_Top.png) no-repeat left top;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle
{
	min-height:15px;
	height:auto!important;
	height:15px;
	background:url(../../../../App_Themes/v4/Images/Metiers/SynonymeDecouverte_Middle.png) no-repeat left top;
	background-color:#638c2d;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle ul,
div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle ul li
{
	margin:0;
	padding:0;
	color:white;
	font-size:14px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle ul
{
	padding-top:5px;
	padding-bottom:15px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle ul li
{
	min-height:20px;
	height:auto!important;
	height:20px;
	margin-top:5px;
	padding-left:15px;
	padding-right:15px;
	background:url(../../../../App_Themes/v4/Images/Metiers/SynonymeDecouverte_Puce.png) no-repeat left 3px;
	text-align:left;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle ul li a
{
	color:white;
	font-size:14px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle div.divSynonyme
{
	padding-left:15px;
	padding-bottom:10px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Decouverte_Fond.png) no-repeat left bottom;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle div.divDecouverte
{
	padding-left:15px;
	padding-right:15px;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divMiddle div.divDecouverte ul
{
	padding-bottom:0;
}

div.divFicheMetier div.divComplement div.divSynonymeDecouverte div.divBottom
{
	height:19px;
	background:url(../../../../App_Themes/v4/Images/Metiers/SynonymeDecouverte_Bottom.png) no-repeat left top;
}

div.divFicheMetier div.divComplement div.divEmploi
{
}

div.divFicheMetier div.divComplement div.divEmploi div.divTop
{
	height:22px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Emploi_Top.png) no-repeat left top;
}

div.divFicheMetier div.divComplement div.divEmploi div.divMiddle
{
	min-height:22px;
	height:auto!important;
	height:22px;
	padding-left:15px;
	padding-right:15px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Emploi_Middle.png) repeat-y left top;
}

div.divFicheMetier div.divComplement div.divEmploi div.divMiddle ul,
div.divFicheMetier div.divComplement div.divEmploi div.divMiddle ul li
{
	margin:0;
	padding:0;
}

div.divFicheMetier div.divComplement div.divEmploi div.divMiddle ul
{
	padding-top:5px;
}

div.divFicheMetier div.divComplement div.divEmploi div.divMiddle ul li
{
	min-height:20px;
	height:auto!important;
	height:20px;
	margin-top:5px;
	padding-left:15px;
	color:#638c2d;
	font-size:14px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Emploi_Puce.png) no-repeat left 3px;
}

div.divFicheMetier div.divComplement div.divEmploi div.divMiddle ul li a
{
	color:#638c2d;
	font-size:14px;
}

div.divFicheMetier div.divComplement div.divEmploi div.divBottom
{
	height:22px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Emploi_Bottom.png) no-repeat left top;
}

div.divFicheMetier div.divFicherMetierContenu div.divImage
{
	float:left;
	/*width:188px;*/
	margin-right:15px;
	margin-bottom:15px;
}

div.divFicheMetier div.divFicherMetierContenu div.divImage div.divTop
{
	height:4px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Image_Top.png) no-repeat left top;
}

div.divFicheMetier div.divFicherMetierContenu div.divImage div.divMiddle
{
	padding-left:4px;
	padding-right:4px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Image_Middle.png) repeat-y left top;
	text-align:center;	
	color:#4d4d4d;
	width: 180px;
}

div.divFicheMetier div.divFicherMetierContenu  div.divImage div.divMiddle img
{
	width:auto!important;
	height:auto!important;
	padding-bottom:8px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Image_Bordure.png) no-repeat left bottom;
	float:left;
}

div.divFicheMetier div.divFicherMetierContenu div.divImage div.divMiddle p
{
	margin:0;
	padding:0;
	text-align:center;
	color:#4d4d4d;
	font-style:italic;
	font-size:13px;
}

div.divFicheMetier div.divFicherMetierContenu div.divImage div.divBottom
{
	height:10px;
	background:url(../../../../App_Themes/v4/Images/Metiers/Image_Bottom.png) no-repeat left top;
}

div.divFicheMetier div.divFicherMetierContenu div.titreFormation3eme 
{
	/*font-weight: bold;*/
	font-size:18px; /*1.1em;*/
	color: #7fb716;
	padding-bottom:4px;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:1px solid #e5f1d0;
}

div.divFicheMetier div.divFicherMetierContenu div.titreFormationBac
{
	/*font-weight: bold;*/
	font-size:18px; /*1.1em;*/
	color: #7fb716;
	padding-bottom:4px;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:1px solid #e5f1d0;
} 


div.divFicheMetier div.divGauche div.divRegroupementFormation ul li, 
div.divFicheMetier div.divGauche div.divMetiersSecteurs ul li, 
div.divFicheMetier div.divGauche #divLiens ul li 
{
	background: url(../../../../App_Themes/v4/Images/Metiers/BacNote_Puce.png) no-repeat left 6px;
}

div.divFicheMetier div.divGauche #divLiens a.lienUtile 
{
	text-decoration: underline;
	color: gray;
	font-weight: bold;
	display: block;
}

div.divFicheMetier div.divGauche #divLiens .description 
{
	display: block;
}

div.divFicheMetier div.divGauche #divLiens img
{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}