@charset "utf-8";
/* CSS Document */

body {
	background-color:#000;
}

#fond-haut {
	margin:0 auto;
	width:1080px;
	height:126px;
	background-image:url(images/fond-haut.png);
	background-repeat:no-repeat;
}

.reference {
	position:relative;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
}

.reference #logo-haut-gauche{
	position:absolute;
	top:-50px;
	left:-60px;
	width:314px;
	height:213px;
	background-image:url(images/logo-haut-gauche.png);
	background-repeat:no-repeat;
}
.reference #adresse{
	position:absolute;
	top:105px;
	left:515px;
	width:500px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:right;
	font-weight:bold;
}


#fond-principal {
	margin:0 auto;
	width:1080px;
	background-image:url(images/fond-principal.png);
	background-repeat:repeat-y;
	overflow:hidden;

}
#fond-centre {
	width:1080px;
	background-image:url(images/fond-centre.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}


#fond-centre .contenant {
	margin-left:70px;
	margin-right:70px;
	margin-top:10px;
	margin-bottom:30px;	
}

.fond-cadre-annonce {
	float:left;
	margin-top:10px;
	margin-right:0px;
	margin-left:40px;
	width:413px;
	height:136px;
	background-image:url(images/fond-cadre-annonce.png);
	background-repeat:no-repeat;
}
.fond-cadre-annonce .image-auto {
	position:absolute;
	top:8px;
	left:10px;
	width:137px;
	height:91px;
}
.fond-cadre-annonce .titre {
	position:absolute;
	top:8px;
	left:155px;
	width:250px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
.fond-cadre-annonce .energie {
	position:absolute;
	top:50px;
	left:155px;
	width:250px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.fond-cadre-annonce .prix {
	position:absolute;
	top:99px;
	left:297px;
	width:100px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#F00;
	text-align:right;
}
.fond-cadre-annonce .garantie {
	position:absolute;
	top:80px;
	left:155px;
	width:250px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.fond-cadre-annonce .details {
	position:absolute;
	top: 105px;
	left:8px;
	width:137px;
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
.fond-cadre-annonce .details a {
	text-decoration:none;
	color:#F00;
}
.fond-cadre-annonce .details a:hover {
	text-decoration:underline;
}
.fond-cadre-annonce .icone-telephone {
	position:absolute;
	top:95px;
	left:150px;
	width:42px;
	height:43px;
	background-image:url(images/icone-telephone.png);
	background-repeat:no-repeat;
}
.fond-cadre-annonce  a:hover .icone-telephone{
	width:181px;
	background-image:url(images/rappel-telephonique.png);
	background-repeat:no-repeat;
}


a img {
	border:none;
}
.csc-header {
}
.csc-header h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:0px;
	margin-top:1em;
	margin-bottom:1em;
	color:#000;
}
 H1 { font-size:20px;}
 H2 { font-size:16px;}
 H3 { font-size:14px;}
 H4 { font-size:12px;}
 H5 { font-size:10px;}
 H6 { font-size:8px;}

 H1, H2, H3, H4, H5, H6 {
	margin:0px;
	margin-top:0.5em;
	margin-bottom:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
}

 H1 A, H2 A, H3 A, H4 A, H5 A, H6 A{
	color:#000;
	text-decoration:underline;
}
 H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover{
	text-decoration:none;
	border-bottom:#F00 1px dashed;
}

P {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	line-height:1.5em;
	margin-top:1em;
	margin-bottom:1em;
}

A {
	color:#F00;
	font-weight:bold;
	text-decoration:none;
}
A:hover {
	border-bottom:#CC2560 1px dashed;
}

ul {
	margin:0px;
	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:2em;
}
ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	list-style-type:none;
	background-image:url(../images/puce-rouge.png);
	background-repeat:no-repeat;
	background-position:left 0.5em;
	padding-left: 15px;
}
ul li a{
}
ul li a:hover {
}

ol {
	margin:0px;
	padding:0px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:2em;
}
ol li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#666666;
}
ol li a{
}
ol li a:hover {
}


fieldset {
  padding: 1em;
  font-size:80%;
  border:1px solid #F00;
  font-family:Arial, Helvetica, sans-serif;
}
label {
  float:left;
  width:30%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}
.tx_powermail_pi1_fieldwrap_html {
  margin-bottom:.2em;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
  margin-top:0px;
  margin-bottom:0px;
  width:30%;
  text-align:right;
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:bold;    
}

.tx_powermail_pi1_fieldwrap_html_captcha label {
	line-height:28px;
}

legend {
  padding: 0.2em 0.5em;
  border:1px solid #F00;
  color:green;
  font-size:90%;
  text-align:right;
}
div.csc-mailform-field {
	margin-bottom:3px;
}
input,textarea,select,textarea {
	border:solid 1px #F00;
}
input:hover,textarea:hover,select:hover,textarea:hover {
	border:solid 1px #F60;
}
#fond-detail-annonce {
	background-image:url(images/fond-detail-annonce.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:600px;
}
#fond-detail-annonce #cadre-detail-annonce {
	background-image:url(images/cadre-detail-annonce.png);
	background-repeat:no-repeat;
	background-position:3px 2px;
	width:800px;
	height:600px;
}
#fond-detail-annonce #cadre-detail-annonce .contenu {
	margin:10px 10px 10px 10px;
	height:580px;
	width:780px;
}
#cadre-detail-annonce .titre{
	position:absolute;
	top:10px;
	left:10px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#F00;
	font-weight:bold;
}
#cadre-detail-annonce .prix{
	position:absolute;
	top:10px;
	left:590px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#F00;
	font-weight:bold;
	text-align:right;
}
#cadre-detail-annonce .photos{
	position:absolute;
	top:60px;
	left:10px;
	width:410px;
	height:500px;
}
#cadre-detail-annonce .detail{
	position:absolute;
	top:60px;
	left:420px;
	width:350px;
	height:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#F00;
	font-weight:bold;
	border:#999 1px solid;
}
#cadre-detail-annonce .detail .ligne{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
}
#cadre-detail-annonce .detail .description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin-left:5px;
	margin-right:5px;
}
#fond-bouton {
	float:left;
	background-image:url(images/fond-bouton.png);
	background-repeat:no-repeat;
	width:121px;
	height:32px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;	
}

#fond-bouton .contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:center;
	line-height:32px;
}
#fond-bouton .contenu A {
	color:#000;
	text-decoration:none;
}
#fond-bouton .contenu A:hover {
	color:#F00;
	border:none;
}
#clear-both {
	visibility::hidden;
	clear:both;
}
#telephone {
	position:absolute;
	top:66px;
	left:250px;
	width:247px;
	height:57px;
	background-image:url(images/telephone.png);
	background-repeat:no-repeat;
	z-index:100;
}
#fond-menu {
	margin:0 auto;
	width:1080px;
	height:37px;
	background-image:url(images/fond-menu.png);
	background-repeat:no-repeat;
}

#fond-menu .contenant {
	margin-left : 300px;
	margin-right : 68px;
}

#fond-menu .contenant ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;		
}

#fond-menu .contenant ul li{
	display:inline;
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:bold;
	line-height:36px;
	background:none;
	padding-left: 0px;	
}

#fond-menu .contenant ul li a{
	text-decoration:none;
	color:#000;
}

#fond-menu .contenant ul li a:hover{
	color:#F00;
}
#fond-bas {
	margin:0 auto;
	width:1080px;
	height:64px;
	background-image:url(images/fond-bas.png);
	background-repeat:no-repeat;	
}

#fond-bas ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}
#fond-bas ul li{
	display:inline;
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	line-height:64px;
	background:none;
	padding-left: 0px;		
}
#fond-bas ul li a{
	text-decoration:none;
	color:#FFF;	
}
#fond-bas ul li a:hover{
	color:#000;	
}
.tx-rzgooglemaps-pi1 {
float:left;
margin-right: 20px;
}