/*  
  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:24px;
  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 {
    position:absolute;
    top : -5000em;
}
#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 #keyword{
  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;
  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;
}
table td,th{
  border:1px solid #b7d5dd;
  padding:5px;
  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:strong;
}
/* ------------------------------ 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;
}