/* Affichage du layout
========================================================== */


body {
  background-color: #A6A6A6 !important;
  background-color: #9D9D9D;
  background-image: url('../layout/degrade-2.png');
  background-position: center top;
  background-repeat: repeat-y;
  color: black;
  margin: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding: 0;
  padding-left: 0 !important;
  padding-left: 1px;
  font-family: sans-serif, Times, 'Trebuchet MS';
  font-size: 13px;
  text-align: center;
}

*+html {
  padding-left: 1px;
}

*+html body {
  background-color: #9D9D9D !important;
}

#header {
  background: white url('../layout/header-back-2.png') repeat-x;
  margin: auto;
  color: black;
  height: 77px;
  width: 740px;
  padding: 0;
  /* Pour que le clear: both se fasse bien */
  overflow: hidden;
  text-align: left;
}

#header-text {
  float: left;
  padding: 0;
  margin: 0;
}

#header-logo {
  float: right;
  margin: 0;
}

#navigation-bar {
  background: #818181 url('../layout/navigation-back-2.png') repeat-x;
  color: white;
  height: 67px;
  width: 740px;
  padding: 0;
  margin: auto;
  text-align: left;
  clear: both;
}

#navigation-bar ul {
  padding: 0;
  margin: 0;
}

#navigation-bar li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: none;
  float: left;
}

#content {
  margin: 10px;
}

#content_footer {
  margin: 0;
}


#footer {
  clear: both;
  display: none;
}

#publicity_banner {
  margin: 0 0 13px 0;
  padding: 0;
  text-align: center;
}


/* Tableau de recherche
========================================================== */


#tbl_recherche {
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  background-color: #E9E9E9; 
  width: 500px;
  height: 180px;
  margin: auto;
  padding: 5px;
  text-align: left;
}

#tbl_center {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 400px;
  height: 200px;
  margin: 0 50px;
  padding: 0;
  text-align: left;
}

.view_center {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 700px;
  margin: auto;
  padding: 0;
  text-align: left;
}

.td_width {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 540px;
  margin: 0;
  padding: 0 15px;
  text-align: left;
}

.tbl_description {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 420px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
  background-color: #E9E9E9;
  border-collapse: collapse;
}

.tbl_description4 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 325px;
  margin: 0;
  padding: 0;
  text-align: left;
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
  background-color: #E9E9E9;
  border-collapse: collapse;
}

.td_description_fonce {
  background-color: #D6D6D6; 
  width: 170px;
}

.td_description_fonce1 {
  background-color: #D6D6D6; 
  width:250px;
}

.td_description1 {
  width:250px;
}






.txtcenter123 {
  width: 420px;
  margin: auto;
  text-align: center;
}

.td_width1 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 130px;
  margin: 0;
  padding: 0 15px;
  text-align: left;
}

.nobordertbl {
  border-style: none;
  width: 400px;
}

.categorie_ville {
  border-style: none; 
  border-width: 0;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 600px;
  margin: auto;
  padding: 5px;
}

.categorie_ville_tbl {
  border-style: none; 
  border-width: 0;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 600px;
  margin: auto;
  padding: 5px;
  text-align: left;
}

.categorie_ville li {
  list-style-type: square;
  padding: 1.1px;
}


.tablepreview {
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  background-color: #E9E9E9; 
  width: 500px;
  margin: auto;
  margin-bottom: 50px;
  padding: 5px;
  text-align: left;
  z-index: 1;
}



.view_contact {
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  width: 675px;
  margin: auto;
  padding: 0;
  text-align: left;
}

.view_contact3 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  margin-left: 15px;

}

.tdcontact {
  width: 350px;
  text-align: left;
}


.tdcontact2 {
  width: 325px;
  text-align: left;
}


/* Propriétés du texte
========================================================== */


#title {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.title {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.title2 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.title3 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

.title-prix {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

.txtleft {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  text-align: left;
}

.txtright {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  text-align: right;
}

.txtright-red {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  text-align: right;
  color: red;
  font-weight: bold;
}

.txtcenter {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  text-align: center;
}



.txtboldcenter {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  text-align: center;
  font-weight: bold;
}

.cutetext {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 11px;
  font-weight: bold;
  width: 660px;
  margin: auto;
  padding: 10px;
  text-align: center;
}

.cutetext2 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 11px;
  font-weight: bold;
  margin: auto;
  padding-top: 10px;
  text-align: left;
}


.smalltxt {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: bold;
  width: 150px;
  margin: auto;
  padding: 5px;
  text-align: center;
}


.cutetext-red {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: bold;
  color: red;
  width: 660px;
  margin: auto;
  padding: 10px;
  text-align: center;
}

.cutetext-green {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: bold;
  color: green;
  width: 660px;
  margin: auto;
  padding: 10px;
  text-align: center;
}

.cutetext-green2 {
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: bold;
  color: green;
  margin: auto;
  text-align: justify;
  padding: 10px;
}

a.link {
  color: #3279A2;
  text-decoration: underline;
  font-weight: bold;
  text-align: center;
  margin: auto;
}

a.link:hover {
  color: #3C92C4;
  text-decoration: underline;
  font-weight: bold;
  text-align: center;
  margin: auto;
}

.redhr {
  background-color: red; /* Pour mozilla */
  color: red; /* Pour IE */
  width: 300px;
}


.region1 {
  border: 0;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 14px;
  font-weight: bold;
  color: #256183;
  padding: 0;
}

.ville1 {
  border: 0;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 12px;
  font-weight: normal;
  color: black;
  padding: 0;
}


.justify-txt {
  color: black;
  text-align: justify;
  margin: 0;
}

.center-tbl {
  margin: auto;
}

.titre-txt {
  color: black;
  font-weight: bold;
  text-align: left;
  margin: 0;
}



/* Propriétés des formulaires
========================================================== */


input {
  border: 1px solid black;
  background-color: #FFFFFF;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: bold;
  color: black;
}

textarea {
  border: 1px solid black;
  background-color: #FFFFFF;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: bold;
  color: black;
}


select {
  border: 1px solid black;
  background-color: #FFFFFF;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: normal;
  color: black;
}

.region {
  border: 0;
  background-color: #F8F8F8;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: bold;
  color: #3581AD;
  padding: 0 0 0 2px;
}

.ville {
  border: 0;
  background-color: #F8F8F8;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-size: 10px;
  font-weight: normal;
  color: black;
  padding: 0 0 0 8px;
}



/* Propriétés des formulaires avec icones
========================================================== */


#form_recherche #search {
  padding: 2px 3px 2px 18px;
  background: #FFFFFF url(http://127.0.0.1/immo-location.ca/layout/search.png) no-repeat 4% 50%;
  background-color: #ffffff;
  width: 100px;
 
}



/* Propriétés des images
========================================================== */

img {
  border : none;
}

img.border {
  border : #5B7E9F 1px solid;
}


img.noborder { 
  border : none;
}


img.imgombre {
  border-top : #A4A4A4 1px solid;
  border-bottom : #A4A4A4 3px solid;
  border-right : #A4A4A4 3px solid;
  border-left : #A4A4A4 1px solid;	
}


.img_align_left {
  float : left;
  padding : 0;
  margin-right : 10px;
  margin-bottom : 15px;
}


.img_align_right {
  float : right;
  padding : 0;
  margin-left : 10px;
  margin-bottom : 15px;
}

.img_preview {
  float : right;
  width : 170px;
  height : 150px;
  padding : 0;
  margin-left : 10px;
  margin-bottom : 15px;
}

.img_view {
  padding : 1px;
  margin-bottom: 5px;
  border-style: solid; 
  border-width: 1px; 
  border-color: black;
}





.metroline_v {
  background-color: #02923A;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-weight: normal;
  color: white;
}


.metroline_o {
  background-color: #EF7F01;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-weight: normal;
  color: white;
}


.metroline_j {
  background-color: #FED501;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-weight: normal;
  color: black;
}


.metroline_b {
  background-color: #007DBE;
  font-family: sans-serif, Arial, Helvetica, Geneva ;
  font-weight: normal;
  color: white;
}






.regionli {
  margin-top: 15px;
}

.pageno {
  font-weight: bold;
}