body {
  background-color: #5F5F5F;
  font-family: tahoma;
  font-size: 14px;
  color: #404040;
  margin: 0;
  padding: 0;
  line-height: 160%;
}

body#bodyTerme,
body#bodyPop{
  background-color: #EBEBEB;
}

a:hover,
a:active,
a:visited,
a:link{
  color: #404040;
}

a:hover{
  text-decoration: none;
}

a.inscription{
  color: #FFFFFF;
  text-decoration: none;
}

a.inscription:hover{
  text-decoration: underline;
}

div#preloadImage {
  width: 1px;
  height: 1px;
  display: none;
  position:absolute;
  overflow:hidden;
}

div#preloadImage img{
  width: 1px;
  height: 1px;
  position:absolute;
  overflow:hidden;
}

div#body {
  width: 996px;
  margin: auto;
}

div#bodyPop{
  width: 100%;
  margin: auto;
}

body#bodyTerme div#body{
  width: 620px;
}

div#top {
  width: 966px;
  height: 344px;
  background-image: url('images/top.jpg');
  text-align:right;
  color: #fff;
  padding-right: 30px;
}

div#top a,
div#top a:active,
div#top a:hover,
div#top a:visited{
  color: #fff;
}

ul#leftmenu {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ul#leftmenu a{
  display:block;  
}

ul#leftmenu li {          
  width: 301px;
  height: 29px;
}

ul#leftmenu li#lmenu_top {
  width: 301px;
  height: 42px;
  background-image: url('images/top_lmenu.jpg');
}

ul#leftmenu li#lmenu_accueil {
  background: url('images/onglets/lmenu_accueil.jpg') top left no-repeat;
}

ul#leftmenu li#lmenu_accueil:hover {
  background: url('images/onglets/lmenu_accueil_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_qui {
  background: url('images/onglets/lmenu_qui.jpg') top left no-repeat;
}

ul#leftmenu li#lmenu_qui:hover {
  background: url('images/onglets/lmenu_qui_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_information {
  background: url('images/onglets/lmenu_information.jpg') top left no-repeat;
}

ul#leftmenu li#lmenu_information:hover {
  background: url('images/onglets/lmenu_information_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_loi {
  background: url('images/onglets/lmenu_loi.jpg') top left no-repeat;
}

ul#leftmenu li#lmenu_loi:hover {
  background: url('images/onglets/lmenu_loi_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_nousjoindre {
  background: url('images/onglets/lmenu_nousjoindre.jpg') top left no-repeat;
  }

ul#leftmenu li#lmenu_nousjoindre:hover {
  background: url('images/onglets/lmenu_nousjoindre_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_partenaire {
  background: url('images/onglets/lmenu_partenaire.jpg') top left no-repeat;
  }

ul#leftmenu li#lmenu_partenaire:hover {
  background: url('images/onglets/lmenu_partenaire_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_foire {
  background: url('images/onglets/lmenu_foire.jpg') top left no-repeat;
  }

ul#leftmenu li#lmenu_foire:hover {
  background: url('images/onglets/lmenu_foire_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_inscription {
  background: url('images/lmenu_2_inscription.jpg') top left no-repeat;
}

ul#leftmenu li#lmenu_inscription:hover {
  background: url('images/lmenu_2_inscription_hover.jpg') top left no-repeat;
  cursor: pointer;
}





ul#leftmenu li#lmenu_information_details {
  width: 301px;
  height: 100%;
  background: url('images/bgz.jpg') top left no-repeat;
  display: none; 
}

ul#lmenu_idetails {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

ul#lmenu_idetails li {
  margin: 0 0 0 30px;
  padding: 0px 43px 0 0;
  width:228px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0;
  padding-bottom: 0;
  height: 20px;
}

ul#leftmenu li#lmenu_formulaire {
  background: url('images/lmenu_4_formulaire.jpg') top left no-repeat;
  }

ul#leftmenu li#lmenu_formulaire:hover {
  background: url('images/lmenu_4_formulaire_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#lmenu_liens {
  background: url('images/lmenu_5_liens.jpg') top left no-repeat;
  }

ul#leftmenu li#lmenu_liens:hover {
  background: url('images/lmenu_5_liens_hover.jpg') top left no-repeat;
  cursor: pointer;
}


ul#leftmenu li#lmenu_bottom {
  width: 301px;
  height: 15px;
  background-image: url('images/bottom_lmenu.jpg');
}

ul#leftmenu li#button_horaire {
  width: 301px;
  height: 65px;
  background: url('images/onglets/button_horaire.jpg') top left no-repeat;
}

ul#leftmenu li#button_horaire:hover {
  width: 301px;
  height: 65px;
  background: url('images/onglets/button_horaire_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#leftmenu li#button_horaire_jeudis_en_ville {
  width: 301px;
  height: 65px;
  background: url('images/onglets/button_horaire_jeudis_en_ville.jpg') top left no-repeat;
}

ul#leftmenu li#button_horaire_jeudis_en_ville:hover {
  width: 301px;
  height: 65px;
  background: url('images/onglets/button_horaire_jeudis_en_ville_hover.jpg') top left no-repeat;
  cursor:pointer;
}
div#leftside {
  float: left;
  width: 301px;
  position: relative;
}

div#rightside {
  float: left;
  width: 695px;
  overflow: hidden;
}


div#content {
  width: 620px;
  min-height: 800px;
  background-image: url('images/content_repeat.jpg');
  padding:127px 55px 30px 25px;
  
}

body#bodyTerme div#content{
 padding: 10px 0;
 background: transparent;
}

div#content h1 {
  color: #ac7800;
}

ul#secondmenu {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  width: 696px;
}

ul#secondmenu li {
  float: left;
}

ul#secondmenu li#menu_offres {
  width: 166px;
  height: 124px;
  background: url('images/menu_1_offres.jpg') top left no-repeat;
}

ul#secondmenu li a {
  display: block;
  width: 166px;
  height: 124px;  
}

ul#secondmenu li#menu_offres:hover,
ul#secondmenu li.menu_offres_selected{
  width: 166px;
  height: 124px;
  background: url('images/menu_1_offres_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#secondmenu li#menu_demandes {
  width: 165px;
  height: 124px;
  background: url('images/menu_2_demandes.jpg') top left no-repeat;
}

ul#secondmenu li#menu_demandes:hover,
ul#secondmenu li.menu_demandes_selected{
  width: 165px;
  height: 124px;
  background: url('images/menu_2_demandes_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#secondmenu li#menu_recherche {
  width: 166px;
  height: 124px;
  background: url('images/menu_3_recherche.jpg') top left no-repeat;
}

ul#secondmenu li#menu_recherche:hover,
ul#secondmenu li.menu_recherche_selected{
  width: 166px;
  height: 124px;
  background: url('images/menu_3_recherche_hover.jpg') top left no-repeat;
  cursor: pointer;
}

ul#secondmenu li#menu_mondossier {
  width: 198px;
  height: 124px;
  background: url('images/menu_4_mondossier.jpg') top left no-repeat;
}

ul#secondmenu li#menu_mondossier:hover,
ul#secondmenu li.menu_mondossier_selected{
  width: 198px;
  height: 124px;
  background: url('images/menu_4_mondossier_hover.jpg') top left no-repeat;
  cursor: pointer;
}

div#bottomcontent {
  width: 695px;
  height: 69px;
  /*background: url('images/bottom_content.jpg') top left no-repeat;*/
}

div#bottom {
  width: 996px;
  height: 112px;
  background-image: url('images/bottom.jpg');
  clear: both;
}

div#center {
  clear: both;
  background-image: url('images/r.jpg');
  width: 996px;
  height: auto;
  float: left;
}

div#loginbox {
  width: 301px;
  height: 78px;
  background: url('images/loginbox.jpg') top left no-repeat;
}

img#logomrc {
  height:69px;
  margin-left:838px;
  /*margin-top:-13px;*/
  width:107px;
}

div#leftside a {
  width: 100%;
  height: 100%;
}

div#leftside a.leftCloseSession,
div#leftside a.leftCloseSession:active,
div#leftside a.leftCloseSession:hover,
div#leftside a.leftCloseSession:visited{
  font-size: 14px;
  width: 50%;
  display: inline-table;
  color: #fff;
  
}



.ressource{
  padding: 10px;
}

.ressource div{
  padding-bottom: 20px;
}

/* Formulaire commentaires */
form#formCommentaire input{
  font-size: 12px;
  background: #D4D0C8;
  width: 225px;  
  border: 1px solid #000000;
  padding:5px;
}

form#formCommentaire textarea{
  font-size: 12px;
  background: #D4D0C8;
  width: 400px;
  height: 100px;
  border: 1px solid #000000;
  padding:5px;
}

form#formCommentaire input.txt1{
  width: 400px;  
}

form#formCommentaire input.txt2{
  width: 100px;  
}

form#formCommentaire input[type=image]{
  border: 0;
  background: transparent;  
}

form#formCommentaire select{
  font-size: 12px;
  background: #D4D0C8;
  width: 55px;
  border: 1px solid #000000;
  padding:3px;
}

form#formCommentaire select#selectVille{
  width: 300px;
}

form#formCommentaire table tr.txtform td{
  padding: 10px 0 2px 0;
  
}

/* Formulaire inscription */
form#formInscription table tr.txtform td{
  padding: 10px 0 2px 0;
  
}

form#formInscription input,
form#formInscription select{
  border: 1px solid #000000;
  background: #D4D0C8;
  font-size: 12px;
  width: 166px;
  margin: 3px 0;
  padding:5px;
  
}

form#formInscription select.title,
form#formInscription input.numero{
  width:70px;
}

form#formInscription select.listeRegion{
  width: 210px;
}

form#formInscription select.ville{
  width: 250px;
}

form#formInscription input.occupation{
  width: 300px;
}

form#formInscription select.liste1{
  width: 125px;
}

form#formInscription input[type=radio],
form#formInscription input[type=checkbox]{
  width: 20px;
  border:0;
  background: transparent;
}

form#formInscription input[type=checkbox]{
  margin:0;
  padding:0;
}

form#formInscription input[type=image]{
  border:0;
  background: transparent;
}

/*  formulaire de connection */

form#formLogin input[type=text],
form#formPerdu input[type=text],
form#formLogin input[type=password]{
  border: 1px solid #000000;
  background: #D4D0C8;
  font-size: 12px;
  width: 166px;
  margin: 3px 0;
  padding:5px;
}

form#formPerdu input[type=text]{
  width: 400px;
}

/* Style pour afficher une preview des annonces sans etre connecter */
div#logiciel{
  border: 1px solid #000;
  width: 620px;
  min-height: 600px;
  font-size: 70%;
  line-height: 120%;
}

div#logiciel .preview_display{
  display: none;
}

.trAnnonce:hover{
  cursor: pointer;
}

div#badges{
  position:absolute;
  top:675px;
  padding-left:60px;
}

a#logo_twitter{
    display: block;
    margin: 0 0 15px 0;
}