
#bloc_gauche {
 width: 207px; 
 min-height: 125px;
 float: left;
 background: white;

}
#bloc_central {
  width: 733px;
   background: #f2f2f2;
   float: left;
}

#contenu {
  background: #F2F2F2 url(/images/interieur/bande_blanche_bloc_gauche.gif) left top repeat-y;
}

#titre_rubrique {
  display: block;
  margin-top: 22px;
  margin-left: 34px;
  text-indent: -10000px;
  overflow: hidden;
}

#titre_rubrique span#sous_titre_rubrique {
  display: block;
  text-indent: 0px;
  margin-left: 28px;
  color: #613860;
  font: normal 18px Helvetica, Arial, sans-serif;
}
#bloc_contenu_outer {
 width: 618px;
 margin: 22px 0 67px 32px; 
 background: url(/images/interieur/contenu_centre.gif) repeat-y;
}
#bloc_contenu_inner {
 background: url(/images/interieur/contenu_bordure_haut.gif) no-repeat;
 padding: 26px 45px 35px 32px;
}
#bordure_bas_contenu {
  clear: both;
  width: 100%;
  height: 15px;
 background: url(/images/interieur/contenu_bordure_bas.gif) no-repeat;
}
#outer #bottom_cadre {
    background: url(/images/interieur/bottom_cadre.gif) bottom left no-repeat;
}

#menu_gauche li {
   list-style: none;  
   display: block;
}
#menu_gauche li a {
   display: block;
   width: 158px;
   height: 22px;
   text-indent: -3000px;
   overflow: hidden;
}

ul#menu_gauche li#m_mieux_nous_connaitre ul li, ul#menu_gauche li#m_espace_entreprises ul li {
 padding-bottom: 14px;
}

ul#menu_gauche li ul li a, #menu_gauche li ul li a:link, #menu_gauche li ul li a:visited {
   display: block;
   width: 158px;
   height: 18px;
   text-indent: -3000px;
   overflow: hidden;
}

ul#menu_gauche #m_accueil a {
  background: url(/images/interieur/menu/accueil.gif) no-repeat;
  height: 22px;
  display: block;
}

ul#menu_gauche #m_accueil a:hover {
  background-position: 0 -22px;
}

ul#menu_gauche #menu_rub_1, ul#menu_gauche #menu_rub_2, ul#menu_gauche #menu_rub_3 {
  margin-top: 12px;
}

ul#menu_gauche #m_mieux_nous_connaitre {
  margin-bottom: 16px; 
}

ul#menu_gauche #m_mieux_nous_connaitre a#menu_rub_1 {
  background: url(/images/interieur/menu/mieux_nous_connaitre.gif) no-repeat;
  height: 24px;
  display: block;
}

ul#menu_gauche #m_mieux_nous_connaitre a#menu_rub_1:hover, ul#menu_gauche #m_mieux_nous_connaitre a#menu_rub_1.menu_actif {
  background-position: 0 -24px;
}
/** SOUS-MENU **/
ul#menu_gauche #m_mieux_nous_connaitre #sm_notre_metier a {
    background: url(/images/interieur/menu/notre_metier.gif) 0 0 no-repeat;
    margin-top: 12px;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_atouts a {
    background: url(/images/interieur/menu/nos_atouts.gif) 0 0 no-repeat;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_references a {
    background: url(/images/interieur/menu/nos_references.gif) 0 0 no-repeat;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_engagements a {
  background: url(/images/interieur/menu/nos_engagements.gif) 0 0 no-repeat;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_notre_revue_de_presse a {
  background: url(/images/interieur/menu/notre_revue_de_presse.gif) 0 0 no-repeat;
}

/** SOUS-MENU HOVER **/
ul#menu_gauche #m_mieux_nous_connaitre #sm_notre_metier a:hover, #menu_gauche #m_mieux_nous_connaitre #sm_notre_metier a.menu_actif  {
  background-position: 0 -18px;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_atouts a:hover, #menu_gauche #m_mieux_nous_connaitre #sm_nos_atouts a.menu_actif {
  background-position: 0 -18px;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_references a:hover, #menu_gauche #m_mieux_nous_connaitre #sm_nos_references a.menu_actif {
  background-position: 0 -18px;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_nos_engagements a:hover, #menu_gauche #m_mieux_nous_connaitre #sm_nos_engagements a.menu_actif {
  background-position: 0 -18px;
}
ul#menu_gauche #m_mieux_nous_connaitre #sm_notre_revue_de_presse a:hover, #menu_gauche #m_mieux_nous_connaitre #sm_notre_revue_de_presse a.menu_actif {
  background-position: 0 -18px;
}

ul#menu_gauche #m_espace_entreprises a#menu_rub_2 {
  background: url(/images/interieur/menu/espace_entreprise.gif) no-repeat;
  display: block;
  height: 22px;
}

ul#menu_gauche #m_espace_entreprises a#menu_rub_2:hover, #menu_gauche #m_espace_entreprises a#menu_rub_2.menu_actif {
  background-position: 0 -22px;
}

ul#menu_gauche #m_espace_entreprises #sm_recrutement a {
  background: url(/images/interieur/menu/recrutement_cadres.gif) no-repeat;
  height: 41px;
  margin-top: 17px;
}
ul#menu_gauche #m_espace_entreprises #sm_optimisation a {
  background: url(/images/interieur/menu/optimisation_rh.gif) no-repeat;
  height: 66px;
}

ul#menu_gauche #m_espace_entreprises #sm_recrutement a:hover, #menu_gauche #m_espace_entreprises #sm_recrutement a.menu_actif {
 background-position: 0 -41px; 
}

ul#menu_gauche #m_espace_entreprises #sm_optimisation a:hover, #menu_gauche #m_espace_entreprises #sm_optimisation a.menu_actif {
 background-position: 0 -66px; 
}

ul#menu_gauche #m_espace_candidat a#menu_rub_3 {
  background: url(/images/interieur/menu/espace_candidat.gif) no-repeat;
  display: block;
  height: 22px;
}

ul#menu_gauche #m_espace_candidat a#menu_rub_3:hover, #menu_gauche #m_espace_candidat a#menu_rub_3.menu_actif {
  background-position: 0 -22px;
}

ul#menu_gauche #m_espace_candidat #sm_nos_offres_en_cours a {
  background: url(/images/interieur/menu/nos_offres_en_cours.gif) 0 0 no-repeat;
  height: 18px;
  margin-top: 17px;
}
ul#menu_gauche #m_espace_candidat #sm_nos_offres_permanentes a {
  background: url(/images/interieur/menu/nos_offres_permanentes.gif) 0 0 no-repeat;
  height: 18px;
    margin-top: 17px;
}

ul#menu_gauche #m_espace_candidat #sm_nos_offres_en_cours a:hover, #menu_gauche #m_espace_candidat #sm_nos_offres_en_cours a.menu_actif {
  background-position: 0 -18px;
}

ul#menu_gauche #m_espace_candidat #sm_nos_offres_permanentes a:hover, #menu_gauche #m_espace_candidat #sm_nos_offres_permanentes a.menu_actif {
  background-position: 0 -18px;
}

#contactez_nous {
 margin-top: 12px;
}

#contactez_nous a {
   display: block;
   width: 168px;
   height: 40px;
   text-indent: -3000px;
   overflow: hidden;
   background: url(/images/interieur/contactez_nous.gif) 0 0 no-repeat;
}

#deposer_votre_cv a {
   display: block;
   width: 168px;
   height: 27px;
   text-indent: -3000px;
   overflow: hidden;
   background: url(/images/interieur/deposer_votre_cv.gif) 0 0 no-repeat;
}

h2 {
  font: bold 13px Arial, Verdana, sans-serif;
  margin: 17px 0;
  color: #4c2b54;
}

h2.top { /* H2 situé en haut de cadre */
  margin: 0 0 17px 0;
}

#bloc_contenu_inner a {
  color: #f78926;
  font-weight: bold;
  text-decoration: underline;
}

#bloc_contenu_inner ul {
  margin-bottom: 19px;
  list-style-type: none;
  font-size: 13px;
}

#bloc_contenu_inner ul li {
 background: url(/images/interieur/fleche_ul.gif) 0 5px no-repeat;
 padding: 0 0 0 11px;
 margin: 5px 0;
}

span#lien_retour a {
  float: right;
  color: #688699;
  background: url(/images/interieur/fleche_retour.gif) 0 5px no-repeat;
  padding-left: 8px;
}

div#logos {
  /*background: url(/images/interieur/logos_bloc_gauche.gif) 0 0 no-repeat;*/
  margin-top: 30%;
  margin-left: 10px;
  height: 36px;
  padding-bottom: 26px;
}

p#postuler {
  background: url(/images/interieur/enveloppe.gif) 0 3px no-repeat;
  margin-left: 200px;
  margin-top: 29px;
  padding-left: 22px;
  color: #d19a18;
}

p#postuler span {
  font-size: 15px;
}

p#postuler a {
  color: #243a4c;
}

div#contenu_pop {
  padding: 10px;
}

div#contenu_pop.popup_logos {
  background: white;
}

