/* 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";

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

.emphase{
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
}

.gras{
	font-weight:bold;
	color:#516971;
}


/* --------BOUTONS VENTE ET LOCATION------- */

a.vente{
	background:url(../images/charte/btn-vente.gif) no-repeat;
	float:left;
	width:74px;
	height:21px;
}
a.vente:hover{
	background:url(../images/charte/btn-venteH.gif) no-repeat;
}

a.location{
	background:url(../images/charte/btn-location.gif) no-repeat;
	width:74px;
	height:21px;
	float:left;
}
a.location:hover{
	background:url(../images/charte/btn-locationH.gif) no-repeat;
}



/* ---------------------------STYLE DE LA PAGE AGENCE------------------------ */

#contenuTexte #index-gauche{
	float:left;
	width:182px;
	position:relative;
	/*border:1px solid red;*/
}

#contenuTexte #index-droite{
	float:left;
	width:400px;
	margin-left:30px;
	margin-top:10px;
}

#contenuTexte #index-droite p{
	margin:20px 0;
}	

#contenuTexte #index-gauche .encart_haut{
	background: url(../images/coups_coeur/haut_encart.gif) no-repeat;
	height:35px;
	margin:0;
	padding:0;
	/*border:1px solid red;*/
}

#contenuTexte #index-gauche .encart_milieu{
	background: url(../images/coups_coeur/fond_encart.gif) repeat-y;
	padding:10px 10px;
	margin:0 0 0 0;
	/*border:1px solid red;*/
	text-align:left;
	
}

#index-gauche .coeur1{
	position:absolute;
	right:2px;
	top:50px;
	width:40px;
	height:40px;
	background:url(../images/coups_coeur/coeur.png) no-repeat left top;
	_background:url();
	_filter:progid XImageTransform.Microsoft.AlphaImageLoader(src='images/coups_coeur/coeur.png', sizingMethod='scale');
}

#index-gauche .coeur2{
	position:absolute;
	right:2px;
	top:290px;
	width:40px;
	height:40px;
	background:url(../images/coups_coeur/coeur.png) no-repeat left top;
	_background:url();
	_filter:progid XImageTransform.Microsoft.AlphaImageLoader(src='images/coups_coeur/coeur.png', sizingMethod='scale');
}

#contenuTexte #index-gauche .encart_milieu .img{
	border:1px solid #00CCFF;
}

#contenuTexte #index-gauche .encart_milieu .designation{
	color:#663300;
	font-size:13px;
	font-weight:bold;
}

#contenuTexte #index-gauche .encart_milieu .type{
	color:#0099CC;
	font-size:18px;
}

#contenuTexte #produits #index-gauche .loupe1{
	width:90px;
	font-size:11px;
	color:#443422;
	position:absolute;
	left:20px;
	top:25px;
}

#contenuTexte #produits #index-gauche .loupe2{
	width:90px;
	font-size:11px;
	color:#443422;
	position:absolute;
	left:20px;
	top:250px;
}


#contenuTexte #index-gauche .encart_bas{
	background: url(../images/coups_coeur/bas_encart.gif) no-repeat;
	margin:0 0 20px 0;
	padding:0;
	height:18px;
}


/* ---------------------------STYLE DE LA PAGE APPARTEMENTS HOTELS - PRODUITS------------------------ */

#contenuTexte #produits{
	float:left;
}

#contenuTexte #produits .bien{
	width:602px;
	margin:30px 0;
	/*border:1px solid red;*/
}

#contenuTexte #produits .bien .fondtitre{
	background:url(../images/produits/fond_titrebien.gif) no-repeat;
	height:20px;
	width:582px;
	margin-bottom:10px;
	padding:0 10px;
	float:left;
}

#contenuTexte #produits .bien .titre{
	color:#443422;
	font-size:12px;
	float:left;
}

#contenuTexte #produits .bien .prix{
	float:right;
	font-size:14px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold;
}

#contenuTexte #produits .bien .prestation{
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#0099CC;
	text-indent:15px;
}

#contenuTexte #produits .bien .type{
	color:#0099CC;
	font-size:16px;
}

#contenuTexte #produits .bien .contenu{
	width:602px;
}

#contenuTexte #produits .bien p.desc {
	color:#0099CC;
	margin-left:10px;
	width:400px;
	float:left;
	margin-bottom:5px;
	/*border:1px solid red;*/
}

#contenuTexte #produits .bien .contenu p.image-desc{
	float:right;
	height:90px;
	width:110px;
	/*border:1px solid red;*/
}

#contenuTexte #produits .bien .contenu p.image-desc img{
	border:1px solid #00CCFF;
	text-align:right;
	margin-bottom:5px;
}

#contenuTexte #produits .bien p.cp {
	color:#0099CC;
	margin:0 0 0 10px;
	/*border:1px solid blue;*/
	width:200px;
	float:left;
}


#contenuTexte #produits p.image-desc .loupe{
	width:90px;
	font-size:11px;
	color:#443422;
	text-align:left;
}

#contenuTexte #produits .bien .contenu p.image-desc .loupe img{
	vertical-align:middle;
	border:0;
}






/* -------------------------------PAGINATION------------------------------------- */

.pagination-produit{
	width:300px;
	text-align:center;
	padding-top:5px;
	margin: 0 auto 20px auto;
	padding-top:50px;
	}
	
#listing-produit .pagination-produit a{color:#ff0066;}	
#listing-produit .pagination-produit a:hover{color:#046010;}	

.fleche-gauche {
	float:left;
	border:none;
	}
.fleche-droite {	
	float:right;
	border:none;
	}


/* ---------------------------STYLE DE LA PAGE FICHE PRODUIT------------------------ */

#fiche-produit{
	float:left;
	width:700px;
	/*border:1px solid red;*/
}

#fiche-produit #fiche-gauche{
	float:left;
	width:250px;
	/*border:1px solid blue;*/
}

#fiche-produit #fiche-gauche #ajouter {
	margin:5px 0;
}

#fiche-produit #fiche-gauche #ajouter img{
	vertical-align:middle;
}

#fiche-produit #fiche-gauche .vignettes{
	margin-top:10px;
}

#fiche-produit #fiche-gauche .vignettes img{
	/*margin-right:10px;*/
	border:0;
}

#fiche-produit #fiche-droite{
	float:left;
	width:450px;
	margin-top:30px;
	/*border:1px solid blue;*/
}	

#fiche-produit #fiche-droite .designation{
	color:#2c93b7;
	height:20px;
	font-size:15px;
	width:450px;
	text-indent:5px;
	background:url(../images/fiche-produit/fond-titre.gif) no-repeat;
	margin-bottom:5px;
}

#fiche-produit #fiche-droite .desc{
	margin:10px 0;
}

#fiche-produit #fiche-droite .couleur{
	font-weight:bold;
	color:#0099CC;
}

#fiche-produit #fiche-droite .gauche{
	width:200px;
	float:left;
}
#fiche-produit #fiche-droite .droite{
	width:200px;
	float:left;
}

/* ---------------------------STYLE DE LA PAGE RECHERCHE------------------------ */
#contenuTexte .sous-champs{
	width:100px;
	/*border:1px solid red;*/
	margin:0;
	padding:0;
	float:left;
}

#contenuTexte .recherche-check{
	margin-left: 3px;
	margin-bottom:5px;
}

#contenuTexte .recherche-align{
	text-align:left;
	width: 130px;
}

#contenuTexte .recherche-align .inputtext{
	margin-left: 0px;
	width:100px;
}


#recherche #formContact  .bouton{
	width:70px;
	border:1px solid #000;
	font-size:12px;
	border-color:#0083ff;
	background-color:#FFFFFF;
}
*html #recherche #formContact .boutons{
	margin-left: 160px;
}

#recherche #formContact .boutons{
	margin-left: 180px;
}


/*--------------------------- STYLE DE LA PAGE CONTACT----------------------- */

#contactPlan{
	width:300px;
	float:left;
	margin-left:30px;
}
#contactPlan p{
	margin:10px 0 10px 0;
}

#contactPlan img{
	border:0;
	float:left;
	margin-right:5px;
}

#contactPlan .coordonnees{
	float:left;
	width:190px;
	/*border:1px solid red;*/
}

#contactForm{
	width:350px;
	float:left;
	margin-top:20px;
}
#contactForm p{
	margin:10px 0 10px 0;
}


#formContact p{
	width: 170px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 0.5%;
	/*border:1px solid red;*/
}

#formContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#formContact input[type="text"]{ 
	width: 180px;
	border-color:#0083ff;
	margin-left:-20px;
}
*html #formContact .inputtext{
	width: 180px;
	border-color:#0083ff;
	margin-left:-20px;
}

#formContact select{ 
	width: 180px;
	border-color:#0099CC;
	margin-left:-20px;
}

#formContact textarea{
	width: 180px;
	margin-left:-20px;
	height: 70px;
	border-color:#0099CC;
}
#formContact textarea.commentaire{
	width: 470px;
	margin-left:-20px;
	height: 50px;
	border-color:#0099CC;
}

#formContact input:focus{
	border-color:#0099CC;
}
#formContact textarea:focus{
	border-color:#0099CC;
}

#formContact .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color:#0083ff;
	background-color:#FFFFFF;
}
*html #formContact .boutons{
	margin-left: 138px;
}

#formContact .boutons{
	margin-left: 135px;
}

#contactForm .champRequis{
	color:#FF0000;
}

*html .threepxfix{
	margin-left: 3px;
}