body{
    /*background: white url(/images/bg-body.jpg) repeat-x;*/
    font-family:Verdana, arial;
    margin-top: 0px;
    text-align: left;
}

h1{
    margin-top:    8px;
    margin-bottom: 2px;
}

h2.default{
    margin: -10px 0 -5px 35px;
    padding: 0px;
    color: #F19C00;
}

p {
    margin: 0px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
/*    text-align:left;*/
}

a.main_title{
    color: #330099;
    text-decoration: none;
    margin-bottom: 0px;
    margin-left: 10px;
}
a.main_title:hover {
    text-decoration: none;
}

a {
    color: #0000F1;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.horange:hover{
    color: #F28F00;
}
ul {
    /*display: block;
    float: bottom;
    font-size: 10px;*/
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left: 10px;
    padding-bottom: 10px;
    /*vertical-align: bottom;*/
}

li {
    padding-left: 25px;
}

/*******************************/

.desc{
    text-align:left;
    font-size: 8pt;
}

div.info{
    background-color:white;
    border: 1px solid #353535;
    margin-top: -3px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;

    padding-top: 2px;
    padding-bottom: 2px;
}
/*******************************/

.white_on_blue{
    color: #ffffff;
    text-align: left;
}

.white_on_blue a{
    color: #ffffff;
    /*text-decoration: none;*/
}
/*
.white_on_blue a:hover{
    text-decoration: underline;
}
*/
h1.white_on_blue{
    background-color: #3377ff;
    margin-top: 0px;
    padding-left: 10px;
}

h2.white_on_blue{
    background-color: #77aaee;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-left: 20px;
}

h3.white_on_blue{
    background-color: #99bbee;
    margin-top: 5px;
    margin-bottom: 2px;
    padding-left: 30px;
}

/*******************************/

div.titled_block ,
div.simple_block {
    background-color:#ffffff;
    border: 1px #999999 solid;
    margin-top: 8px;
    margin-left: 10px; 
    margin-right: auto; 
    width:800px;
    /*-moz-border-radius: 10px;*/
}

div.simple_block {
    padding-top: 8px;
    padding-bottom: 5px;
}

div.titled_block {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*******************************/
/* homepage */
.homepage{
    text-align: center;
}

div#homepage_search_available,
div#homepage_search_requested{
    background-color:#aaddff;
}

div#homepage_create_announce{
    background-color:#77AAEE;
}

div#homepage_create_announce a,
span.big_white {
    color: #ffffff;
    font-size: 16pt;
    font-weight:bold;
    text-decoration: none;
}

div#homepage_create_announce a:hover {
    /*text-decoration: underline;*/
    color: #F39B00;
    background-color: #DDEEFF;/*white;*/
}

div#homepage_cities{
    font-size:9px;
}

div#homepage_categories{
    background-color:#DDEEFF;
}

div#homepage_categories a {
    color: blue;
}

select#select_city {
    width: 200px;
}

html body form div #select_category,
html body form div #select_city {
    /*bord orange border: 1px #F39B00 solid;*/
    border: 1px #AADDFF solid;
    font-size: 10pt;
}

input.white_orange,
html body form div#homepage_search_available input,
html body form div#homepage_search_requested input {
    border: 1px #F39B00 dashed;
    background-color: white; /*#AADDFF;*/
    color: #F39B00;/*white;*/
    font-size: 10pt;
    font-weight: bold;
}
/**************************************
 * creation annonce formulaire      */
div.center_container {
    border: 0px #00ff00 dashed;
    margin-left:auto;
    margin-right:auto;
    width: 800px;
}

div#create_available_form_div,
div#edit_available_form_div,
div#edit_available_form_div_view
{
    text-align:center;
}

div#create_available_form_div,
div#edit_available_form_div
{
    background-color:#aaddff;
}

div#edit_available_form_div_view
{
    background-color:#e0e0e0;
}

div#category_city
{
    background-color:#aaddff;
}
div#category_city a
{
    color: #111144;
    /*text-decoration: none;*/
}
/*
div#category_city a:hover{
    text-decoration: underline;
}
*/
div#category_main,
div#item_main,
div#category_item_main,
div#category_city_item_main {
    background-color:#ffffff;
    text-align:center;
    /*height: 480px;*/
}

div#category_city_item_annonces {
    border: 0px #00ff00 solid;
    height: 320px;
}

div#category_city_item_annonce {
    border: 0px red dashed;
    clear: left;
    height: 32px;
    text-align:left;
}

/****************************************************
 liste d'annonces */

div#category_city_item_annonces div.valid_date,
div#category_city_item_annonces div.contact,
div#category_city_item_annonces div.comment,
div#category_city_item_annonces div.forswap,
div#category_city_item_annonces div.phone,
div#category_city_item_annonces div.state,
div#category_city_item_annonces div.price {
    float: left;
    font-size: 10pt;
    height: 32px;
    line-height:30px;
    vertical-align: middle;
}
div#category_city_item_annonces div.valid_date{
    margin-left:10px;
    text-align:left;
    width: 145px;
}
div#category_city_item_annonces div.price {
    /*background-image: url('/images/argent-icone-4559-32.png');
    background-repeat: no-repeat;
    background-position: left;*/
    /*color: white;*/
    font-weight:normal;
    text-align:left;
    width: 65px;
}
div#category_city_item_annonces div.phone {
    text-align:right;
    width: 115px;
}
div#category_city_item_annonces div.contact {
    background-image: url('/images/e-mail-enveloppe-3-32.png');
    background-repeat: no-repeat;
    background-position: right;
    text-align:right;
    width: 40px;
}
div#category_city_item_annonces div.comment {
    width: 335px;
}
div#category_city_item_annonces div.forswap {
    width: 23px;
}
div#category_city_item_annonces div.state {
    width: 45px;
    margin-left: 5px;
}

/*******************************/

div#item_items div#item_div_annonce,
div#category_items div#category_div_item,
div#category_items div#category_div_item,
div#category_city_items div#category_city_div_item,
div#category_cities div#category_div_city {
    padding-left: 25px;
    text-align: left;
    clear: left;
}
/*******************************/

.odd{
    background-color:#ffffff;
}

.even{
    background-color:#f0f0f0;
}

.highlight{
    background-color:#bbffff;
}

div.enterleave{
    cursor:pointer;
}

/*******************************/

p.footer {
    color: #414141;
    font-size: 9px;
    margin-top:0px;
    margin-left: 10px;
}

p.footer a{
    color: #414141;
    /*text-decoration:none;*/
}
p.footer a:hover{
    color: #ff0000;
    /*text-decoration: underline;*/
}

/*******************************/

p.main_desc {
    color: #504080;
    font-style:italic;
    margin-bottom: 13px;
}

/*******************************/

/*#pricediv,
#swapdiv {
    display:none;
}*/

td.left, td.right {
    vertical-align:top;
    padding-top: 4px;
}

td.left {
    text-align:right;
}

td.right {
    text-align:left;
}

td.both {
    text-align:center;
}

#available_form_view tbody tr td.left {
  font-size: 10pt;
}
/*******************************/
/* Form new available */
#onech_available_price {
  text-align: right;
}

/*******************************/

ul.error_list {
    color: #AA0000;
    display: block;
    float: bottom;
    font-size: 10px;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

table#available_form tr {
  /*height: 50px;*/
}

p.small {
  display: block;
  font-size: 8pt;
}

div#item_picture_div{
    border: dashed 0px #00ff00;
    height: 140px;
    margin-bottom: 10px;
    position: relative; 
    width: 140px;
    float: left; 
}

div#table_div{
    border: dashed 1px #ff0000;
    position: relative; 
    padding: 0px; 
    width: 650px;
    margin-left: 10px; 
    margin-bottom: 10px;
}

div#dynamic_message{
    margin-left: 10px; 
    float:left;
    font-size: 10pt;
}

div.type_announce{
    color: #F39B00;
    float:left;
    font-weight: bold;
    margin-left: 25px;
    text-align: left;
    width: 50%;
}

div.nb_annonce{
   background-color: #f3f3f3;
   font-size: 10pt;
   text-align: right;
}

/*******************************/

div.liens_du_bas a{
    clear:left;
    color:black;
    font-size: 10pt;
    margin-left: 10px;
    /*text-decoration: none;*/
}
/*
div.liens_du_bas a:hover{
    text-decoration: underline;
}
*/
/*******************************/
/*
liens pour les listes */

div#item_items div#item_div_annonce a,
div#category_items div#category_div_item a,
div#category_city_items div#category_city_div_item a,
div#category_cities div#category_div_city a {
    color: #333333;
    /*text-decoration: none;*/
}
/*
div#item_items div#item_div_annonce a:hover,
div#category_items div#category_div_item a:hover,
div#category_city_items div#category_city_div_item a:hover,
div#category_cities div#category_div_city a:hover {
    text-decoration: underline;
}
*/
/*******************************
liens modification annonce */

div#edit_menu {
    background-color: #ffffff;
    border: 1px #000000 solid;
    clear: left;
    padding-top: 0px;
    margin-left: 10px;
    text-align:left;
}

div#edit_menu ul li a{
    color: #330099;
    /*text-decoration: none;*/
}
/*
div#edit_menu ul li a:hover{
    text-decoration: underline;
}
*/
div#edit_menu ul {
    margin: 0px;
    margin-left: 2px;
    padding: 0px;
    list-style-type: none;
}

div#edit_menu ul li{
    margin-left: 5px;
    line-height: 22px;
}

/***************************************
 ajax form */
div#contact_form.ui-dialog-content {
    font-size: 10pt;
    text-align:center;
}

textarea.protu {
    width: 430px;
    height: 120px;
}

/***************************************
*/
.no_annonce {
    margin-top:25px;
    text-align: center;
}

/***************************************
*/
ul.ui-autocomplete {
    color: red;
    font-size: 10pt;
    width: 300px;
    -mozmoz-border-radius: 0px;
    padding-left: 2px;
    padding-bottom: 0px;
}

ul.ui-autocomplete li {
    padding-left: 2px;
    width: 100%;
}

div.important_warning {
    border: 2px red solid;
    color: red;
    font-weight: bold;
    margin-bottom:10px;
}