body {
	margin:0;
	padding:0;
	font-family: arial, helvetica, sans-serif;
	background-color: #fff;
	font-size: 11px;
	color: #000;
}

#bodypopup {
	margin:20px 20px 10px 20px;
}

p {
	font-size: 1.0em;
	margin-bottom: 0.55em;
	line-height: 1.25em;
}

h1 {
	margin-top: 1.0em;
	margin-bottom: 0.8em;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color:#E8650E;
	color:#CC6600;
}

h4 {
	margin-top: 0.8em;
	margin-bottom: 0.7em;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color:#CC6600;
	/*color:#5292B8;*/
}

a {
	color:#0000CC;	
}

table, th, td {
	font-size:11px;
}

tr {
	vertical-align:top;
}

hr {
	margin:4px 0px;
	border: 0px none;
	color: #5382BA;
	background-color: #5382BA;
	height: 1px;
}

td.borderlight {
	border: 1px solid #BFC2DF;
}

/* ------ basic styles ------- */


#frame { 
	position:absolute;
	left:50%;
	padding:0;
	padding-bottom:20px;
	margin:0;
	margin-left:-385px;
	width:770px;
}

#container { 
	width:770px;
	border: 1px solid #5382BA;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:768px;	
}

html>body #container { width:768px }


#header1 {
	height:10px;
	line-height:0px;
	margin:0;
	padding:0;
}

#header1 a{
	text-decoration:none
}

#header {
	width:100%;

	margin:0;
	padding:0;
	background: url("../Images/198/bg_haut.gif") right top no-repeat;
}

#headerLogo {
	margin:0;
	padding:0;
	float:left;
	margin-top:5px;
	margin-left:10px;
	width:250px;
	height:60px;

}

#headerTop {
	float:right;
	width:300px;
	height:185px;
	text-align:right;
	margin:0;
	margin-top:3px;
	margin-right:5px;
	padding:0;
	font-size:10px;
}

#headerText {
	clear:both;
	height:18px;
	margin:0;
	padding:0;
	margin-left:25px;
	margin-top:3px;
	font-weight:bold;
	font-style: italic;
	font-size: 12px;
	line-height: 12px;
	color: #E8650E;
	color:#CC6600;
}

#subnav {
	background-color: #99CADD;
	height:15px;
	font-size: 10px;
}

#subnav a{
	text-decoration:none;
}

#contentHolder {
	margin:0px;
	padding:0px;
	width:728px;
	min-height: 280px;
	height: auto;
   	_height: 280px;
    margin-left:20px;
}

/*#contentHolder p, #contentHolder h1 {
	margin-left:20px;
	margin-right:20px;
}*/

#contentAccueil {
	width:596px;
	min-height: 195px;
	height: auto;
   	_height: 195px;
}

#contentAccueil img {
	float:left;
	margin:5px 10px 5px 0px;
}

#topright2 {
	top:285px;	
}


#footer1 {
	text-align:center;
	background-color: #D5E7EB;
	/*height:50px;*/
	font-size: 10px;
	margin: 0px; 
	padding: 0px 60px;
	color:#000;
    width: 768px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:648px;	
}

html>body #footer1 { width:648px } 

#footer2 {
	text-align:center;
	font-size: 10px;
	margin: 0px; 
	padding: 2px 0px;
	height:16px;
}

.annoncesContainer {
    width: 748px;
    overflow: auto;
    padding: 0;
    margin:10px 0px 20px 0px;
} 
    
.annonceHoldersm {
	float:left;
	margin:0px;
	padding:0px;
	width:350px;
	min-height: 82px;
	height: auto;
   	_height: 82px;
   	overflow:hidden;
	border: 1px solid #5382BA;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:348px;
	height: 80px;
}

html>body .annonceHoldersm { width:348px;height: 80px;}

.annonceHoldersm iframe{
	width:348px;
	height:80px;
}

.thumbHolder {
	float:left;
	overflow:hidden;
	text-align:center;
	width:106px;
	height:80px;
	background-color: #efefef;
}

.thumbHolder img {
	width:106px;
}

.thumbHolder a {
	text-decoration:none;
	color:#555;
}

.thumbHolder span {
	display:block;
	margin-top: 27px;
	font-size:10px;
	color:#555;
}

.infoHolder {
	float:right;
	width:224px;
	margin:0;
	padding:5px 5px 0px 0px;
}

.annonceTitre {
	margin:0;
	padding:0;
	height:14px;
	width:217px;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
}

.annonceDetail {
	display:block;
	margin:0;
	padding:0;
	height:28px;
	overflow:hidden;
	color:#6C6F72;
}

.annonceLien {
	display:block;
	margin:0;
	padding:0;
	float:right;
}

.annoncePrix {
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#404040;
}


.annonceHolder {
	margin:0px;
	margin:10px 0px 20px 0px;
	padding:0px;
	width:576px;
	min-height: 82px;
	height: auto;
   	_height: 82px;
   	overflow:hidden;
	border: 1px solid #5382BA;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:574px;
	height: 80px;
}

html>body .annonceHolder { width:574px;height: 80px;}

.annonceHolder iframe{
	width:574px;
	height:80px;
}

.infoHolderBig,.infoHolderBigRech {
	float:right;
	width:454px;
	margin:0;
	padding:5px 5px 0px 0px;
}

.infoHolderBigRech {
	width:563px;
}

.annonceTitreBig,.annonceTitreBigRech {
	margin:0;
	padding:0;
	display:block;
	width:294px;
	height:18px;
	overflow:hidden;
	white-space: nowrap; 
	float:left;
	text-transform:uppercase;
	font-weight:bold;
}

.annonceTitreBigRech{
	width:253px;
}

.annonceDetailBig {
	display:block;
	clear:both;
	overflow:hidden;
	width:440px;
	margin:0;
	padding:0;
	height:39px;
	color:#6C6F72;
}

.annonceLienBig {
	display:block;
	float:right;
	margin:0;
	padding:0;
	padding-right:5px;
	width:400px;
	text-align:right;
}

.annoncePrixBig,.annoncePrixBigRech {
	display:block;
	float:right;
	width:90px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-right:5px;
	color:#404040;
	text-align:right;
}

.annoncePrixBigRech{
	width:300px;
}

.detailannonceimgsm {
	/*width:280px; 
	height:80px;*/
	white-space: nowrap; 
	overflow: auto;
	margin:3px 0;
}

#IMAGE1,
#IMAGE2,
#IMAGE3,
#IMAGE4,
#IMAGE5,
#IMAGE6,
#IMAGE7,
#IMAGE8,{
	width:80px; 
}

.bigiframe {
	width:576px;
	margin:0 0 20px 0;
	min-height: 1600px;
	height: auto;
   	_height: 1600px;
}

.bigiframe iframe {
	width:576px;
	height:1600px;
}

.bigiframeGestion {
	width:748px;
	margin:20px 0 20px 20px;
	min-height: 1400px;
	height: auto;
   	_height: 1400px;
}

.bigiframeGestion2 {
	width:728px;
	margin:0 20px 20px 20px;
	min-height: 1400px;
	height: auto;
   	_height: 1400px;
}

.bigiframeGestion iframe {

}

.reset {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	font-size:1px;
	line-height:1px;
}

.resultats {
	text-align:left;
}

.lienRetourRecherche {
	text-align:right;
}

.lienRetour {
	text-align:right;
}


.offretop {
	background-color:#D5E7EB;
}

.offrePhoto {
	
}

.offrePhoto img {

}

.offrePhoto #IMAGE {

}

.offrePhotoSmall {
	margin:0;
	padding:2px 0px 5px 0px;
	border: solid 1px #5382BA;
}

.offrePhotoSmall p {
	text-align:center;
	font-weight:bold;
	padding:0;
	margin:0;
}

.offrePhotoSmallHolder {
	display:block;
	text-align:center;
}

.offrePhotoSmallHolder img {
	width:37px;
	margin: 7px 12px 3px 12px;
	vertical-align:bottom; 		
}

.pasdimage {
	margin:0;
	text-align:center;
	font-size:10px;
	padding-top:80px;
	color:#555;
	height:120px;
	width:100%;
	background-color: #efefef;
}

.offreDepartement {
	padding-left:20px;
	text-align:center;
	font-size:11px;
	color:#555;
}

.offreLien {
	font-size:13px;
	text-align:center;
}

#annonceDetail {
	margin-top:10px;
	margin-bottom:15px;
	border: solid 1px #5382BA;
	padding:3px;
	width:100%;
}

#annonceDetail td {
	padding:7px;
}

#plusdinfos {
	table-layout: fixed;
	border-collapse: collapse;
}

#plusdinfos td {
	border: solid 1px #5382BA;
	padding:3px;
}

.lienFleche {
	display: inline;
	padding-left:16px;
	background: url("../Images/198/fleche-bleue.gif") left top no-repeat;
}

.lienFlecheRetour {
	display: inline;
	padding-left:16px;
	background: url("../Images/198/fleche-bleue-retour.gif") left top no-repeat;
}

.lienFermer {
	display: inline;
	padding-left:16px;
	background: url("../Images/198/cross.gif") left top no-repeat;
}

h4.headerGestion{
	display: block;
	width:490px;
	margin: 0;
	padding: 0;
	float:left;
} 

#formdepartement {
	float:right;
	margin: 0;
	padding: 0;
	width:230px;
	text-align:right;
} 

.fieldsetcontacts {
	margin: 0 0 10px 0;
	border:1px solid #DAC61D;
	background:#fff;
	font-size:11px;
	padding:15px;
}

.fieldsetcontacts legend {
	font-family: arial, helvetica, sans-serif;
	color:#C7B516;
	font-size:14px;
	padding:0px 3px;
}

.fieldsetannonces {
	margin: 0 0 10px 0;
	border:1px solid #1DABDA;
	background:#fff;
	font-size:11px;
	padding:15px;
}

.fieldsetannonces legend {
	font-family: arial, helvetica, sans-serif;
	color:#169BC7;
	font-size:14px;
	padding:0px 3px;
}

.annonceListHeader {
	color:#fff;
	background:#000;
	font-weight:bold;
}

.annonceListDetails {
	vertical-align:top;
}

.annoncesAcheteursDesc {
	padding:3px;
}

.avalider {
	/*font-style:italic;*/
	text-decoration:none;
	font-weight:bold;
	color:#0000CC;
	/*cursor: help;*/
	font-size:11px;
}

.message {
	color:#CC0000;
	font-weight:bold;
}

.annonceApercu {
	width:450px;
	margin: 0 auto;
	margin-bottom: 10px;
	border:1px solid #1DABDA;
	background:#fff;
	padding:10px;
}

.voirContacts7 {
	width:330px;
	float:left;
}

.ajouterAnnonce {
	width:330px;
	float:right;
	text-align:right;
}

.ajouterProspection {
	width:300px;
	float:right;
	text-align:right;
}

ul.listRecherche {
	list-style-type:square;
	font-weight:bold;
}

.Cache{
	display:none;
}

/* ------ navigation ------- */	


#navcontainer {
	clear:both;
	padding: 0;
	margin: 0;
	text-align:left;
	height:21px;
	width:100%;
}

#navigation a {
	color: #fff;
	background: #0070AA url("../Images/198/left-tab.gif") left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	margin-right:4px;
}

#navigation a span {
	background: url("../Images/198/right-tab.gif") right top no-repeat;
	padding-right: 10px;
}

#navigation a, #navigation a span {
	display: block;
	float: left;
	font-weight:bold;

}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span {
	float: none;
}

#navigation a:hover {
	color: #fff;
	background: #99CADD url("../Images/198/left-tab-hover.gif") left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
}

#navigation a:hover span {
	background: url("../Images/198/right-tab-hover.gif") right top no-repeat;
	padding-right: 10px;
}

#navigation li#active a {
	background: #99CADD url("../Images/198/left-tab-hover.gif") left top no-repeat;
	color:#2B2B2B;
}

#navigation li#active {

}


#navigation li#active a span {
	background: url("../Images/198/right-tab-hover.gif") right top no-repeat;
}

#navcontainer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left:25px;
}

#navcontainer li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height:21px;
	line-height: 21px;
} 



/* ------ formulaires ------- */



/*input, textarea {
	font-size:11px;
	border:1px solid #9A9491;
}*/

button, input, select, option, textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

/*select, option {
	border: 0px;
}

button, input, textarea {
	border:1px solid #9A9491;
}*/

#formrechercheHolder {
	width:603px;
	margin:0 auto;
	padding:5px 0px;
	text-align:center;
}

#formrecherche {
	padding:0px;
	width:350px;
	text-align:left;
	border: 1px solid #5382BA;
	vertical-align:middle;
}

#formrecherche tr {
	vertical-align:middle;
}

.formRechercheTxt {
	padding:3px;
	text-align:right;
}

.formRechercheField {
	padding:3px;
}

.formRechercheField input,.formRechercheField select,.formRechercheField option,.formRechercheField textarea  {
	width:150px;
}

.formRechercheField .buttonRecherche {
	width:120px;
}



#formOffreContact {
	table-layout:fixed;
	width:450px;
}

#formOffreContact td {
	padding:3px;
}

#formOffreContact tr {
	vertical-align:middle;
}

#formOffreContact .button {
	width:90px;
}



#formGestionAccueil {
	table-layout:fixed;
	width:640px;
	margin:20px 0px;
}

#formGestionAccueil h4 {
	margin-left:20px;
}

#formGestionAccueil td {
	padding:3px;
}

#formGestionAccueil tr {
	vertical-align:middle;
}

#formGestionAccueil .button {
	width:90px;
}



#formModifier {
	width:720px;
}

.formModifierTxt {
	padding:3px;
	text-align:right;
}

.formModifierField {
	padding:3px;
}

.Bouton{
	font-size:1.1em;
	padding:0 2px;
}



/* ------ customisation ------- */


/* couleur des headers */
h1 {
	color:#3A91D0;
}

h4 {
	color:#5382BA;
}

/* couleur des règles */
hr {
	color: #5382BA;
	background-color: #5382BA;
}

/* couleur du liseré du cadre principal */
#container { 
	border-color: #5382BA;
}

/* dimensions du div qui contient le logo */
#headerLogo {
	width:250px;
	height:60px;
}

/* couleur du message sous le logo */
#headerText {
	color:#5382BA;
}

/* couleur du liseré clair */
td.borderlight {
	border-color: #5382BA;
}


/* couleurs de la navigation */
#navigation a {
	color: #fff;
	background-color: #5382BA;
}
#navigation a:hover {
	color: #fff;
	background-color: #837B79;
}
#navigation li#active a {
	color: #fff;
	background-color: #837B79;
}


/* couleur du bandeau sous la navigation */
#subnav {
	background-color: #837B79;
}

/* couleur du fond du bandeau du header dans le détail d'une annonce */
.offretop {
	background-color:#D9E1F6;
}

/* couleur du liseré des annonces pages d'accueil */
.annonceHoldersm {
	border-color: #5382BA;
}

/* couleur du liseré des annonces - liste de résultats */
.annonceHolder {
	border-color: #5382BA;
}

/* couleur du liseré des vignettes */
.offrePhotoSmall {
	border-color: #5382BA;
}

/* couleur du liseré du détail d'une annonce */
#annonceDetail {
	border-color: solid 1px #5382BA;
}

/* couleur du liseré des infos complémentaires dans détail d'une annonce */
#plusdinfos td {
	border-color: solid 1px #5382BA;
}

/* couleur du liseré de la recherche */
#formrecherche {
	border-color: 1px solid #5382BA;
}

/* style des boutons */
.button, .buttonRecherche {
	background-color:#5382BA;
	/*border: 1px solid #626B79;*/
	color:#fff;
}
input.buttonEntrer {
	background-color:#5382BA;
	border: 1px solid #626B79;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align:middle;
	height:17px;
	padding-top:0px;
}
input.texteEntrer {
	font-size: 10px;
	width:70px;
	height:13px;
	vertical-align:middle;
	border:1px solid #9A9491;
}

/* remplacement du style "fleche" pour les headers H1 venant des platformes */
.fleche {
	background: url("../Images/198/spacer.gif") 0 2px no-repeat;
	padding:0;
}

#footer1 {
	background-color: #D5E7EB;
}