/* style  */            
/* Agence du Colombier style */           


BODY{
  background-color: #DDDEE0;
  color: #0057A5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
  text-align: center;
}
.gras {
  font-weight: bold;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.clearboth {
  clear: both;
}
a:link, a:visited, a:active{
  color: #0057A5;
  text-decoration: underline;
}
a:hover{
  color: #0057A5;
  text-decoration: none;
}
#GLOBAL {
  position: relative;
  width: 950px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#GLOBAL.BT{
  text-align: center;
  width: 610px;
}
#EN-TETE {
  position: relative;
  background: url(imgs/BG-Entete.gif) repeat-x;
  height: 28px;
}
#EN-TETE .logo a {
  display: block;
  width: 195px;
  height: 30px;
}
#EN-TETE .photos {
  padding-top: 30px;
}
#EN-TETE .photos .photo1, #EN-TETE .photos .photo2,#EN-TETE .photos .photo3,#EN-TETE .photos .photo4,#EN-TETE .photos .photo5{
  background: url(imgs/PHOTO_1.jpg) no-repeat;
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  width: 197px;
  height: 115px;
}
#EN-TETE .photos .photo2 {
  background-image: url(imgs/PHOTO_2.jpg);
  width: 155px;
}
#EN-TETE .photos .photo3 {
  background-image: url(imgs/PHOTO_3.jpg);
  width: 173px;
}
#EN-TETE .photos .photo4 {
  background-image: url(imgs/PHOTO_4.jpg);
  width: 141px;
}
#EN-TETE .photos .photo5 {
  background-image: url(imgs/PHOTO_5.jpg);
  width: 176px;
}
#LOCATIONS, #VENTES{
  width: 217px;
  float: right;
  margin-right: 50px;
  padding-top: 30px;
}
#LOCATIONS .bt-rennes,#LOCATIONS .bt-periph,#VENTES .bt-rennes,#VENTES .bt-periph{
  background: url(imgs/BT_loc-rennes.gif) no-repeat 0 0;
  width: 99px;
  margin-left: 5px;
  height: 32px;
  float: left;
}
#LOCATIONS .bt-periph{
  background-image: url(imgs/BT_loc-periph.gif);
  margin-left: 0px;
}
#VENTES .bt-rennes{
  background-image: url(imgs/BT_vente-rennes.gif);
}
#VENTES .bt-periph{
  background-image: url(imgs/BT_vente-periph.gif);
  margin-left: 0px;
}
#LOCATIONS .bt-rennes-active,#LOCATIONS .bt-periph-active,#VENTES .bt-rennes-active,#VENTES .bt-periph-active{
  background: url(imgs/BT_loc-rennes.gif) no-repeat 0 -32px;
  width: 99px;
  margin-left: 5px;
  height: 32px;
  float: left;
}
#LOCATIONS .bt-periph-active{
  background-image: url(imgs/BT_loc-periph.gif);
  margin-left: 0px;
}
#VENTES .bt-rennes-active{
  background-image: url(imgs/BT_vente-rennes.gif);
}
#VENTES .bt-periph-active{
  background-image: url(imgs/BT_vente-periph.gif);
  margin-left: 0px;
}

#LOCATIONS .bt-rennes a:link,#LOCATIONS .bt-rennes a:visited,#LOCATIONS .bt-rennes a:active,#LOCATIONS .bt-periph a:link,#LOCATIONS .bt-periph a:visited,#LOCATIONS .bt-periph a:active,#VENTES .bt-rennes a:link,#VENTES .bt-rennes a:visited,#VENTES .bt-rennes a:active,#VENTES .bt-periph a:link,#VENTES .bt-periph a:visited,#VENTES .bt-periph a:active{
  background: url(imgs/BT_loc-rennes.gif) no-repeat 0 0;
  display: block;
  width: 99px;
  height: 32px;
}
#LOCATIONS .bt-periph a:link,#LOCATIONS .bt-periph a:visited,#LOCATIONS .bt-periph a:active {
  background-image: url(imgs/BT_loc-periph.gif);
}
#VENTES .bt-rennes a:link,#VENTES .bt-rennes a:visited,#VENTES .bt-rennes a:active {
  background-image: url(imgs/BT_vente-rennes.gif);
}
#VENTES .bt-periph a:link, #VENTES .bt-periph a:visited, #VENTES .bt-periph a:active {
  background-image: url(imgs/BT_vente-periph.gif);
}
#LOCATIONS .bt-rennes a:hover, #LOCATIONS .bt-periph a:hover, #VENTES .bt-rennes a:hover,#VENTES .bt-periph a:hover{
  background-position: 0 -32px;
}
#LOCATIONS .titre, #VENTES .titre{
  background: url(imgs/anim-loc.gif) no-repeat 10px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 3px;
  line-height: 30px;
}
#VENTES .titre{
  background-image: url(imgs/anim-vente.gif);
  background-position: 10px 10px;
}
#LOCATIONS .titre{
  color: #009BD1;
}
#DROITE{
  position: relative;
  float: left;
  width: 175px;
}
#DROITE .photo1, #DROITE .photo2{
  background: url(imgs/PHOTO_6.jpg) no-repeat;
  float: none;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 15px;
  width: 165px;
  height: 132px;
}
#DROITE .photo2{
  background-image: url(imgs/PHOTO_7.jpg);
}
#ACC, #CORPS {
  float: left;
  position: relative;
  width: 740px;
}
#ACC {
  height: 330px;
}
#ANNONCE {
  width: 600px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#CORPS {
  width: 600px;
  margin-left: 50px;
}
#CORPS .titre {
  padding-top: 30px;
  font-size: 18px;
  margin-bottom: 5px;
  float: left;
}
#CORPS .nb_annonces {
  font-size: 18px;
  color: #009BD1;
  font-weight: bold;
}
#CORPS .trie {
  padding-top: 15px;
  padding-right: 110px;
  float: right;
}
/*CORPS .trie select, #CORPS .trie option{
  width: 150px;
}*/
#CORPS .trie select {
	width:auto;
}
#ANNONCE .retour {
  padding-top: 8px;
}
#CORPS #LIST {
  width: 485px;
  border: 1px solid #0057A5;
  padding: 5px;
  overflow:auto; 
  _overflow:visible; 
  padding-left: 8px;
  _height:420px;
  min-height:420px;
}
#ANNONCE #DETAIL {
  text-align: center;
}
#CORPS #LIST .bloclist {
  width: 135px;
  text-align: center;
  float: left;
  margin: 10px;
}
#CORPS #LIST .bloclist img { /* J'ai ajouté ça */
  width: 120px;
  height: 90px;
  border: 0;
}
#CORPS #LIST .bloclist .type td {
  font-size: 11px;
  height:50px;
  text-align:center;
}
#CORPS #LIST .bloclist .type td a {
	text-decoration: none;
    font-weight: bold;
}
#CORPS #LIST .bloclist .prix {
  font-size: 12px;
  color: #F15A31;
  height:30px;
  margin-top:7px;
}
#CORPS .navigation {
  text-align: center;
  font-size: 12px;
  margin-top: 20px;
  padding-right: 110px;
}
#CORPS .navigation img{
  border: 0;
  vertical-align: middle; /* J'ai ajouté ça */
}
#ANNONCE #DETAIL .info {
  margin-top: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  border: 1px solid #0057A5;
  text-align: left;
}
#ANNONCE #DETAIL .titre {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 30px;
  color: #009BD1;
  float: none;
}
#ANNONCE #DETAIL .titre-rouge {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 30px;
  color: #F15A31;
}
#ANNONCE #DETAIL .prix {   /* J'ai ajouté ça */
  font-size: 15px;
  font-weight: bold;
  color: #F15A31;
}
#ANNONCE #DETAIL .photo {
  margin-left: 30px;
  margin-top: 20px;
}
#ANNONCE #DETAIL .photo img{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
#ANNONCE #DETAIL .text {
  text-align: justify;
  margin-bottom: 5px;
  margin-left: 30px;
  padding-left: 10px;
  width: 538px;
  font-size: 13px;
  border-left: 3px solid #009BD1;
}
#ACC #CONTACT{
  background: url(imgs/BG-border-dotted.gif) repeat-y right;
  float: left;
  width: 290px;
  margin-top: 30px;
}
#MOTEUR{
  float: left;
  width: 290px;
  margin-top: 30px;
}
#MOTEUR .logo, #ANNONCE .logo {
  background: url(imgs/LOGO-pt.gif) no-repeat;
  width: 195px;
  height: 30px;
  margin-left: 60px;
}
#ANNONCE .logo {
  margin-left: auto;
  margin-right: auto;
}
#MOTEUR .logo a {
  display: block;
  width: 195px;
  height: 30px;
}
#MOTEUR #LOCATIONS, #MOTEUR #VENTES{
  margin-right: 10px;
  padding-top: 20px;
}
#MOTEUR #LOCATIONS{
  padding-top: 20px;
}
#ACC #CONTACT .content{
    text-align: center;
}
#MOTEUR .content .titre{
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

#MOTEUR .content input, #MOTEUR .content select, #MOTEUR .content textarea {
  font-family: "verdana",Arial, Geneva, Helvetica, sans-serif;
  width: 150px;
  font-size: 11px;
  color: #003576;
}
#MOTEUR .content input.max, #MOTEUR .content select.max, #MOTEUR .content textarea.max {
  font-family: "verdana",Arial, Geneva, Helvetica, sans-serif;
  width: 250px;
  font-size: 11px;
  color: #003576;
}
#MOTEUR .content input.mini, #MOTEUR .content select.mini {
  font-family: "verdana",Arial, Geneva, Helvetica, sans-serif;
  width: 85px;
  font-size: 11px;
  color: #003576;
}
#MOTEUR .content input.somini, #MOTEUR .content select.somini {
  font-family: "verdana",Arial, Geneva, Helvetica, sans-serif;
  width: 60px;
  font-size: 11px;
  color: #003576;
}
#MOTEUR .content textarea.comment {
  width: 410px;
  margin-left:110px;
}
#MOTEUR .content input.radio {
  width: 15px;
  line-height: 15px;
}
#MOTEUR .content input.bouton {
  font-family: "verdana",Arial, Geneva, Helvetica, sans-serif;
  background-color: #003576;
  color: #FFF;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 11px;
  width: 99px;
}
#MOTEUR .content .bloctext{
  width: 90px;
  float: left;
  text-align: right;
  line-height: 20px;
  font-weight: bold;
  font-size: 10px;
}
#MOTEUR .content .blocform{
  width: 150px;
  float: left;
  font-size: 10px;
}
#MOTEUR .content .bloc{
  width: 520px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
}
#MOTEUR .content .demibloc{
  float: left;
  width: 260px;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
}
#MOTEUR .content .copyright{
  color: #F15A31;
  font-size: 10px;
  text-align: right;
}
#MOTEUR .content .copyright a:link,#MOTEUR .content .copyright a:visited,#MOTEUR .content .copyright a:active {
  color: #F15A31;
  text-decoration: none;
}
#MOTEUR .content .copyright a:hover {
  color: #F15A31;
  text-decoration: none;
}
#MOTEUR .comment {
  text-align: center;
  font-size: 15px;
  margin-left: 60px;
  margin-right: 20px;
  margin-top: 50px;
}

#ACC #CONTACT .content .text{
    padding: 10px;
    font-size: 11px;
}
#ACC #CONTENT{
  padding-top: 30px;
  text-align: center;
}
#ACC #CONTENT .accroche{
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
}
#ACC #CONTENT .intro{
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}
#ACC #CONTENT #LOCATIONS, #ACC #CONTENT #VENTES{
  float: left;
  width: 217px;
  text-align: center;
  padding-top: 20px;
  margin-right: 0;
}
#ACC #CONTENT #LOCATIONS .bt-rennes,#ACC #CONTENT #LOCATIONS .bt-periph, #ACC #CONTENT #VENTES .bt-rennes, #ACC #CONTENT #VENTES .bt-periph{
  background: url(imgs/BT_loc-rennes.gif) no-repeat 0 0;
  width: 99px;
  margin-left: 5px;
  height: 32px;
  float: left;
}
#ACC #CONTENT #LOCATIONS .bt-periph{
  background-image: url(imgs/BT_loc-periph.gif);
  margin-left: 0px;
}
#ACC #CONTENT #VENTES .bt-rennes{
  background-image: url(imgs/BT_vente-rennes.gif);
}
#ACC #CONTENT #VENTES .bt-periph{
  background-image: url(imgs/BT_vente-periph.gif);
  margin-left: 0px;
}
#ACC #CONTENT #LOCATIONS .bt-rennes a:link,#ACC #CONTENT #LOCATIONS .bt-rennes a:visited,#ACC #CONTENT #LOCATIONS .bt-rennes a:active,#ACC #CONTENT #LOCATIONS .bt-periph a:link,#ACC #CONTENT #LOCATIONS .bt-periph a:visited,#ACC #CONTENT #LOCATIONS .bt-periph a:active, #ACC #CONTENT #VENTES .bt-rennes a:link,#ACC #CONTENT #VENTES .bt-rennes a:visited,#ACC #CONTENT #VENTES .bt-rennes a:active, #ACC #CONTENT #VENTES .bt-periph a:link, #ACC #CONTENT #VENTES .bt-periph a:visited, #ACC #CONTENT #VENTES .bt-periph a:active{
  background: url(imgs/BT_loc-rennes.gif) no-repeat 0 0;
  display: block;
  width: 99px;
  height: 32px;
}
#ACC #CONTENT #LOCATIONS .bt-periph a:link,#ACC #CONTENT #LOCATIONS .bt-periph a:visited,#ACC #CONTENT #LOCATIONS .bt-periph a:active {
  background-image: url(imgs/BT_loc-periph.gif);
}
#ACC #CONTENT #VENTES .bt-rennes a:link,#ACC #CONTENT #VENTES .bt-rennes a:visited,#ACC #CONTENT #VENTES .bt-rennes a:active {
  background-image: url(imgs/BT_vente-rennes.gif);
}
#ACC #CONTENT #VENTES .bt-periph a:link, #ACC #CONTENT #VENTES .bt-periph a:visited, #ACC #CONTENT #VENTES .bt-periph a:active {
  background-image: url(imgs/BT_vente-periph.gif);
}
#ACC #CONTENT #LOCATIONS .bt-rennes a:hover, #ACC #CONTENT #LOCATIONS .bt-periph a:hover, #ACC #CONTENT #VENTES .bt-rennes a:hover,#ACC #CONTENT #VENTES .bt-periph a:hover{
  background-position: 0 -32px;
}
#ACC #CONTENT #LOCATIONS .titre, #ACC #CONTENT #VENTES .titre{
  background: url(imgs/anim-loc.gif) no-repeat 10px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 3px;
  line-height: 30px;
}
#ACC #CONTENT #VENTES .titre{
  background-image: url(imgs/anim-vente.gif);
  background-position: 10px 10px;
}
#ACC #CONTENT #LOCATIONS .titre{
  color: #009BD1;
}
#PIED {
  position: relative;
  background: url(imgs/BG-Pied.gif) repeat-x;
  height: 31px;
}
#PIED .menu {
  text-align: center;
  color: #BACDEA;
  line-height: 20px;
}
#PIED .menu a:link,#PIED .menu a:visited,#PIED .menu a:active {
  color: #BACDEA;
  text-decoration: underline;
}
#PIED .menu a:hover {
  color: #BACDEA;
  text-decoration: none;
}
#PIED .menu-active {
  text-align: center;
  font-weight: bold;
  color: #BACDEA;
}
#PIED .menu-active a {
  color: #BACDEA;
  text-decoration: none;
}