/*	
	Feuille de style FOREM Global
	Cette feuille de style contient les styles qui sont réutilisés sur plusieurs pages
*/
/* ------------------------------ Balises HTML STANDARDS ------------------------------ */
body, html{
	height:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-image:url(../images/fonds/site_ar.png);
	background-repeat:repeat-x;
	background-color:#edf5f8;
	color:#136d86;
	text-align:center;
}
.taille1{
	font-size:0.63em;
}
.taille2{
	font-size:0.9em;
}
.taille3{
	font-size:1.2em;
}
p, h1, h2, h3, h4, h5, ul, li, form, td, th{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	line-height:normal;
}
input, select, textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/* Bug opera : le fond des champs "select" est transparent */
	background-color:#FFFFFF;
	height:1.2em;
	margin:1px;
	padding-left:2px;
	font-size:1em;
}
img{
	border:0;
}
a{
	color:#136d86;
}
a:hover{
	text-decoration:none;
}
a:visited{
	color:#003366;
}
/* ------------------------------ Styles inline STANDARDS ------------------------------ */
.alignementGauche{
	float:left;
}
.alignementDroite{
	float:right;
}
.lienblanc a, a.lienblanc{
	color:#FFFFFF;
}
.lienblanc a:visited, a:visited.lienblanc{
	color:#d7d7d7;
}
.boutonForm {
	background-image:url(../images/boutons/rechercher_btn.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-right:10px;
	border:1px solid #FFFFFF;
	height:1.9em;
	color:#136d86;
	cursor:pointer;
}
.block{
	display:block;
	clear:both;
}
.blockFin{
	display:block;
	clear:both;
	height:3px;
}
.radioLabel{
	margin:0;
	padding:2px 6px 0 4px;
	float:left;
}
.champLabel{
	display:block;
	width:7em;
	float:left;
	padding-top:2px;
}
/* ------------------------------ STYLES BLOCKS STANDARDS ------------------------------ */
/* bloc principal : 82em centré */
.blocPrincipal{
	width:82em;
	text-align:left;
	margin:0 auto;
	padding-bottom:5em;
	font-size:1.2em;
}
#contenu{
	width:77.7em;
	background-image:url(../images/fonds/bloc_contenu_ar.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border:4px solid #FFFFFF;
	position:relative;
	margin-left:0.3em;
	top:4.9em;
}
#logo img{
	position:absolute;
	top:-32px;
}
/* "Bienvenue sur le site du Forem" */
#intro{
	position:absolute;
	width:25em;
	left:130px;
	top:20px;
}
#intro h1{
	font-size:1.6em;
	line-height:0.8em;
}
#intro h1.soustitre{
	font-size:0.9em;
	line-height:normal;
}
/* Liens "plan du site", "contacts", "liens utiles"... */
#infos{
	text-align:right;
	width:28em;
	float:right;
	color:#FFFFFF;
	position:absolute;
	top:-2em;
	right:22em;
}
/* Bloc Recherche */
#recherche{
	border:1px solid #f0f7f9;
	background-color:#f1f8f9;
	position:absolute;
	top:0.5em;
	left:34em;
	width:22em;
}
#recherche form{
	margin:0;
	padding:4px;
	border:1px solid #c9dde2;
}
#recherche #champRecherche{
	width:12em;
	border:1px solid #c9dde2;
	margin-right:1px;
}
#recherche #boutonRecherche{
	width:7em;
}
/* Bloc Espace Perso */
#espacePerso{
	background-image:url(../images/fonds/bloc_perso_ar.png);
	background-repeat:repeat-x;
	background-color:#368b9f;
	width:17.7em;
	color:#ccf5ff;
	border:3px solid #136d86;
	right:2em;
	z-index:99;
	padding-bottom:5px;
	position:absolute;
	top:-5.2em;
}
#espacePerso form{
	padding:0px 5px;
	margin:0;
}
#espacePerso a:hover{
	color:#FFFFFF;
}
#espacePerso a{
	color:#ccf5ff;
}
#espacePerso h3{
	font-size:1.3em;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:1px solid #3c8b9f;
	margin-bottom:5px;
}
input.radio{
	margin-top:2px;
	float:left;
	padding:0;
	background:none;
}
#espacePerso input.champ{
	width:9em;
	border:1px solid #0c6077;
}
#boutonLogin{
	margin:6px;
	width:5em;
}
/* Blocs commun (textes, bannières...) */
.blocCommun{
	width:34.8em;
	background-color:#FFFFFF;
	color:#136d86;
	margin-top:4px;
	border:1px solid #bbd7df;
	padding:0.95em;
}
.blocCommun h4{
	font-size:1.5em;
	border-bottom:1px solid #d7e6eb;
	padding-bottom:2px;
	margin-bottom:6px;
}
.blocCommun h5{
	font-size:1.3em;
	background-image:url(../images/puces/grande_puce_bleue.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	padding:0 0 5px 10px;
}
.blocCommun p{
	padding:0 10px 10px 10px;
	line-height:1.2em;
}
.blocCommun a.lienBloc{
	padding:0 10px 2px 10px;
}
.blocCommun ul{
	padding:0 0 0 15px;
	list-style-image:url(../images/puces/grande_puce_bleue.gif);
	line-height:1.6em;
}
#homepage .blocBanniere{
	border:1px solid #dfe8ea;
	width:36.7em;
	text-align:center;
	margin-top:4px;
	clear:both;
	background-color:#FFFFFF;
}
.blocBanniere .banniereTexte{
	background-color:#eff3f4;
	font-size:1em;
	text-align:left;
	padding:5px 5px 5px 10px;
	margin:3px;
}
.blocBanniere .banniereTexte strong{
	font-size:1.2em;
	display:block;
}
.blocBanniere .banniereTexte p{
	text-align:left;
}
.blocBanniere .banniereTexte img{
	float:right;
}
#blocZoom{
	width:38px;
	height:91px;
	background-image:url(../images/fonds/zoom_ar.png);
	background-repeat:no-repeat;
	position:absolute;
	top:10em;
	left:78em;
	padding-top:20px;
}
/* Bloc Centre */
#blocCentre{
	border:2px solid #eeeeee;
	background-color:#FFFFFF;
	padding:0.3em;
	width:74.1em;
	margin-left:15px;
}
#blocCentre #degrade{
	background-image:url(../images/fonds/bloc_centre_ar.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}
/* Blocs bleus et oranges */
#blocOrange .texte, #blocBleu .texte{
	background-repeat:repeat-x;
	padding:0.8em;
}
#blocOrange .texte{
	background-image:url(../images/fonds/bloc_orange_ar.png);
	background-color:#e79b2e;
}
#blocBleu .texte{
	background-image:url(../images/fonds/bloc_bleu_ar.png);
	background-color:#1d8cb7;
}
#blocBleu .texte a, #blocOrange .texte a{
	display:block;
	background-image:url(../images/puces/puce_blanche.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	line-height:1.1em;
}
#blocBleu .texte a.souligne, #blocOrange .texte a.souligne{
	border-bottom:1px solid #65b9d9;
	margin-bottom:5px;
	padding-bottom:5px;
}
/* Bloc foremConseil */
#foremConseil ul{
	padding:0 10px 0 15px;
	list-style-image:url(../images/puces/puce_bleue.gif);
}
/* Bloc Recherche Emploi - mise en forme*/
#rechercheEmploi{
	background-color:#93bb1d;
	color:#FFFFFF;
	padding:10px 1em;
	border:1px solid #c8e27c;
}
#rechercheEmploi h4{
	font-size:1.4em;
}
#rechercheEmploi h5{
	font-size:1.1em;
	border-bottom:1px solid #a1c439;
	padding-bottom:3px;
	margin-bottom:5px;
}
#rechercheEmploi .champLabel{
	width:4.8em;
	float:none;
}
#rechercheEmploi select.champ, #rechercheEmploi input.champ{
	color:#585858;
	border:1px solid #a5acb2;
	width:15em;
	height:1.3em;
	/*float:left;*/
}
#rechercheEmploi select.champ{
	width:15.3em;
	height:1.8em;
}
#rechercheEmploi a{
	color:#FFFFFF;
}
/* ------------------------------ DONNEES TABULAIRES ------------------------------ */
.tableau table {
	border:1px solid #b7d5dd;
	border-collapse: collapse;
}
.tableau table td, .tableau table th{
	border:1px solid #b7d5dd;
	padding:5px;
	text-align:left;
}
.tableau table caption{
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	padding-bottom:2px;
}
.tableau table th{
	font-weight:strong;
}
.tableau .trColor {
	background-color:#e8f0f3;
}
/* ------------------------------ BAS STANDARD ------------------------------ */
/* Bloc du bas */
#blocBas{
	height:45px;
	padding:0 2em;
	display:block;
	overflow:visible;
}
.legal{
	padding:3px 0 0 100px;
	text-align:right;
	color:#82b4c2;
}
.trait{
	border-bottom:1px solid #bbd7df;
	margin:0.7em 0;
}