html{
  margin: 0;
  padding: 0;
  height: 100%;
}

body{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000000;
  font-family: Arial;
  font-size: 12px;
}

table{
  color: #000000;
  font-family: Arial;
  font-size: 12px;
}

a{
  color: #000000;
}

div{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: transparent;
}

#conteneur{
  position: absolute;
  width: 980px !important;
  width: 1024px;
  padding: 0 22px;
  left: 50%;
  margin-left: -512px;
  background-repeat:repeat-y;
  background: url(images/fond.jpg) bottom #FFFFFF repeat-x;
}

#subheader{
  float: left;
  width: 980px;
  margin-bottom: 10px;
}

#header{
  float: left;
  width: 980px;
  height: 103px;
  position: relative;
  background: url(images/header.jpg) #FFFFFF no-repeat;
  margin-bottom: 15px;
}

#header a{
  float: left;
  display: block;
  width: 205px;
  height: 86px;
  margin-left: 15px;
}

#header a#fnaim{
  float: right;
  width: 65px;
  height: 60px;
  margin: 36px 15px 0 0;
}

#header a#unis{
  float: right;
  width: 65px;
  height: 60px;
  margin: 36px 12px 0 0;
}

#header a#index-fnaim{
  float: none;
  margin: 0;
  position: absolute;
  display: block;
  width: 65px;
  height: 60px;
  top: 36px;
  left: 905px;
}

#header a#index-unis{
  position: absolute;
  float: none;
  margin: 0;
  display: block;
  width: 65px;
  height: 60px;
  top: 36px;
  left: 832px;
}

#sous-header{
  float: left;
  width: 980px;
  margin-bottom: 15px;
}

#recap{
  float: left;
  width: 980px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #666666;
}

#contenu{
	float: left;
	width: 980px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #194D74;
}

#contact{
  float: left;
  width: 980px;
  margin-bottom: 20px;
}

#contenu.popup{
  float: left;
  width: 590px;
  margin-left:35px;
}

.medaillon{
  float: left;
  width: 305px;
  height: 188px;
  margin: 0 10px 10px 10px;
  padding: 0;
}

.medaillon .image-loc{
  float: left;
  background: url(images/titre-loc.jpg) #FFFFFF no-repeat;
  width: 148px;
  height: 118px;
  overflow: hidden;
  padding: 28px 0 0 0;
}

.medaillon .image-vente{
  float: left;
  background: url(images/titre-vente.jpg) #FFFFFF no-repeat;
  width: 148px;
  height: 118px;
  overflow: hidden;
  padding: 28px 0 0 0;
}

.medaillon .image{
  float: left;
  width: 148px;
  height: 118px;
  overflow: hidden;
}

.medaillon .desc{
	float: left;
	width: 147px !important;
	width: 157px;
	padding-left: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #88ACC6;
	font-weight: bold;
}

.savoir-plus{
  display: block;
  width: 89px;
  height: 28px;
  background: url(images/bt-savoirplus.jpg) #FFFFFF no-repeat;
  margin-top: 10px;
  border: 0px solid;
  cursor: pointer;
}

.savoir-plus-vente{
  display: block;
  width: 89px;
  height: 28px;
  background: url(images/bt-savoirplus-vente.jpg) #FFFFFF no-repeat;
  margin-top: 10px;
  border: 0px solid;
  cursor: pointer;
}

.medaillon h2{
  font-size: 14px;
  margin: 0 0 5px 0;
}

.medaillon .desc h2{
	font-size: 12px;
	margin: 8px 0 18px 0;
}

.medaillon img{
  height: 116px;
  border: 1px solid #909b9d;
}

#contenu h1{
	background: url(images/puce-titre.png) no-repeat;
	color: #333333;
	padding-left: 35px;
	font-size: 24px;
}

#contenu.agence h1{
	background: url(images/puce-recherche.png) no-repeat;
	float: left;
	color: #333333;
	padding-left: 20px;
	width: 340px !important;
	width: 360px;
	font-size: 24px;
	margin: 0 0 10px 10px;
	text-align: left;
}

#contenu.agence #entete{
	float: left;
  width: 582px;
  margin-bottom: 15px;
  text-align: center;
}

#contenu.agence h2{
	float: left;
	color: #F00;
	padding-left: 20px;
	width: 340px !important;
	width: 360px;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 30px 10px;
}

#footer{
  float: left;
  width: 980px;
  font-size: 10px;
  padding-bottom: 25px;
}

#footer .colonne-simple{
  float: left;
  width: 180px !important;
  width: 220px;
  padding: 0 20px 0 20px;
}

#footer .colonne-simple a{
  float: left;
  width: 180px;
  padding: 5px 0;
  text-decoration: none;
  font-size: 11px;
}

#footer .colonne{
  float: left;
  width: 260px;
}

#footer .colonne a{
  float: left;
  width: 130px;
  padding: 5px 0;
}

#onglet-vente{
  display: block;
  float: left;
  margin-right: 17px;
  width: 315px;
  background: url(images/onglet-vente.jpg) #FFFFFF no-repeat;
}

#onglet-vente a.haut{
  display: block;
  float: left;
  height: 101px !important;
  height: 296px;
  width: 240px !important;
  width: 315px;
  padding: 195px 40px 0 35px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  color: #FFFFFF;
  margin: 0;
}

#onglet-vente .centre{
  display: block;
  float: left;
  width: 315px;
  background: url(images/onglet-vente-fond.jpg) #FFFFFF repeat-y;
  display: none;
}

#onglet-vente select{
  width: 200px;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #666666;
  margin: 10px 0 10px 25px;
}

#onglet-vente a.bas{
  display: block;
  float: left;
  height: 46px;
  width: 315px;
  background: url(images/onglet-vente-bas.jpg) #FFFFFF no-repeat;
}

#onglet-loc{
  display: block;
  float: left;
  margin-right: 16px;
  width: 316px;
  background: url(images/onglet-loc.jpg) #FFFFFF no-repeat;
}

#onglet-loc a.haut{
  display: block;
  float: left;
  height: 101px !important;
  height: 296px;
  width: 240px !important;
  width: 315px;
  padding: 195px 40px 0 35px;
  background: url(images/onglet-loc.jpg) #FFFFFF no-repeat;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  margin: 0;
}

#onglet-loc .centre{
  display: block;
  float: left;
  width: 315px;
  background: url(images/onglet-loc-fond.jpg) #FFFFFF repeat-y;
  display: none;
}

#onglet-loc select{
  width: 200px;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #666666;
  margin: 10px 0 10px 25px;
}

#onglet-loc a.bas{
  display: block;
  float: left;
  height: 46px;
  width: 315px;
  background: url(images/onglet-loc-bas.jpg) #FFFFFF no-repeat;
}


#onglet-agence{
  display: block;
  float: left;
  width: 316px;
  background: url(images/onglet-agence.jpg) #FFFFFF no-repeat;
}

#onglet-agence #logos{
  float: left;
  width: 300px;
  height: 175px;
  margin: 10px 0 0 5px;
}

#onglet-agence a.logo{
  float: left;
  width: 97px;
  height: 58px;
}

#onglet-agence a.haut{
  display: block;
  float: left;
  height: 101px;
  width: 240px !important;
  width: 315px;
  padding: 0 40px 0 35px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  margin:  10px 0 0 0;
}

#onglet-agence .centre{
  display: block;
  float: left;
  text-align: center;
  width: 315px;
  background: url(images/onglet-agence-fond.jpg) #FFFFFF repeat-y;
  display: none;
}

#onglet-agence a.bas{
  display: block;
  float: left;
  height: 46px;
  width: 315px;
  background: url(images/onglet-agence-bas.jpg) #FFFFFF no-repeat;
}

#titre-vente{
  background: url(images/vente.png) #e0e4ec center no-repeat;
  height: 67px;
  width: 980px;
  position: relative;
  z-index: 900;
}

#titre-loc{
  background: url(images/location.png) #e0e4ec center no-repeat;
  height: 67px;
  width: 980px;
  position: relative;
  z-index: 900;
}

#recherche{
  float: left;
  width: 980px;
  background-color: #e0e4ec;
}

#recherche #plan{
  float: right;
  width: 490px;
  height: 420px;
  margin-right: 30px;
}

#recherche h1{
  background: url(images/puce-recherche.png) no-repeat;
  color: #333333;
  float: left;
  padding-left: 23px;
  font-size: 15px;
  width: 300px;
  margin: 0 0 0 15px;
}

#recherche select{
  width: 200px;
  padding: 2px;
  font-size: 12px;
  color: #666666;
  border: 1px solid #666666;
  margin: 10px 0 10px 25px;
}

#reduc-recherche{
  display: block;
  float: left;
  width: 980px;
  height: 53px;
}

#reduc-recherche.maxi{
  background: url(images/onglet-reduire.jpg) #FFFFFF no-repeat;
}

#reduc-recherche.mini{
  background: url(images/onglet-recherche.jpg) #FFFFFF no-repeat;
}

#fiche-menu{
  float: right;
  width: 365px !important;
  width: 385px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #acb7cc;
  clear: right;
}

#fiche-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

#fiche-menu ul li{
  border: 1px solid #FFFFFF;
}

#fiche-menu .sous-menu{
  float: right;
  width: 345px !important;
  width: 365px;
  padding: 10px;
  margin: 0;
  display: none;
}

#fiche-menu .sous-menu form{
  text-align: right;
  margin: 0;
  line-height: 28px;
}

.right{
  float: right;
}

#fiche-menu a.liens{
  display: block;
  float: left;
  font-size: 18px;
  width: 335px !important;
  width: 365px;
  padding: 0 15px;
  line-height: 37px;
  margin: 0 0 2px 0;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, #FFFFFF, #cdcdcd); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #cdcdcd)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, EndColorStr=#cdcdcd); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, EndColorStr=#cdcdcd)"; /* IE8 */
}

#fiche-menu a.liens:hover{
  color: #FFFFFF;
  background-image: -moz-linear-gradient(top, #aab5ca, #44526e); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aab5ca),color-stop(1, #44526e)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr=#aab5ca, EndColorStr=#44526e); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#aab5ca, EndColorStr=#44526e)"; /* IE8 */
}

#fiche-photo{
  float: left;
  width: 582px;
}

.agence #fiche-photo{
  float: left;
  width: 582px;
  clear: none;
  margin-bottom: 15px;
  text-align: center;
}

#fiche-photo .grande{
	float: left;
	position: relative;
	text-align: center;
	width: 440px;
  overflow: hidden;
	height: 300px;
	margin: 0 0 0px 0;
}

#fiche-photo .grande #marque-vente{
	position: absolute;
  width: 134px;
  height: 73px;
  left: 310px;
	background: url(images/marque-vente.png) transparent no-repeat;
}

#fiche-photo .grande #marque-location{
	position: absolute;
  width: 134px;
  height: 73px;
  left: 310px;
	background: url(images/marque-location.png) transparent no-repeat;
}

#fiche-photo .petite{
  float: right;
  width: 110px;
  height: 71px;
  overflow: hidden;
  text-align: center;
  margin: 14px 0 15px 12px ;
}

.agence #fiche-desc{
  float: left;
  width: 560px !important;
  width: 582px;
  border: 1px solid #acb7cc;
  padding: 10px;
}

#fiche-desc{
  float: left;
  width: 580px !important;
  width: 582px;
  border: 1px solid #acb7cc;
  margin-top: 5px;
}

#fiche-desc h3{
	font-size: 14px;
	margin: 0 0 10px 0;
	color: #194D74;
}

#fiche-desc h4{
	font-size: 14px;
	margin: 10px 0 5px 0;
	padding-left: 15px;
	background: #FFFFFF no-repeat;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#fiche-desc .col-gauche{
  width: 282px !important;
  width: 292px;
  float: left;
  padding: 5px;
  text-align: justify;
}

#fiche-desc .col-droite{
	width: 278px !important;
	width: 288px;
	float: right;
	padding: 5px;
	text-align: justify;
}

#form-loc-gauche{
  float: left;
  width: 475px;
  clear: both;
}

#form-loc-droite{
  float: right;
  width: 465px;
}

.retour{
  display: block;
  float: right;
  width: 138px;
  height: 46px;
  background: url(images/bt-retour.jpg) #FFFFFF no-repeat;
}

.selection img{
}

.selection .desc-selec{
  float: right;
  width: 230px;
}

.selection{
  margin-bottom: 10px;
  padding: 0;
  width: 345px;
  float: left;
}
.textearial10bleu {
	font-size: 10px;
	color: #333;
}
.y {
	color: #174363;
	font-size: 11px;
}
.texteloyerliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1B4869;
}
.textechargeliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1B4A6C;
}
.textedescriptif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textechargeficge {
	font-size: 12px;
	color: #194D74;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
.textechargefiche {
	font-family: Arial, Helvetica, sans-serif;
}
.textechargefiche {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #194D74;
}
.textetitreannonce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #194D72;
}
#conteneur #contenu .medaillon .desc h2 strong {
	color: #2B5C7D;
}
.textetitreaccueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #194D72;
}