/*
	Feuille de style FOREM Global
	Cette feuille de style contient les styles qui sont reutilises 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;
	margin: 0;
	padding: 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{
	/*position : absolute;*/
	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;
	left:15px;
}

#HorsEcran {
	 display: none;
}

#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; */
	background-color:transparent;
	border:none;
	left:34em;
	margin:0;
	padding:0;
  	position:absolute;
  	/* top:0.5em; */
	top:1.7em;
	width:275px;
}
#recherche form{
	margin:0;
	padding:0px;
	/* border:1px solid #c9dde2; */
	border:none;
}

#recherche #groupeRecherche{
	background-color:#FFFFFF;
	border:1px solid #c8dcdd;
	padding:0;
	}

#recherche #keyword{
	/* width:12em; */
	/* border:1px solid #c9dde2; */
	/* margin-right:1px; */
	border:1px solid #fff;
	height:auto;
	padding:0;
	margin:0;
	/* width:293px; */
	width:180px;
	}	
	
#recherche #boutonRecherche{
	width:7em;
}

#recherche .rightAlign{
	text-align:right;	
	}

/* Bloc Espace Perso */
#espacePerso{
	background-image:url(../images/fonds/bloc_perso_ar.png);
	background-repeat:repeat-x;
	background-color:#368b9f;
	width:17.7em;
	height: 143px;
	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 li{
	background-image/**/:/**/url(../images/puces/puce_partenaires.gif);
	background-repeat: no-repeat;
 	background-position: left center;
 	list-style-type: none;
 	padding-left: 12px;
}
#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;
}
#homepage .blocPosition1{
	border:1px solid #dfe8ea;
	height: 10.8em;
	text-align:center;
	margin-top: 0px;
	padding: 2px;
	clear:both;
	background-color:#FFFFFF;
}
#homepage .blocPosition1 p {
 	margin:2px 0px 0px 0px;
}
.blocBanniere .banniereTexte{
	background-color:#eff3f4;
	font-size:1em;
	text-align:left;
	padding:5px 2px 2px 5px;
	margin:3px;
}
.blocBanniere .banniereTexte strong{
	font-size:1.2em;
	display:block;
}
.blocBanniere .banniereTexte p{
	text-align:left;
	zoom: 1;
	float: left;
}
.blocBanniere .banniereTexte img{
	float : right;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#homepage .blocConseil{
	border:1px solid #dfe8ea;
	width:34.7em;
	margin-top:4px;
	clear:both;
	background-color:#FFFFFF;
}
.blocConseil h4{
	font-size:1.5em;
	border-bottom:1px solid #d7e6eb;
	padding-bottom:2px;
	margin-bottom:6px;
}
.blocConseil 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;
}
.blocConseil p{
	padding:0 10px 10px 10px;
	line-height:1.2em;
}
.blocConseil a.lienBloc{
	padding:0 10px 2px 10px;
}
.blocConseil ul{
	padding:0 0 0 15px;
	list-style-image:url(../images/puces/grande_puce_bleue.gif);
	line-height:1.6em;
}
#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 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 ------------------------------ */
table {
	border:1px solid #b7d5dd;
	border-collapse: collapse;
}
td,th{
	border:1px solid #b7d5dd;
	padding:5px;
	*font-size:0.9em;
	text-align: left;
}
table th{
	background-color:#e8f0f3;
}
table caption{
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	padding-bottom:2px;
}
table th{
	font-weight:bold;
	text-align: center;
}
/* ------------------------------ BAS STANDARD ------------------------------ */
/* Bloc du bas */
#blocBas{
	height:100px;
	padding:8px 2em;
	display:block;
	overflow:visible;
	vertical-align:middle;
}
.legal{
	height:100px;
	width: 540px;
	padding:25px 0 0 0px;
	text-align:right;
	color:#82b4c2;
	vertical-align:middle;
}
.trait{
	border-bottom:1px solid #bbd7df;
	margin:0.7em 0;
}