/*  css qui est visible dans l editeur */

body {

	
	margin: 5px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;

	font-size: 12px;
	color: #333333;

}

#page li {
	list-style	: square;
	margin		: 6px 0px 6px 30px;
	padding		: 0px;
}
li {
	list-style	: square;
	margin		: 6px 0px 6px 30px;
	padding		: 0px;
}

p {
	margin : 0px;
	padding : 0px;
}
td {
	font-family: Arial, Helvetica, Sans Serif;
	text-align: left;
	font-size: 12px;
}
table .contentpaneopen td {
	text-align: justify;
}

a:link, a:visited {
	color: #339966; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #339966;	text-decoration: underline;
	font-weight: bold;
}



p, form {
	margin : 0px;
	padding : 0px;
}
.clr {
	clear: both;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}



.pictoPdf {
	background-image : url(/images/charte/picto_pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding : 3px 10px 10px 20px;	
	margin : 0px 0px 0px 10px;
	display : block;
	font-weight:bold;
}


.pictoFleche {
	background-image : url(/images/charte/picto_fleche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding : 0px 0px 3px 12px;

}

.pictoFlecheFichesMetier {
	background: url(/images/charte/right_metier_puce.gif) no-repeat left top;
	padding : 2px 0px 2px 15px;
}	

.pictoFlecheFichesFormation {
	background: url(/images/charte/right_formation_puce.gif) no-repeat left top;
	padding : 2px 0px 2px 15px;
}

.pictoFlecheFichesEmploi{
	background: url(/images/charte/right_emploi_puce.gif) no-repeat left top;
	padding : 2px 0px 2px 15px;
}

.pictoFlecheViolet{
	background: url(/images/charte/right_violet_puce.gif) no-repeat left top;
	padding : 2px 0px 2px 15px;
}

.pictoFlecheMagenta{
	background: url(/images/charte/right_magenta_puce.gif) no-repeat left top;
	padding : 2px 0px 2px 15px;
}
	
.texte_normal{
	font-size: 11px;
	color: #333333;
	font-weight:normal;
}



h1 {
	color: #385cab;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	margin : 10px 0px 10px 0px;
	padding : 5px 0px 7px 30px;
	background: url(/images/charte/picto_fleche_rub.gif) no-repeat left top;
	line-height:1.2em;
	text-align:left;
}

.h1_sansPicto {
	color: #385cab;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	line-height:1.2em;
	text-align:left;
}

H2 {
	color: #678593;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	margin : 0px;
	margin : 10px 0px 10px 50px;
	padding : 0px 0px 2px 18px;
	background: url(/images/charte/puce_carre.gif) no-repeat left top;
	line-height:1.2em;
	text-align: left;
}

h2 a:link, h2 a:visited, h2 a:hover  {
	color: #678593;	
}
H3{
	color: #678593;
	font-weight: bold;
	font-size: 17px;
	margin : 0px;
	padding : 0px;
	line-height:1.2em;
	text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
H4{
	color: #678593;
	font-weight: bold;
	font-size: 15px;
	line-height:1.2em;
	margin : 0px;
	padding : 0px;
	text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
h4 a:link, h4 a:visited, #right h4 a:link, #right h4 a:visited, #right h4 a:hover  {
	font-size: 15px;
	line-height:1.2em;
	margin : 0px;
	padding : 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
H5{
	color: #678593;
	font-weight: bold;
	font-size: 13px;
	margin : 0px;
	padding : 0px;
	line-height:1.2em;
	text-align: left;
}
H6{
	color: #678593;
	font-weight: bold;
	font-size: 12px;
	margin : 0px;
	padding : 0px;
	line-height:1.2em;
	text-align: left;
}


.texteBleuMetier_1, a.texteBleuMetier_1:link, a.texteBleuMetier_1:link {
	color: #48A5DF;
	
}
.texteBleuMetier_2, a.texteBleuMetier_2:link, a.texteBleuMetier_2:visited {
	color: #375ca0;
	
}

.texte_Bleu_nonGras, a.texte_Bleu_nonGras:link, a.texte_Bleu_nonGras:visited {
	font-size: 11px;
	color: #678593;
	font-weight:normal;
}


.texteVioletFormation_1, a.texteVioletFormation_1:link, a.texteVioletFormation_1:visited {
	color:#823070;
	
}
.texteVioletFormation_2, a.texteVioletFormation_2:link, a.texteVioletFormation_2:visited {
	color: #A670BB;
	
}
	

.texteVertEmploi_1, a.texteVertEmploi_1:link, a.texteVertEmploi_1:visited {
	color: #00A08A;
	
}

.texteVertEmploi_2, a.texteVertEmploi_2:link, a.texteVertEmploi_2:visited {
	color: #90CF78;
	
}
.texteViolet, a.texteViolet:link, a.texteViolet:visited {
	color: #660099;
}


.texteVioletClair, a.texteVioletClair:link, a.texteVioletClair:visited {
	color: #8f45b5;
}

.texteMagenta, a.texteMagenta:link, a.texteMagenta:visited {
	color: #83004d;
}


.bgBleu {
	background-color:#375D9E;
	color:#ffffff;
}


.lienCouleur1, a.lienCouleur1:link, a.lienCouleur1:visited, a.lienCouleur1:hover {
	color: #009966;
	font-weight:bold;
	font-size: 11px;
}

.sousTitreFormation{
background: url(/images/charte/fleche_st_formation.gif) no-repeat left top;
color:#823070;
font-size:15px;
margin : 10px 0px;
padding : 0px 0px 0px 28px;
font-weight:bold;
line-height:1.2em;
}
.sousTitreFormation2{
	color:#823070;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	margin : 0px;
	margin : 10px 0px 10px 0px;
	padding : 0px 0px 2px 18px;
	background: url(/images/charte/puce_carre_formation.gif) no-repeat left top;
	line-height:1.2em;
}

.sousTitreEmploi{
background: url(/images/charte/fleche_st_emploi.gif) no-repeat left top;
color:#2EA08A;
font-size:15px;
margin : 10px 0px;
padding : 0px 0px 0px 28px;
font-weight:bold;
line-height:1.2em;
}
.sousTitreEmploi2{
	color:#2EA08A;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	margin : 0px;
	margin : 10px 0px 10px 0px;
	padding : 0px 0px 2px 18px;
	background: url(/images/charte/puce_carre_emploi.gif) no-repeat left top;
	line-height:1.2em;
}

.sousTitreMetier{
background: url(/images/charte/fleche_st_metier.gif) no-repeat left top;
color:#1c90d5;
font-size:15px;
margin : 10px 0px;
padding : 0px 0px 0px 28px;
font-weight:bold;
line-height:1.2em;
}

.sousTitreMetier2{
	color:#1c90d5;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	margin : 0px;
	margin : 10px 0px 10px 0px;
	padding : 0px 0px 2px 18px;
	background: url(/images/charte/puce_carre_metier.gif) no-repeat left top;
	line-height:1.2em;
}

.sousTitreGris{
background: url(/images/charte/fleche_st_gris.gif) no-repeat left top;
color: #678593;
font-size:15px;
margin : 10px 0px;
padding : 0px 0px 0px 28px;
font-weight:bold;
line-height:1.2em;
}
.sousTitreGris2{
	color: #678593;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	margin : 0px;
	margin : 10px 0px 10px 0px;
	padding : 0px 0px 2px 18px;
	background: url(/images/charte/puce_carre.gif) no-repeat left top;
	line-height:1.2em;
}



.paveDroiteEmploi_fond_haut{
	background: url(/images/charte/right_emploi_top.gif) no-repeat left top;
	height:37px;
}

.paveDroiteEmploi_fond_haut_carre{
	background: url(/images/charte/right_emploi_top_carre.gif) no-repeat left top;
	height:30px;
}
.paveDroiteEmploi_fond_milieu {
	background: url(/images/charte/right_emploi_middle.gif) repeat-y left top;

}
.paveDroiteEmploi_fond_bas {
	background: url(/images/charte/right_emploi_bottom.gif) no-repeat left top;
	height:4px;	
}



.paveDroiteMetier_fond_haut{
	background: url(/images/charte/right_metier_top.gif) no-repeat left top;
	height:37px;
}

.paveDroiteMetier_fond_haut_carre{
	background: url(/images/charte/right_metier_top_carre.gif) no-repeat left top;
	height:30px;
}
.paveDroiteMetier_fond_milieu {
	background: url(/images/charte/right_metier_middle.gif) repeat-y left top;

}
.paveDroiteMetier_fond_bas {
	background: url(/images/charte/right_metier_bottom.gif) no-repeat left top;
	height:4px;	
}





#paveDroite table {
margin : 0px 20px 15px 25px;
}


.lien_emploi_grand, #right .lien_emploi_grand, #right a.lien_emploi_grand:link,  #right a.lien_emploi_grand:visited {
	color: #00A08A;
	font-weight :bold;
	font-size:14px;
	line-height:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.lien_metier_grand, #right .lien_metier_grand, #right a.lien_metier_grand:link,  #right a.lien_metier_grand:visited {
	color: #48A5DF; 
	font-weight :bold;
	font-size:14px;
	line-height:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.lien_metier_grand:hover, .lien_emploi_grand:hover, .lien_emploi_ANPE:hover, .lien_emploi_ANPE_bleu:hover  {
	text-decoration : underline;
}


 .lien_emploi_ANPE, #right .lien_emploi_ANPE, #right a.lien_emploi_ANPE:link,  #right a.lien_emploi_ANPE:visited {
	color: #008875; 
	font-weight :bold;
	font-size:14px;
	line-height:14px;
	background: url(/images/charte/logo_pole_emploi.gif) no-repeat left top;
	padding : 5px 0px 5px 32px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

 .lien_emploi_ANPE_bleu, #right .lien_emploi_ANPE_bleu, #right a.lien_emploi_ANPE_bleu:link,  #right a.lien_emploi_ANPE_bleu:visited {
	color: #48A5DF;
	font-weight :bold;
	font-size:14px;
	line-height:14px;
	background: url(/images/charte/logo_pole_emploi.gif) no-repeat left top;
	padding : 5px 0px 5px 32px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


.sources{
color: #666666;
font-size:10px;
font-weight: bold;
font-style:italic;
font-family: Book Antiqua, Sans Serif;
}

.sources a /* Tous les liens contenus dans sources */
{
   color: #666666; text-decoration: none;
}

.sources a:hover
{
   color: #666666; text-decoration: underline;
}
.sous_titre_liens_metier {
color: #666666;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
font-family: verdana;
line-height: 15px;
font-style:italic;
background: url(/images/charte/right_metier_puce.gif) no-repeat left top;
padding : 2px 0px 2px 15px;
line-height: 1.2em;
}