#colcentral{
	margin-left:15px;
}
#colgauche{
	float:left;
	width:385px;
}
#coldroite{
	margin-left:413px;
	padding-top:0px;
}

#colgauche h2{margin:0;padding:0;}

#colgauche h2 a{
	font:bold 16px Arial;
	color:#484848;
	text-decoration:none;
}
#colgauche h2 a:hover{
	color:#cc0001;
}

#colgauche h3{margin:0;padding:0;}
#colgauche h3 a{
	font:bold 11px Arial;
	color:#484848;
	text-decoration:none;
}
#colgauche h3 a:hover{
	color:#cc0001;
}

/* ------------------ Nom agence-------------------- */
#nomagence {
	position:relative;
	height:110px;
	margin-top:10px;
	background: url(../images/fond_detail_1.jpg) repeat-x;
	border:1px solid #c8c8c8;
}

#nomagence .logo {
	position:absolute;
	top:7px;
	left:6px;
	width:113px;
	text-align:center;
	border:1px;
}

#nomagence .adresse {
	position:absolute;
	top:6px;
	left:124px;
}

#nomagence a.detailagence{
	display:block;
	height:18px;
	padding-left:26px;
	padding-top:5px;
	background: url(../images/agence_detail.gif) no-repeat;
}
#nomagence a.detailagence:hover{
	background: url(../images/agence_detail.gif) 0 -30px no-repeat;
}

#nomagence .adresse div{color:#484848;margin-left:5px;margin-bottom:4px;}

#boutonagence{
	width:169px;
	height:39px;
	background: url(../images/boutonagence.gif) no-repeat;
}
#boutonagence:hover{
	background: url(../images/boutonagence.gif) 0px -39px no-repeat;
}

#boutonagence a{
	display:block;
	height:100%;
	color:#cc0000;
	font-size:11px;
	text-decoration:none;
	background: url(../images/puce3.gif) 10px 10px no-repeat;
}


#boutonagence a b{
	display:block;
	padding-top:5px;
	padding-left:18px;
}


/* ------------------ Détail de l'annonce -------------------- */
#annonce {
	position:relative;
	margin-top:12px;
	background: url(../images/fond_annonce_detail.gif) repeat-x;
	border:1px solid #c8c8c8;
}
#annonce h4 {
	padding:0;margin:0;
	margin-left:14px;
	margin-top:8px;
	font:bold 11px Arial;
	color:#484848;
}
#annonce p{
	margin:14px;
	margin-top:10px;
	margin-bottom:0;
	color:#484848;
	line-height:16px;
}

#annonce #reference{
	position:absolute;
	right:4px;
	top:7px;
}

#boutoninfo{
	margin:6px;
	margin-left:10px;
	width:146px;
	height:28px;
	background: url(../images/bouton_plus_info.gif) no-repeat;
}
#boutoninfo:hover{
	background: url(../images/bouton_plus_info.gif) 0px -28px no-repeat;
}

#boutoninfo a{
	display:block;
	height:100%;
	color:#cc0000;
	font-size:11px;
	text-decoration:none;
	background: url(../images/puce6.gif) 12px -14px no-repeat;
}

#boutoninfo a b{
	display:block;
	padding-top:6px;
	padding-left:24px;
}

#annonce table{width:100%;border:1px solid #ffffff}

#annonce .l1{background-color:#eeeeee;}
#annonce .l2{background-color:#f5f5f5;}

#annonce .t1{
	text-align:right;
	padding:4px;
	padding-right:20px;
	width:40%;
	color:#484848;
	font:11px Arial;
}

#annonce .t2{color:#cc0000;font:11px Arial;}

#annonce .etoile{
	margin:0;
	margin-left:14px;
	margin-top:4px;
	margin-bottom:10px;
	font:10px Arial;
}

/* ------------------ Autres annonces -------------------- */
#autannonce {
	position:relative;
	margin-top:12px;
	margin-bottom:25px;
	background: url(../images/fond_annonce_autour.jpg) 0 100% repeat-x;
	border:1px solid #c8c8c8;
	color:#484848;
}

#autannonce h4{
	padding:0;margin:0;
	margin-left:14px;
	margin-top:9px;
	margin-bottom:9px;
	font:bold 11px Arial;
}
#autannonce h4 b{color:#cc0000;}

#autannonce table {
	margin:0;padding:0;
	margin-bottom:5px;
	margin-left:13px;
	font:11px Arial;
	color:#484848;
}

#autannonce table tr{cursor:pointer;}
#autannonce table tr:hover{
	background: url(../images/fond_ligne.png);
	_background:none;
}

#autannonce .biencol1, #autannonce .biencol2 {
	height:18px;
	padding-top:5px;
	border-bottom:1px solid #d9d9d9;
}
#autannonce .biencol1 {
	width:250px;
}
#autannonce .biencol2 {
	white-space:nowrap;
	text-align:right;
}

#autannonce a{
	display:block;
	height:100%;
	text-decoration:none;
	font:11px Arial;
	color:#484848;
}
#autannonce a:hover{
	_color:#cc0000;
}
#autannonce .fleche{
	background: url(../images/puce4.gif) 0 7px no-repeat;
	padding-left:8px;
}

/* ------------------ Affichage photos -------------------- */
#photos{
	position:relative;
	width:374px;
	background: url(../images/fondphoto.jpg) no-repeat;
}
.divphoto0{height:100px;}
.divphoto1{height:291px;}
.divphoto2{height:360px;}

#photos .img1{
	position:absolute;
	top:13px;
	left:13px;
}

#listephoto{
	position:absolute;
	top:13px;
	right:13px;
	height:257px;
	width:100px;
	overflow: hidden;
}

#listephoto div.scroll{
	position:absolute;
	right:0;
	background:#ffffff;
	height:257px;
	width:20px;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#listephoto span.down, #listephoto span.up{
	position:absolute;
	display:block;
	width:18px;
	height:16px;
	z-index:1;
	cursor:pointer;
	background: url(../images/fleches_ascenceur.gif) no-repeat;
}

#listephoto span.up{top:1px;right:1px;}
#listephoto span.down{bottom:1px;right:1px;background-position:0px -32px}
#listephoto span.up:hover{background-position:0px -17px}
#listephoto span.down:hover{background-position:0px -49px}

#listephoto li{
	list-style:none;
	margin-bottom:7px;
}

#photos .info{
	position:absolute;
	top:196px;
	text-align:right;
	font:bold 16px Arial;
	color:#cc0000;
}
#photos .infopos0{top:10px;right:16px;}
#photos .infopos1{top:270px;right:16px;}
#photos .infopos2{right:16px;}
#photos .infopos3{right:132px;}

#photos .info p{
	margin:0;padding:0;
	margin-bottom:6px;
}

#photos .info p b{
	color:#9b9d99;
	font:normal 9px Trebuchet MS;
}

#photos a {text-decoration:none;}


#coeur {
	margin:0;
	margin-bottom:12px;
	cursor:pointer;
	text-align:right;
}
#coeur a{
	display:block;
	width:187px;
	font:bold 11px Trebuchet MS;
	color:#cc0000;
	background: url(../images/coeur.gif) no-repeat;
}

#photos .coeurpos0{left:12px;top:10px;}
#photos .coeurpos1{left:12px;top:270px;}
#photos .coeurpos2{top:195px;}


#photos .video {
	position:absolute;
	left:2px;
	cursor:pointer;
	height:30px;
	width:82px;
	font:bold 10px Trebuchet MS;
	color:#7d8490;
	background: url(../images/video.gif) no-repeat;
}

#photos .videopos0{left:14px;top:50px;}
#photos .videopos1{left:14px;top:310px;}
#photos .videopos2{top:235px;}

#photos .video p{
	padding:0;margin:0;
	line-height: 120%;
	padding-left:32px;
	padding-top:4px;
}

/* ------------------ googlemap -------------------- */
#googlemap {
	background: url(../images/fond_gris.gif) repeat-x;
	border:1px solid #c2c2c2;
	padding-bottom:10px;
	width:372px;
}

#googlemap h4{
	padding:0;margin:0;
	margin-left:12px;
	margin-top:9px;
	margin-bottom:6px;
	font:bold 12px Arial;
	color:#cc0000;
}

#googlemap #map {
	height:280px;
	width:345px;
	margin-left:12px;
	border:1px solid #d0e3e8;
}

div.red{margin:15px;font:20px;color:#cc0000;}

#licontact li{
	margin:5px 0 0 15px;
	color:#484848;
}

/* ------------------FORMULAIRE -------------------- */
#formulaire{
	margin-bottom:20px;
}

#formulaire label {
	display:block;
	width:100px;
	text-align:right;
	margin:0;padding:0;
	padding-right: 5px;
	padding-top: 4px;
	float:left;
}


#formulaire input{width:170px;padding-left:2px;}

#formulaire .boutonenvoyer{
	border:0;
	cursor:pointer;
	color:#ffffff;
	font:bold 11px Arial;
	width:102px;
	height:27px;
	background: url(../images/bouton_suite.gif) no-repeat;
}
#formulaire .boutonenvoyer:hover{background: url(../images/bouton_suite.gif) 0px -27px no-repeat;}

#formulaire .boutonenvoi{padding-left:195px;padding-top:15px;}

/* ------------------ Captcha ------------------ */
#captchadiv {position:relative;}

#captchadiv .buttonreload , #captchadiv .erreur {
	position:absolute;
	left:250px;
	
}

#captchadiv .buttonreload {
	top:12px;
	width:25px;
	height:26px;
	background: url(../images/reload.gif) no-repeat;
	cursor:pointer;
}
#captchadiv .buttonreload:hover {background: url(../images/reload.gif) 0px -26px no-repeat;}

#captchadiv input.inhaut{
	font:bold 30px Times New Roman;
	color:#cc0000;
	width:114px;
}
#captchadiv .erreur {
	top:60px;
	left:245px;
	color:#cc0000;font:bold 11px Arial;
}

.pave_pub{
	margin:15px 0 15px 0;
	text-align:center;
}
