body {
  margin:               0px;
  font-family:          sans-serif;
  background:           url(../images/fond_site.jpg) top left repeat-x #5d6a70;

}

a {
  text-decoration:      none;
  color:                #c00;
}

a:hover {
  text-decoration:      underline;
}



hr.spacer {
  clear:                both;
  border:               none;
  margin:               0;
  height:               0;
  padding:              0px;
  display:              block!important;
  display:              none;
  visibility:           hidden;
}

#main {
  margin:               auto;
  border:               1px solid #b82121;
  width:                1000px;
  padding:              0px;
  background:           url(../images/fd_menu.png) top left repeat-y #fff;
}

#non_contractuel {
  width:                100%;
  color:                #777;
  font-size:            0.7em;
  text-align:           right;
}

/*
*************************************************
******************** Header ********************
*************************************************
*/

#header {
  background-color:     #b82121;
  height:               130px;
  width:                1000px;
  padding:              0px;
  clear:                both;
}

#band {
  background-image:     url('../images/campagne.jpg');
  background-repeat:    no-repeat;
  float:                right;
  height:               130px;
  width:                800px;
}

h1.text_header {
  font:                 bold 18px sans-serif;
  margin:               0;
  margin-top:           3px;
}

p.text_header {
  margin:               0;
  font:                 12px sans-serif;
}

#header_band {
  float:                right;
  text-align:           right;
  width:                500px;
  height:               60px;
  margin-top:           35px;     
  color:                #333;
  text-align:           right;
}

#logo {
  border:               none;
  height:               110px;
  width:                110px;
  float:                left;
  margin:               10px 45px 10px 45px;
  
  
}

/*
*************************************************
********************* Menu *********************
*************************************************
*/

div.menu {
  width:                200px;
  height:               100%;
  float:                left;
  min-height:           250px;
}

ul.menu, ul.submenu {
  margin-left:          10px;
  list-style-type:      none;
  padding:              0px;
}

ul.submenu {
  margin:               0px 0px 0em 1em;
  display:              block;
}

li.menu {
  margin-bottom:        1px;
  width:                160px;
  padding-left:         0.5em;
}

li.submenu {
  font-size:            0.8em;
  margin:               0;
  padding:              0;
}

li.submenu:hover {
  list-style-position:  outside;
}

li.menu-achat {
  margin-top:           0.3em;
  margin-bottom:        0.3em;
}

a.menu, span.menu {
  text-decoration:      none;
  color:                #fff;
  font-size:            1em;
  cursor:               pointer;
}

span.menu-achat {
  font-size:            19px;
}




#content {
  width:                800px;
  float:                left;
  margin-right:         -2px;
  clear:                right;
  background-color:     #fff;
}

/*
*************************************************
******************** Agence *********************
*************************************************
*/

div.agence {
  margin-left:          1em;
  clear:                right;
  float:                left;
  text-align:           center;
}

img.agence, span.agence {
  margin:               5px;
}

img.agence {
  width:                220px;
  height:               165px;
  border:               1px solid #fff;
  display:              block;
}

span.agence {
  margin-top:           3em;
  font-weight:          bold;
  font-size:            0.8em;
}

/*
*************************************************
******************** Accueil ********************
*************************************************
*/

div.accueil {
  text-align:           center;
}

#accueil_titre {
  margin:               auto;
  margin-top:           3px;
  margin-bottom:        3px;
}


p.accueil {
  clear:                both;
  margin:               1em;
  text-align:           justify;
  padding-left:         5em;
  padding-right:        5em;
}

p.accueil:first-letter {
  font-size:            2em;
}


p.accueil_agence {
  width:                569px;
  margin:               1em;
  text-align:           justify;
}

/*
*************************************************
******************** Affaires *******************
*************************************************
*/

#empty {
  width:                750px;
  margin:               auto;
  height:               160px;
  text-align:           center;
  padding-top:          180px;
  font-size:            20px;
  color:                #b82121;
}

#main_affaires {
  width:                700px;
  margin-left:          50px;
  margin-right:         50px;
}

div.affaires {
  text-align:           center;
  border:               1px solid #c9cdd6;
  font-size:            0.8em;
  color:                #be2632;
  margin:               9px 42px 9px 42px;
  width:                260px;
  float:                left;
  background:           url(../images/bg_affaires.jpg) top left repeat-x #fff;
}

img.affaires {
  width:                250px;
  height:               188px;
  margin-top:           5px;
  border:               none;
}

a.plus {
  color:                #3d4655;
}

span.plus {
  display:              block;
  width:                100%;
  text-align:           right;
  background-color:     #e6eff6;
  color:                #3d4655;
  font-size:            0.85em;
}

/*
*************************************************
******************* Descriptif ******************
*************************************************
*/

#affaire_gauche, #affaire_droite {
  width:                380px;
  float:                left;
  margin:               5px;
  padding:              3px;
}

#affaire_droite {
  border-left:          1px solid #999;
}

#affaire_header, #affaire_details {
  border-bottom:        1px solid #999;
  padding-bottom:       5px;
}

#affaire_header {
  color:                #b82121;
  font-weight:          bold;
}

#affaire_logo {
  width:                90px;
  float:                right;
}

#affaire_prix {
  font-size:            1.3em;
}

#affaire_details {
  font-weight:          bold;
  color:                #777;
}

ul.affaire_liste_signaletique {
  list-style-type:      none;
  padding:              0;
  margin:               0;
}

li.affaire_liste_signaletique {
  color:                #888;
  font-weight:          normal;
}

#affaire_ref_gauche, #affaire_ref_droite {
  display:              block;
  margin:               8px;
  color:                #b82121;
  font-weight:          bold;
}

#affaire_ref_droite {
  margin:               5px;
}

#affaire_descriptif {
  font-size:            0.8em;
  text-align:           justify;
}

ul.showbtn {
  list-style-type:      none;
  margin:               0px;
  padding:              0px;
}

li.showbtn {
  display:              inline;
  background-color:     #ffab85;
  -moz-border-radius:   5px 5px 0px 0px;
  padding:              5px 5px 0px 5px;
  margin:               0px;
  color:                #fff;
  font-weight:          bold;
  cursor:               pointer;
}

li.showbtn_selected {
  background-color:     #b82121;
}

#display_photo, #display_video {
  background-color:     #b82121;
  -moz-border-radius:   0px 5px 5px 5px;
}

#grossePh {
  width:                360px;
  height:               270px;
  margin:               10px 5px 5px 10px;
  border:               1px solid #999;
}

div.miniPh {
  text-align:           center;
  margin:               1px;
  margin-left:          10px;
  clear:                both;
  width:                360px;
}

ul.miniPh {
  list-style-type:      none;
  padding:              0;
  margin:               0;
  display:              block;
  text-align:           center;
}

li.miniPh {
  display:              inline;
  text-align:           center;
  padding:              0px;
  margin:               0px;
}

img.miniPh {
  margin:               0px;
  width:                50px;
  height:               38px;
  border:               1px solid #999;
  cursor:               pointer;
}

#affaire_agence {
  color:                #777;
  font-size:            0.8em;
  font-weight:          bold;
  margin:               0px;
}

.nom_agence {
  color:                #b82121;
  font-weight:          bold;
  font-size:            1.2em;
}

.adresse {
  font-weight:          normal;
  font-style:           italic;
}

.affaire-tel {
  font-size:            1.2em;
}

h1.titre {
  width:                579px;
  background-color:     #b82121;
  color:                #fff;
  font-size:            0.9em;
  margin:               5px;
}


h2.titre {
  width:                579px;
  background-color:     #b82121;
  color:                #fff;
  font-size:            0.9em;
  margin:               0 5px 0 5px;
}

span.titre {
  float:                right;
  font-size:            0.7em;
  margin-top:           -1.2em;
  margin-right:         0.6em;
}





div.descriptif {
  clear:                both;
  text-align:           justify;
  margin:               5px;
  width:                579px;
}

div.infos {
  margin:               1em 0 0 1em;
}

span.infos {
  display:              block;
}

span.infos_val {
  font-style:           italic;
}

img.btn-affaire {
  float:                right;
  margin:               2px;
}

/*
*************************************************
******************** Secteur ********************
*************************************************
*/

h1.secteur {
  /*width:              579px;*/
  width:                790px;
  background-color:     #b82121;
  color:                #fff;
  font-size:            1.2em;
  margin:               5px;
}

img.secteur {
  margin:               auto;
  border:               0px;
}

div.aide {
  float:                right;
  width:                200px;
  border:               1px solid #b82121;
  margin-right:         5px;
  padding:              3px;
  background-color:     #ffefce;
}

p.aide {
  text-align:           justify;
}



/*
*************************************************
********************* Autes *********************
*************************************************
*/

.noborder {
  border:               none;
}

input.prix {
  display:              inline;
  width:                4em;
  margin-right:         1em;
}

label.prix {
  display:              inline;
}

input.submit {
  background-color:     #b82121;
  color:                #fff;
}

span.tel {
  font-style:           italic;
}

span.prix {
  font-style:           italic;
  color:                #b82121;
}

span.prix_fr {
  font-style:           italic;
  font-size:            0.7em;
  color:                #b82121;
}

span.ville {
  font-style:           italic;
}

span.type_bien {
  font-weight:          bold;
}

span.gras {
  font-weight:          bold;
}

span.maj {
  font-style:           italic;
}

span.blanc {
  color:                #fff;
}

span.secteur {
  font-size:            0.8em;
}

h1 {
  color:                #b82121;
  font-size:            1.8em;
}

.rouge {
  color:                #b82121;
}

img.link,input.link {
  border:               none;
}

/*
*************************************************
********************* Foot **********************
*************************************************
*/

#foot {
  width:                1000px;
  font-size:            0.7em;
  color:                #333;
  text-align:           justify;
  margin:               2px;
  margin:               auto;
}

#foot_title {
  font-weight:          bold;
}

#foot_print {
  display:              none;
}

/*
 * *************************************************
 * ******************* Message *********************
 * *************************************************
 */

div.message {
  width:                700px;
  background-color:     #f2f1ed;
  margin:               auto;
  margin-bottom:        1em;
}

#form_message_content {
  width:                500px;
  margin:               auto;
}

#message_radios {
  float:                right;
  cursor:               pointer;
  padding:              6px;
}

input.message_radio {
  display:              none;
}

#agence_default {
  font-weight:          bold;
}

h1.message {
  padding:              4px;
}

label.message {
  width:                250px;
  float:                left;
}

input.message {
  float:                left;
  height:               1.3em;
  margin-bottom:        3px;
}

hr.message {
  clear:                both;
  border-top:           1px solid #999;
  height:               1px;
  width:                480px;
}

#msg,input.message {
  border:               1px solid #999;
  font-family:          sans-serif;
  font-size:            0.8em;
  width:                235px;
}

.input_noborder {
  border:               none;
}

#msg {
  height:               11em;
}

#message_submit {
  clear:                both;
  margin:               30px;
  color:                #fff;
  background-color:     #b82121;
  border:               1px solid #999;
}

span.obligatoire {
  color:                #f00;
}

/*
 * *************************************************
 * ****************** Estimation *******************
 * *************************************************
 */

div.estimation {
  width:                500px;
  background-color:     #f2f1ed;
}

#form_estimation_content {
  width:                500px;
  margin:               auto;
}

#estimation_radios {
  float:                right;
  cursor:               pointer;
  padding:              6px;
}

input.estimation_radio {
  display:              none;
}

.agence_default {
  font-weight:          bold;
}

h1.estimation {
  padding:              4px;
}

label.estimation {
  width:                250px;
  float:                left;
  margin-left:          5px;
}

input.estimation {
  float:                left;
  height:               1.3em;
  margin-bottom:        3px;
}

hr.estimation {
  border-top:           1px solid #999;
  width:                470px;
  float:                left;
  margin:               4px;
  margin-left:          15px;
}

#adr,#msg,input.estimation {
  border:               1px solid #999;
  width:                235px;
  font-family:          sans-serif; 
}

#msg {
  height:               10em;
}

#estimation_submit {
  clear:                both;
  margin:               30px;
  color:                #fff;
  background-color:     #b82121;
  border:               1px solid #999;
}

#adr {
  height:               3em;
}

img.estimation {
  width:                295px;
  float:                right;
  margin-top:           30px;
}

p.estimation {
  width:                270px;
  margin-right:         5px;
  float:                right;
  font-size:            20px;
  text-align:           center;
  color:                #777;
}

/*
 * *************************************************
 * **************** Liste affaires *****************
 * *************************************************
 */

form.choix-prix {
  margin:               2px;
}

label.choix-prix {
  color:                #b82121;
}

select {
  border:               none;
  color:                #b82121;
}

ul.liste-affaire {
  list-style-type:      none;
  margin:               2em;
  padding:              0;
  float:                right;
}

li.liste-affaire {
  float:                left;
  margin:               5px;
}

li.selected-agence-liste-affaire {
  font-weight:          bold;
}

#reinitialiser {
  margin-top:           -1em;
  margin-right:         1px;
  float:                right;
}

table {
  border:               1px solid #b82121;
  margin:               0px;
  border-collapse:      collapse;
  margin:               auto;
  margin-top:           1em;
  clear:                both;
  width:                750px;
}

th {
  background-color:     #b82121;
  color:                #fff;
  border:               1px solid #b82121;
}

td {
  border:               1px solid #b82121;
  padding:              5px;
  text-align:           center;
}

a.th {
  color:                #fff;
}

tr.tr_fd {
  background-color:     #ffbfbf;
}

#foot-liste-affaire {
  float:                right;
  margin:               0;
  margin-right:         30px;
  color:                #777;
  font-size:            0.8em;
}

#liste-affaires-nb-pages {
  clear:                both;
  width:                100%;
  text-align:           center;
  font-size:            0.8em;
  color:                #777;
}

/*
 * *************************************************
 * ************** Action sur images ****************
 * *************************************************
 */

#grosseV {
  width:                360px;
  height:               270px;
  margin:               10px 5px 5px 10px;
}