/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "inte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */


#left3 {
 padding-left: 25px;
 width: 290px;
 float: left;
}

#right3 { 
 float: right;
 padding-left: 5px;
 width: 340px;
 display: inline;
 position: relative;
}

#formcontact {
padding-top:10px;
margin-top:40px;
border-top:1px dotted #666;
}

#formcontact #contactform p{
padding-top:1px;
padding-bottom:1px;
margin-bottom:3px;
width:100x;
}

#formcontact #contactform label{
float: left;
margin-left: -120px;
padding-right:10px;
width: 200px;
text-align:right;
}
#formcontact #contactform textarea {
font-size:10px;
background:none;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #666;
padding:1px;
color:#000;
text-align:left;
width:150px;
}
#formcontact #contactform textarea#commentaires {
width:250px;
}

#formcontact #contactform input{
border:1px solid #666;
background:none;
font-family:Arial, Helvetica, sans-serif;
color:#000;
padding:1px;
font-size:10px;
width:150px;
}
.boutons {
margin-top:5px;
margin-left:0px;
}

#formcontact #contactform .boutons img{
margin-bottom:5px;
}

#formcontact .boutons .bouton {
background:#FFC200;
color:#FFFFFF;
width:75px;
margin-right:1px;
}

.champRequis{
color:#FF0000;
}

p.capam2 {
padding-top:10px;
font-style:italic;
text-align:justify;
font-size:10px;
}
p.capa {
font-style:italic;
text-align:justify;
font-size:10px;
width:240px;
padding-left:5px;
}


/******************************* RECHERCHE AVANCEE LISTING *******************************/
#RechAv {
	width:700px;
	float:left;
	margin:10px 0 5px 0px;
}

#formRechAv .zoneFiltre{
	width:auto;
	margin-right:10px;
	margin-left:0px;
	float:left;
}
#formRechAv .zoneFiltre label{
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	margin-right:00px;
	margin-left:10px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
	color:#413f3f;
}
#formRechAv .zoneFiltre select{
	float:left;
	margin:3px 20px 5px 10px;
	font:11px/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	border:1px solid #999999;
	color:#404143;
	font-weight:bold;
	background-color:#FDF1FE;
}
#formRechAv .zoneFiltre select option{
	padding-left:5px;
	background-color:#fff;
}

/*------------- LISTING PRODUIT ---------------*/

.listing-vente{
	float:left;
	width:720px;
	padding:5px;
	padding-bottom:15px;
	margin:15px 0 15px 0px;
	position:relative;
	border:1px solid #ccc;

}


#contenuTexte2 .listing-vente img{
	float:left;
	margin-right:10px;
}
#contenuTexte2 .listing-vente a img{
	border:1px solid #666666;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenuTexte2 .listing-vente a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}
#contenuTexte2 .listing-vente .intitule{
	float:left;
	width:720px;
	margin-top:0px;
	background:#ffc300 url(../images/charte/bg-intitule.gif) repeat-x;
}

#contenuTexte2 .listing-vente .intitule a{
color:#333333;
text-decoration:none;
}

#contenuTexte2 .listing-vente .intitule p{
	padding:5px;
}
#contenuTexte2 .listing-vente .intitule .couleur{
	color:#666666;
	font-size:1.4em;
}
#contenuTexte2 .listing-vente a img.plusinfo{
	border:0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin-bottom:3px;
	margin-top:8px;
}

#contenuTexte2 .listing-vente a:hover img.plusinfo{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}

#contenuTexte2 .listing-vente a.plus{
	border:none;
}

#contenuTexte2 .listing-vente .prix{
	position:absolute;
	right:15px;
	top:10px;
	font-size:2.0em;
	font-weight:bold;
	color:#333333;
	
}


#contenuTexte2 .listing-vente .infos{
	float:left;
	width:200px;
	margin:10px 0px 3px 3px;
}

#contenuTexte2 .listing-vente .infos a{
text-decoration:none;
}

#contenuTexte2 .listing-vente .infos .couleur{
	color:#666666;
	font-size:1.4em;
}


#contenuTexte2 .listing-vente .infosdesc{
	float:left;
	width:350px;
	margin-right:5px;
	margin-top:10px;
}


#contenuTexte2 #pagination {
color:#666666;
font-size:14px;
clear:both;
padding-top:10px;
padding-bottom:10px;
text-align:center;
padding-right:30px;
}

#contenuTexte2 #pagination a{
width:10px;
text-decoration:none;
}

#contenuTexte2 #pagination a:hover{
text-decoration:none;
}
/***************************************************************************************/
/******************************** FICHE PRODUIT ****************************************/
/***************************************************************************************/

/* PRIX PRODUIT */

#libelle-fiche{
	background:#ffc300 url(../images/charte/bg-intitule.gif) repeat-x;
	padding:0;
	margin:5px auto;
	border:1px solid #cccccc;
	vertical-align:middle;
	font-family:Arial,Helvetica,sans-serif;
	height:24px;
	width:715px;
	}
#libelle-fiche ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
#libelle-fiche ul li{
	display:block;
	float:left;
	width:49%;
	height:100%;
	margin:0;
	padding:0;
	color:#000;
	font-size:2em;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-weight:bold;
	font-variant:small-caps;
	vertical-align:middle;
	}	
#libelle-fiche #prix-bien{
	text-align:right;
	font-size:20px;
	float:right;
	display:block;
	}
#intitule-bien {color:#7F7F7F;}

#libelle-blocprix-fiche{
	float:right;
	width:250px;
	height:26px;
	text-align:right;
	font-size:30px;
	}	

#blocprix-fiche {
	width:300px;
	height:36px;
	}

#contenuTexte2 #blocprix-fiche p {
	font:small-caps bold 26px Arial, Helvetica, sans-serif;
	color:#FFC200;
	text-align:right;
	margin:0;
	padding:0 0 5px 0;
	}


/* CONTENU FICHE */
#contenu-fiche {
	width:400px;
	float:left;
	margin:0px 15px 0 15px;
	}

#contenu-fiche h2{
border:0px;
	}
#contenuTexte2 #contenu-fiche h2.titre-fiche{
	font:2.0em "Times New Roman", Times, serif;
	text-align:left;
	color: #666;
	border-bottom: 1px dotted #CCCCCC;
	margin-right:200px;
}	

/* DESCIRPION PRODUIT */
#description {
	margin:0 0 0 0px;
	width:400px;
	height:auto;
	padding:5px 0px 5px 0;
	border-bottom: 1px dotted #CCCCCC;
	}

#contenuTexte2 #description p {
	text-align:left;	
	}

#contenuTexte2 #description .desc-hab {
	float:left;
	width:170px;
	margin:0px 10px 0px 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	}

/* ENVOYER A UN AMI */
#bloc-ami-contact {
	margin:0 0 0 0px;
	width:400px;
	height:20px;
	border-bottom: 1px dotted #CCCCCC;
	padding:5px 0 5px 0;
	}

#contenuTexte2 a:link#amis-fiche, #contenuTexte2 a:visited#amis-fiche {
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	color:#414141;
	float:left;
	border:0px;
	margin-right:80px ;
	}
#contenuTexte2 a:hover#amis-fiche, #contenuTexte2 a:active#amis-fiche {
	font-weight:bold;
	color:#666;
	border:0px;
	font-size:1.1em;
	}


/* CONTACTEZ NOUS */	
#contenuTexte2 a:link#contact-fiche, #contenuTexte2 a:visited#contact-fiche {
	width:140px;
	font:small-caps bold 14px Arial, Helvetica, sans-serif;
	color:#06472E;
	height:34px;
	float:left;
	text-decoration:none;
	}
#contenuTexte a:hover#contact-fiche, #contenuTexte2 a:active#contact-fiche {
	text-decoration:none;
	}
	
/* BLOC IMAGE */	
#blocimage-fiche {
	width:300px;
	float:left;
	margin:0px 0px 0 0;
	z-index:30;
	}
#blocimage-fiche h2 {
border:0px;
	}
#blocimage-fiche img {
border:1px solid #666;

	}
#contenuTexte2 a:link#img-fiche, #contenuTexte2 a:visited#img-fiche {
	background:#e6ddcc;
	width:300px;
	height:225px;
	float:left;
	margin:0 0 0 0px;
	text-decoration:none;
	text-align:center;
	}	

#blocvignetteH-fiche {
	width:306px;
	height:68px;
	float:left;
	margin:10px 0 0 0;
	}	

#blocvignetteH-fiche a:link, #blocvignetteH-fiche a:visited {
	margin-right:12px;
	height:68px;
	width:90px;
	background:#e6ddcc;
	text-decoration:none;
	text-align:center;
	float:left;
	}

#blocvignetteH-fiche a:link img, #blocvignetteH-fiche a:visited img {
	text-align:center;}
	
/* DESCIRPION PRODUIT SOUS IMAGE */
#blocimage-fiche #description {
	margin:10px 0 0 0px;
	width:300px;
	height:auto;
	padding:10px 0 5px 0;
	border-bottom: 1px dotted #CCCCCC;
	}

#contenuTexte2 #blocimage-fiche #description p {
	text-align:left;	
	}
	
	
/* RUBRIQUE - ENVOYER A UN AMI */
#bloc-ami {
font-size:12px;
font:Arial, Helvetica, sans-serif;
	width:350px;
	float:left;
	background:#FFFFFF;
	margin:25px 0 0 10px;
	padding-left:10px;
	color:#000;
}

#bloc-ami #f_envoyerAmi input, #bloc-ami #f_envoyerAmi textarea, #bloc-ami #f_envoyerAmi .bouton-ami {
	color:#000;
	font-size:12px;
font:Arial, Helvetica, sans-serif;
	}

#bloc-ami #f_envoyerAmi input{
	width:200px;
	height:15px;
	padding-left:2px;
	background:#FFF;
	border:1px solid #FFc200;
}

#bloc-ami #f_envoyerAmi textarea{
	width:200px;
	font-size:12px;
font:Arial, Helvetica, sans-serif;
	height:80px;
	padding-left:2px;
	background:#FFF;
	border:1px solid #FFc200;
}

#bloc-ami #f_envoyerAmi .bouton-ami{
	width:80px;
	height:20px;
	color:#FFF;
	background:#FFc200;
	border:1px solid #FFc200;
	cursor:pointer;
	text-align:center;
	}

#bloc-ami #f_envoyerAmi .bouton-ami:hover{
	width:80px;
	height:20px;
	color:#000;
	background:#FFc200;
	border:1px solid #FFc200;
	}
	
#bloc-ami h1{
	margin:0 0 0 0;
	color: #FFc200;
	padding:0;
	height:20px;
}

/*------------- ---------------------------- ---------------*/
/*------------- VENDRE---------------*/
/*------------- ---------------------------- ---------------*/
#vendre{
	float:left;
}
#vendre p{
	margin-bottom:10px;
}

#contenuTexte2 #vendre h2{
	margin:15px 0px 10px 0px;
}
#contenuTexte2 .vendre-gauche{
	float:left;
	width:350px;
	margin-top:10px;
}

#contenuTexte2 .vendre-droite{
	float:right;
	width:330px;
	margin-top:10px;
}

#contenuTexte2 #type input{
	width:20px;
}

#contenuTexte2 .vendre-gauche label, #contenuTexte2 .vendre-droite label{
	width:130px;
	float:left;
}
#contenuTexte2 .vendre-gauche label.outils, #contenuTexte2 .vendre-droite label.outils{
	width:300px;
	float:left;
}
#contenuTexte2 .vendre-gauche input, #contenuTexte2 .vendre-droite input, #contenuTexte2 #vendre-bas input{
	background:none;
	border:1px solid #666;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}

#contenuTexte2 .vendre-gauche input.radio, #contenuTexte2 .vendre-droite input.radio{
	width:20px;
	border:none;
}

#contenuTexte2 .vendre-gauche select, #contenuTexte2 .vendre-droite select{
	background-color:#39478E;
	border:none;
	color:#666666;
}

#contenuTexte2 .vendre-gauche textarea, #contenuTexte2 .vendre-droite textarea{
	width:150px;
	border:1px solid #666;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#contenuTexte2 #vendre-bas{
	margin:20px auto;
	width:400px;
}
#contenuTexte2 #vendre-bas p{
	text-align:center;
}
#contenuTexte2 #vendre-bas .boutons input{
	width:74px;
	background:#FFC200;
color:#000;
border:1px solid #FFC200;
margin-right:5px;
}


/*------------- ---------------------------- ---------------*/
/*------------- CALCULETTE ---------------*/
/*------------- ---------------------------- ---------------*/

#contenuTexte2 #vendre fieldset{
	padding:0px 5px 0px 10px;
}
#contenuTexte2 #f_financement, #contenuTexte2 #form_financement{
	padding:0px 5px 0px 60px;
}

#contenuTexte2 #vendre legend{
	font:1.8em "Times New Roman", Times, serif;
	text-align:left;	
	padding:10px 0px 10px 0px;
	color: #666;
}
#contenuTexte2 .calculette-gauche{
	float:left;
	width:275px;
}

#contenuTexte2 .calculette-droite{
	float:left;
	width:275px;
}

#contenuTexte2 #type input{
	width:20px;
}


#contenuTexte2 .calculette-gauche label, #contenuTexte2 .calculette-droite label{
	width:275px;
	float:left;
	margin-bottom:10px;
}
#contenuTexte2 .calculette-gauche input, #contenuTexte2 .calculette-droite input, #contenuTexte2 #estimation-bas input,.estimation-bas .boutons .bouton {
	background:none;
	border:1px solid #666;
	font-size:11px;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}
#contenuTexte2 .calculette-gauche textarea, #contenuTexte2 .calculette-droite textarea{
	width:150px;
	border:1px solid #666;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
.estimation-bas .boutons .bouton {
background:#FFC200;
color:#000;
border:1px solid #FFC200;
width:75px;
margin-right:1px;
}

/*------------- ---------------------------- ---------------*/
/*------------- MOTEUR DE RECHERCHER ACHETER ---------------*/
/*------------- ---------------------------- ---------------*/
#moteur{
	float:left;
}
#moteur p{
	margin-bottom:5px;
}
#contenuTexte2 #moteur fieldset{
	padding:0px 5px 0px 10px;
	margin-left:130px;
}
#contenuTexte2 #moteur legend{
	font:1.8em "Times New Roman", Times, serif;
	text-align:left;
	color: #666;
}
#contenuTexte2 .moteur-gauche{
	float:left;
	width:250px;
	margin-top:20px;
}
#contenuTexte2 .moteur-droite{
	float:left;
	width:200px;
	margin-top:20px;
}
#contenuTexte2 #type input{
	margin-left:15px;
	width:20px;
}
#contenuTexte2 .moteur-gauche label, #contenuTexte2 .moteur-droite label{
	width:130px;
	float:left;
}
#contenuTexte2 .moteur-gauche input, #contenuTexte2 .moteur-droite input{
	background:none;
	border:1px solid #666;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
}
#contenuTexte2 .moteur-gauche input#nb-piece-search, #contenuTexte2 .moteur-droite input#nb-piece-search{
	width:20px;
	border:none;
}

#contenuTexte2 .moteur-gauche select, #contenuTexte2 .moteur-droite select{	
	border:1px solid #666;
	color:#666666;
	background:#f6f6f6;
}

#contenuTexte2 .moteur-gauche input#budget, #contenuTexte2 .moteur-droite input#budget{
	width:70px;
	border:1px solid #666;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

/* Style affichage erreur de formulaire */
form span.formError{
	background:url("../images/formError.png") no-repeat left center;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	display:block;
}


/* infos pratiques */
#contenuTexte2 div.infoPratique{
	font-size:12px;
}

#contenuTexte2 .partenaire_img{
float: left;
width:200px;
border:1px solid #fec200;
text-align:center;
padding:5px;
margin-top:20px;
margin-left:25px;
}

#contenuTexte2 .partenaire_img p.parten{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
height:40px;
font-weight:bold;}

#contenuTexte2 .partenaire_img p.parten_lien{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}