/* General */
*                                                                       { margin: 0; padding: 0;  }
body                                                                    { background-color: #4E6D53; background-image: url('images/background.jpg'); background-repeat: repeat-x; font-family: sans-serif ; color: #FFFFFF; font-size: 12px; font-weight: normal;}
ul, li                                                                  { list-style: none; }
a                                                                       { text-decoration: none; color: #D68100; text-decoration: none; }
a:hover                                                                 { color: #FF9900; }
a img                                                                   { border: none; }
input, select, textarea, option                                         { border: 1px solid #CCCCCC; color: #888888; }
input[type="radio"], input[type="checkbox"]                             { border: none; }
.spacer                                                                 { clear: both; font-size: 1px; height: 1px; }
.hidden                                                                 { display: none; }
hr                                                                      { height: 1px; border: none; border-top: 1px solid silver;  }
a.designed                                                              { display: block; background-image: url('images/btn.jpg'); line-height: 36px; height: 36px; width: 145px; 
                                                                          text-align: center; color: #666666; }
a.designed:hover                                                        { color: #880000; }
div#wrapper                                                             { width: 862px; margin: 0 auto; }
table, tr, td, th                                                       { padding: 5px ; }
table                                                                   { border: solid 1px #FFFFFF; margin: 15px 0 15px 20px; }
th                                                                      { font-weight: bold ; font-size: 1.2em; }

/* Header */
  div#wrapper div#header                                                { position: relative; background: url('images/header.jpg') no-repeat; height: 327px; }
    div#wrapper div#header a#logo                                       { position: absolute; background-image: url('images/logo.jpg'); height: 100px; width: 203px; right: 8px; top: 150px; z-index: 8; }

    /* Top menu */
    div#wrapper div#header #menuTop ul                                  { font-size: 12px; list-style-type: disc; position: absolute; top: 10px; right: 20px; z-index: 3; }
      div#wrapper div#header #menuTop ul li                             { background: url( "images/bullet.jpg" ) center left no-repeat; display: inline;  color: #ffffff; margin: 0 3px 0 0; 
                                                                          padding-left: 20px; vertical-align: middle; }
      div#wrapper div#header #menuTop ul li.first                       { background: none; display: inline;  color: #ffffff; margin: 0 3px; vertical-align: middle; }
        div#wrapper div#header #menuTop ul li a                         { color: #ffffff; padding: 0 0px; text-decoration: none; }
        div#wrapper div#header #menuTop ul li a:hover                   { color: #ff9900; }

    /* Side menu */  
    div#wrapper div#header #menuLeft ul                                 { position: absolute; top: 190px; left: 10px; }
      div#wrapper div#header #menuLeft ul li                            { color: #ffffff; }
        div#wrapper div#header #menuLeft ul li p                        { display: block; width: 260px; height: 29px; font-size: 12px ; text-align: center ; line-height: 22px; 
                                                                          vertical-align: middle ; color: #A4BFA8; padding: 0 5px; }
        div#wrapper div#header #menuLeft ul li a                        { display: block; width: 260px; height: 29px; font-size: 12px ; text-align: center ; line-height: 22px; 
                                                                          vertical-align: middle ; color: #ffffff; padding: 0 5px; text-decoration: none; }
        div#wrapper div#header #menuLeft ul li a:hover                  { color: #ff9900; }

    /* Login */
    div#wrapper div#header div.formbody                                 { position: absolute; top: 75px; left: 45px ; 
                                                                          display: block; width: 194px; height: 70px; background: url( "images/login_inputs.jpg" ); }
    div#wrapper div#header form#loginBox h2                             { position: absolute; left: 65px; top: 55px; width: 150px; border: none; color: #ff9900; font-size: 12px; }
    div#wrapper div#header form#loginBox input#login                    { position: absolute; left: 20px; top: 10px; width: 130px; border: none; color: #888888; }
    div#wrapper div#header form#loginBox input#passwd                   { position: absolute; left: 20px; top: 40px; width: 130px; border: none; color:#888888; }
    div#wrapper div#header form#loginBox button                         { position: absolute; left: 153px; top: 15px; width: 35px; height: 35px; line-height: 35px; text-align: center; 
                                                                          border: none; background: none; color: #ffffff; font-weight: bold; }
    div#wrapper div#header div#loginDiv p.error                         { position: absolute; top: 65px; width: 100%; text-align: center; border: none; }
    div#wrapper div#header div#loginDiv p#login_tools                   { position: absolute; left: 20px; top: 160px; width: 240px; font-size: 11px; text-align: center; border: none; background: none; color: #55795A; }
    div#wrapper div#header div#loginDiv p#login_tools a                 {  color: #4E6D53; }
    div#wrapper div#header div#loginDiv p#login_tools a:hover           {  color: #D68100; }

    /* Navigation membres */
    div#wrapper div#header div#membres_nav                              { position: absolute; top: 55px; left: 70px; }
    div#wrapper div#header div#membres_nav h2                           { color: #ff9900; font-size: 12px; text-transform: uppercase; padding-bottom: 15px; }

    /* Diaporama */
    div#wrapper div#header div#diaporama                                { position: absolute; height: 288px; width: 583px; left: 279px; top: 33px ; overflow: hidden; }
    div#wrapper div#header div#diaporama *                              { display: block; position: absolute; top: 0px; left: 0px; }

    /* Date */
    div#wrapper div#header p#date                                       { position: absolute; line-height: 22px; height: 22px; width: 206px; right: 8px; bottom: 38px; font-size: 13px;
                                                                          background-image: url('images/header-date.jpg'); text-align: center; color: #ffffff; font-weight: bold; }

  /* General menu */
    div#wrapper #header #menu                                           { position: absolute; top: 292px; height: 35px; background-image: url('images/menu.jpg'); 
                                                                          width: 100%; padding: 0; margin: auto; text-align: center; }
    div#wrapper #header #menu ul                                        { display: block; height: 35px; text-align: center; margin-left: 8px;}
      div#wrapper #header #menu ul li                                   { float: left; padding: 0; margin: 0; height: 35px; line-height: 35px; padding: 0 4px 0 5px; }
        div#wrapper #header #menu ul li span span                       { font-size: 11px; vertical-align: top; }
        div#wrapper #header #menu ul li span.active                     { color: #A4BFA8; font-size: 11px; vertical-align: middle;}
        div#wrapper #header #menu ul li a                               { color: #ffffff; text-align: center; font-size: 11px; vertical-align: middle;}
        div#wrapper #header #menu ul li a:hover                         { color: #ff9900; }

/* Sidebar */
  div#wrapper div#left                                                  { float: left; width: 228px; margin-left: 4px; font-size: 11px;}
    div#wrapper div#left div#actus                                      { background: url('images/actu-bkg.jpg') ; position: relative; }
      div#wrapper div#left div#actus h3                                 { background: url('images/actu-title.jpg') repeat-y center; line-height: 36px; height: 49px; 
                                                                          padding-left: 40px; color: #ff9900; font-size: 13px; }
      div#wrapper div#left div#actus p                                  { padding: 10px 5px 10px 15px; color: #ffffff; }
      div#wrapper div#left div#actus ul                                 { background-image: url('images/actu-bottom.jpg'); background-position: bottom; background-repeat: no-repeat; padding-bottom: 16px; }
        div#wrapper div#left div#actus a                                { display: block; padding: 5px 0 5px 20px; margin:  0 20px 0 15px; color: #A4BFA8; 
                                                                          background: transparent url('images/actu-puce.jpg') no-repeat  5px 8px; }
        div#wrapper div#left div#actus a:hover                          { background-color: #DBDBCA; background-image: url('images/actu-puce-hover.jpg'); color: #223024; }
        div#wrapper div#left div#actus input.text                       { margin: 10px 0 10px 30px; width: 140px; }
        div#wrapper div#left div#actus input.submit                     { margin: 5px 0 5px 65px; width: 70px; }
        div#wrapper div#left div#actus ol li                            { padding-left: 10px ; }
  div#wrapper div#pub                                                   { float: left; width: 228px; }
    div#wrapper div#pub a#ad                                            { display: block; padding: 10px 0 0; z-index: 1; }

/* Content */
  div#wrapper div#main                                                  { background-image: url('images/page-title.jpg'); background-repeat: no-repeat; float: left; color: #FFFFFF ;
                                                                          width: 627px; margin: 0 0 0 -3px; min-height: 400px; }
    div#wrapper div#main h1,
    div#wrapper div#main h2,
    div#wrapper div#main h3,
    div#wrapper div#main strong                                         { font-weight: bold; }
    div#wrapper div#main h1                                             { margin: 11px 0 30px 20px; font-size: 15px; color: #ffffff; }
    div#wrapper div#main div.mod_breadcrumb                             { margin: 0 0 10px 20px; color: #A4BFA8 ; }
    div#wrapper div#main .inside h1,
    div#wrapper div#main h2                                             { color: #FF9600; font-size: 15px; margin: 15px 0 10px 20px;}
    div#wrapper div#main h3                                             { color: #FF9600; font-size: 14px;  margin: 10px 0 10px 20px;}
      div#wrapper div#main h2 span.hilight                              { color: #7DB184; font-size: 13px; }
    div#wrapper div#main p                                              { color: #ffffff; text-align: justify; margin: 5px 0 20px 20px; }
    div#wrapper div#main a.designed                                     { float: right; margin-right: 10px; }
    div#wrapper div#main img                                            { border: 7px solid #ffffff; margin: 0 15px; }
    div#wrapper div#main .graph img                                     { border: none; }
    div#wrapper div#main div.image_container                            { margin-bottom: 20px; }
    div#wrapper div#main ul                                             { margin: 0 0 20px 40px ; }
    div#wrapper div#main ul li                                          { list-style-image: url( "images/puce.jpg" ); }
    div#wrapper div#main div.ce_hyperlink                               { color: #ffffff; padding: 5px 25px; }
    div#wrapper div#main div.mod_registration div.message               { margin-left: 20px ; }
    #wrapper #main .coordonnees li                                      { list-style-type: none ; }
    #wrapper #main .coordonnees li.first                                { list-style-type: disc ; }

    /* Actualités */
    div#wrapper div#main h1.title                                       { color: #ffffff; }
    /* Homepage : partenaire */
    div#wrapper div#main div#partenaires                                { padding-bottom: 0; float: left; width: 267px; margin: 60px 10px 0 20px; background-image: url('images/part-bkg.jpg'); }
      div#wrapper div#main div#partenaires h3                           { display: block; background-image: url('images/part-title.jpg'); height: 55px; line-height: 55px; 
                                                                          padding-left: 20px; font-size: 15px; color: #FF9900; margin:0; }
        div#wrapper  div#main div#partenaires a                   { display: block; padding: 2px; margin: 5px auto; color: #A4BFA8;}
        div#wrapper  div#main div#partenaires a:hover             { background-color: #55795A; color: #ffffff; }
        div#wrapper  div#main div#partenaires p                   { text-align: center; margin: 0px; padding: 10px; font-size: 11px; }

    /* Homepage : metiers */
    div#wrapper div#main div#metiers                                    { float: left; width: 277px; margin: 60px 10px 0 10px; }
      div#wrapper div#main div#metiers h3                               { display: block; height: 55px; line-height: 55px; padding-left: 20px; font-size: 15px; color: #FF9900; margin: 0; }
        div#wrapper  div#main div#metiers ul li                         { width: 235px; list-style: none; margin: auto; 
                                                                          list-style-image: url('images/metiers-puce.jpg'); }

    /* Chambres consulaires */
    #wrapper #main #chambres-consulaires .ce_hyperlink                  { padding-left: 0 ; }
    #wrapper #main #chambres-consulaires .hyperlink_txt                 { padding-left: 20px ; }

    /* répertoire régional */
    iframe#rep_regional_frame { margin-bottom: 10px; width: 627px; height: 740px; background-color: #ffffff; }

    /* Boite à outils */
    #wrapper #main #fe_bao_tool_view h2                                 { font-size: 18px; }
    #wrapper #main .bao_category_title  a,
    #wrapper #main #fe_bao_tool_view h3                                 { font-size: 14px; }
    #wrapper #main .bao_nav                                             { margin: 10px 20px; }
    .bao_tools                                                          { border-collapse: collapse ; }
    .bao_tools td                                                       { border: solid 1px; text-align: center; }
    div#wrapper div#main table.bao_tools td.bao_tool_description p      { margin: 0; }
    div#wrapper div#boite-a-outils p#bao_cat_pagination a#bao_cat_precedent  { margin-right: 10px; }

    /* boudboa */
    div#wrapper div#main ul#bdb_list_nav                                { margin: 0 0 20px 20px; }
    div#wrapper div#main ul#bdb_list_nav li                             { display: inline; margin-right: 10px; }
    div#wrapper div#main ul#bdb_list_nav li a                           {font-size: 15px; }
    div#wrapper div#main div#annonces_list                              { width: 600px; margin: auto; }
      div#wrapper div#main div#annonces_list div.annonce                { margin-bottom: 15px; border: 1px solid #4A654A; }
      div#wrapper div#main div#annonces_list p.bdb_head                 { font-weight: bold; margin:0; text-align: center; line-height: 20px; vertical-align: middle; font-size: 13px; }
      div#wrapper div#main div#annonces_list div a                      { color:#fff; text-decoration:underline; line-height:30px; }
      div#wrapper div#main div#annonces_list div a:hover                { color:#eaeaea; text-decoration:none;}
      div#wrapper div#main div#annonces_list div .bdb_body             { padding:5px; }
      div#wrapper div#main div#annonces_list div .bdb_body p           { padding: 2px; margin: 0 0 0 5px; color: #ffffff }
      div#wrapper div#main div#annonces_list div p.desc              {   padding-top: 15px;}
      /* div#wrapper div#main div#annonces_list div.oddity_1 a:hover       { background-color: #FF9600 ; } */
      div#wrapper div#main div#annonces_list div.oddity_1 .bdb_body    { background-color: #E6921E ; }
      div#wrapper div#main div#annonces_list div.oddity_0 .bdb_body    { background-color: #618F6B ; }
      /* div#wrapper div#main div#annonces_list div.oddity_0 a:hover       { background-color: #72A37B ; } */
      div#wrapper div#main div#annonces_list div.oddity_0 p.bdb_head    { background-color: #557D5D; border-bottom: 1px solid #4A654A; }
      div#wrapper div#main div#annonces_list div.oddity_1 p.bdb_head    { background-color: #FF6900; border-bottom: 1px solid #E65F00;  }

    div#wrapper div#main div#pros_list                              { width: 600px; margin: auto; }
      div#wrapper div#main div#pros_list div.annonce                { margin-bottom: 15px; border: 1px solid #4A654A; }
      div#wrapper div#main div#pros_list p.bdb_head                 { font-weight: bold; margin:0; text-align: center; line-height: 20px; vertical-align: middle; font-size: 13px; }
      div#wrapper div#main div#pros_list div a                      { display: block ; }
      div#wrapper div#main div#pros_list div span.desc              { float: right; width: 200px; }
      div#wrapper div#main div#pros_list div span                   { display:block; padding: 2px; margin-left: 5px; color: #ffffff }
      div#wrapper div#main div#pros_list div.oddity_1 a:hover       { background-color: #FF9600 ; }
      div#wrapper div#main div#pros_list div.oddity_1               { background-color: #E6921E ; }
      div#wrapper div#main div#pros_list div.oddity_0               { background-color: #618F6B ; }
      div#wrapper div#main div#pros_list div.oddity_0 a:hover       { background-color: #72A37B ; }
      div#wrapper div#main div#pros_list div.oddity_0 p.bdb_head    { background-color: #557D5D; border-bottom: 1px solid #4A654A; }
      div#wrapper div#main div#pros_list div.oddity_1 p.bdb_head    { background-color: #FF6900; border-bottom: 1px solid #E65F00;  }

      div#wrapper div#main div#boudboa table#voir_annonce               { width: 500px; margin: auto; }
      div#wrapper div#main div#show_offre span.attribut                 { float: right; clear: right;}

    /* Helpdesk */
    div.mod_helpdesk                                                    { font-size: 12px; }

    /* Profil */
    .mod_personalData table                                             { width: 400px ; margin: 50px auto; }
    .mod_personalData table .error                                      { color: #FF5A5A; }
/* Footer */
div#wrapper div#footer                                                  { clear: both; position: relative; background-image: url('images/footer.jpg'); height: 78px; margin-top: 20px;}
    div#wrapper div#footer *                                            { font-size: 13px ;}
    div#wrapper div#footer a#fav                                        { font-size:11px; display: block; position: absolute; padding-left: 15px; top: 19px; left: 44px; color: #666666; }
    div#wrapper div#footer span#copyright                               { display: block; position: absolute; padding-left: 15px; top: 19px; left: 213px; color: #666666; }
    div#wrapper div#footer ul                                           { display: inline; position: absolute; padding-left: 15px; top: 19px; left: 350px; color: #666666; }
    div#wrapper div#footer ul li                                        { display: inline; margin-left: 15px ; }
      div#wrapper div#footer ul a                                       { font-weight: bold; color: #4E6D53 ;  }
      div#wrapper div#footer ul a:hover                                 { color: #FF9900; }
    div#wrapper div#footer a#top                                        { font-size:11px; display: block; position: absolute; bottom: 10px; right: 22px; }

div#wrapper div#main div.sans-cadre img { border: none; }