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

html {
    font-size: 100%; /* Évite un bug d'IE 6-7 sur unité relative em */
}

* {margin:0;padding:0}

h1, h2, h3, h4 { line-height:15px;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center; /*permet de centrer automatiquement les éléments dans la page*/
	color: #999;
}

a img {border:none;} /*permet de virer le cadre autour d'une image lien*/


 
li {
	background-image: url(../images/puce-ronde-rouge.gif);
	background-repeat: no-repeat;
	padding:0 0 0 10px;
	background-position: 0px 8px;
}
 
p {
    padding : 0.1em 0; 
	font-size: 0.9em;
}


/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color:#1A171B ;
}
a:visited {
    color:#1A171B ;
}
a:hover, a:focus, a:active {
    color:#1A171B ; text-decoration:none
}

 

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
 

/* Formulaires */
form, fieldset {

}
input, button, select {
    
}


.fomr1 {
	text-align:left;
	margin-top:55px;
	margin-left:25px;
}

.nomchamp {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 20px;
	text-align:left;
	}

	

.clear {clear:both;}

/*Les différentes couleurs*/

.rouge {color:#ba120c}
.orange {color:#F1A400}
.orangefonce {color:#ED7F00}
.violet {color:#743794}
.vert {color:#3d3e3a}
.bleu {color:#64bbe9}
.blanc{color:#FFF}
.gris{color:#6e6e6e}

.boutrechercher{
	margin-left: 65px;
	margin-top:30px;	
}

.boutenvoyer{
	margin-left: 100px;
	margin-top:-10px;	
}

.annonce a{
	display:block;
	background-image:url(../images/savoirplus.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:88px;
	height:36px;
	float:left;
	margin-right:5px;
}

.annonce a:hover{
	background-image:url(../images/savoirplus_over.gif);
	}

/*Les blocs*/

#haut {
	background-image: url(../images/b-haut.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:112px;
	position:relative;
	margin:auto;
	width:995px;
}

#clicklogo{
	height:100px;
	width:100px;
	position:absolute;
	left: 53px;
	top: 6px;
	}
	
#clicklogo a{
	height:100px;
	width:100px;
	display:block;
	}

#clickrendre{
	height:35px;
	width:140px;
	position:absolute;
	left: 594px;
	top: 67px;
	}
	
#clickrendre a{
	height:35px;
	width:140px;
	display:block;
	}

#clickselection{
	height:35px;
	width:150px;
	position:absolute;
	left: 811px;
	top: 69px;
	}
	
#clickselection a{
	height:35px;
	width:150px;
	display:block;
	}


#haut h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	color: #999;
	text-align:left;
	margin-left:210px;
	padding-top:45px;
	line-height: 20px;

}


#contener {
	background-image: url(../images/bb-contener.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width:995px;
	margin:auto;
	position:relative;

}

#anim {
	width:962px;
	margin-left:13px;


}


#colgauche {
	background-image: url(../images/bg-recherche.jpg);
	background-repeat: no-repeat;
	height:476px;
	width:295px;
	float:left;
	position:relative;
	margin-left:13px;
	margin-top:20px;

}

#coldroite {
	width:678px;
	margin-top:20px;
	float:left;
	position:relative;

}

#bienvenue {
	width:646px;
	margin-left:20px;
    float:left;
}

#bienvenue_page {
	width:962px;
	margin-left:15px;
	margin-top:20px;
    float:left;
}


#bienvenue-haut {
	height:20px;
	width:646px;
	background-image: url(../images/bienvenue-haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#bienvenue-milieu {
	background-image: url(../images/bienvenue-milieu.jpg);
	background-repeat: repeat-y;
    width:646px;
}

#bienvenue-bas {
	background-image: url(../images/bienvenue-bas.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:20px;
	width:646px;
}

#bienvenue-haut_page {
	height:20px;
	width:962px;
	background-image: url(../images/bienvenue-haut-page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#bienvenue-milieu_page {
	background-image: url(../images/bienvenue-milieu-page.jpg);
	background-repeat: repeat-y;
    width:962px;
}

#bienvenue-bas_page {
	background-image: url(../images/bienvenue-bas-page.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:20px;
	width:962px;
}
#nouveautes {
	background-image: url(../images/b-nouveautes.png);
	background-repeat: no-repeat;
	background-position: right;
	height:42px;
	margin-top:20px;
	}
	
#bandeau-recherche {
	background-image: url(../images/b-recherche.png);
	background-repeat: no-repeat;
	background-position: right;
	height:42px;
	}
	
#bandeau-resultat {
	background-image: url(../images/b-resultat.png);
	background-repeat: no-repeat;
	background-position: right;
	height:42px;
	}
#trirecherche{
	background-image:url(../images/bg-tri-recherche.jpg);
	background-repeat:no-repeat;
	height:89px;
	background-position: right;
	margin-right:25px;
	}		
	
#agencetexte {
	width:460px;
	float:left;
	position:relative;
	}

#agencetextegrand {
	width:900px;
	float:left;
	position:relative;
	}


#leplan {
	width:500px;
	position:relative;
		float:left;
	}


.annonce {
	width:310px;	
	margin-left:20px;
	margin-top:20px;
	float:left;
}

.contour-imagep {
	background-image: url(../images/contour-photos.gif);
	background-repeat: no-repeat;
	height:110px;
	width:145px;
	background-position: left;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	}

#footer {
	width:800px;
	background-color: #FFF;
	background-position: center top;
	margin-left:140px;
	background-image: url(../images/fil-footer.gif);
	background-repeat: no-repeat;
	margin-top:30px;
}
	
.zone_images {
	float:left;
	width: 350px;
	margin-left:15px;
	margin-top:20px;
}	

.diaporama_moyen {
	background-image:url(../images/contour-photos-moyen.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 258px;
	width: 338px;
	display: block;
}

.diporama_petit {
	background-image:url(../images/contour-photos-petite.gif);
	background-repeat: no-repeat;
	background-position:center;
	display: block;
	height: 46px;
	width: 61px;
	float: left;
	margin-right:7px;
	margin-bottom:5px;
}

#formresultat {
	background-image: url(../images/bg-formulaire-result.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:341px;
	height:202px;
	margin-top:25px;
	text-align:left;
	padding-left:15px;
	padding-top:20px;

	}
	
#formresultat h6{
	font-size: 0.8em;
	margin-right:30px;
	margin-bottom:10px;


	}	
	
#descriptif {
		margin-top:20px;
		float:left;
		width:300px;
		margin-left:10px;
	}
	
#fond-prix {
	background-image:url(../images/bg-prix.png);
	height:47px;
	width:289px;
	background-repeat: no-repeat;
	background-position: left;
	margin-top:10px;
	}	


#contact {
	background-image: url(../images/bg-pave-contact.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width:272px;
	height:131px;
	margin-top:20px;
	padding-top:10px;
	}


/*Les textes*/




.menuderoulant {
	width:200px;
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
	font-size: 1em;
	color: #FFF;
	background-color: #172435;
	border:1px solid #CCC;
}

.champprix {
	width:80px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	color: #FFF;
	background-color: #172435;
	border:1px solid #CCC;
}


.champform2 {
	width:150px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	border:1px solid #CCC;
	margin-right:90px;
	float:right;


}


#colgauche p {
	margin-top:35px;
	margin-right:15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
}


#bienvenue-milieu p{
	text-align:left;
	margin-left:40px;
	margin-right:20px;
	margin-top:10px;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
}

#bienvenue-milieu_page p{
	text-align:left;
	margin-left:40px;
	margin-right:20px;
	margin-top:10px;
	font-size: 0.9em;
	font-family: Verdana, Geneva, sans-serif;
}

#bienvenue-milieu h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #363;
	font-style: italic;
	text-align:left;
	padding-left:50px;
	line-height: 25px;
}

#bienvenue-milieu_page h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #363;
	font-style: italic;
	text-align:left;
	padding-left:50px;
	line-height: 25px;
}

.puce-bienvenue {
	background-image: url(../images/puce-bienvenue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:24px;
	margin-left:40px;
	}

.annonce h1{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #3d3e3a;
	text-align:left;
	margin-top:4px;
}

.annonce h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	color: #363;
	text-align:left;

}

.annonce h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	color: #3d3e3a;
	text-align:left;
	font-weight: normal;
}
.annonce h4{
	font-family: Verdana, Geneva, sans-serif;
	color: #ba120c;
	text-align:left;
	font-size: 0.9em;
}

#bandeau-recherche p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	padding-top:12px;
	margin-left:220px;
	}

#bandeau-resultat p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-top:13px;
	text-align:left;
	margin-left:85px;
	}
#numero {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	margin-top:15px;
	}
#trirecherche h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	padding-top:15px;
	text-align:left;
	padding-left:410px;
	}	
	
#trirecherche h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	text-align:left;
	padding-left:410px;
	margin-top:3px;
	margin-bottom:3px;
	}	
	
#trirecherche h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-align:left;
	padding-left:430px;
	margin-top:3px;

	}

#formresultat p {
	text-align:left;
	padding-top:10px;
	margin-right:10px;
	margin-left:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

#descriptif h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	text-align:left;
	padding-left:15px;
	padding-bottom:5px;
		}	
		
#descriptif h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-align:left;
	padding-left:15px;
	}
#descriptif p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	padding-left:15px;
	padding-right:10px;
	margin-bottom:10px;
		}	

#descriptif h3{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-align:left;
	padding-left:15px;
	margin-top:5px;
	height:auto;
}

#fond-prix h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	text-align:left;
	padding-left:15px;
	padding-top:15px;

}


.puce-descriptif {
	background-image:url(../images/puce-descriptif.png);
	background-repeat: no-repeat;
	height:20px;
	background-position: left 1px;
}		

#contact p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-align:left;
	padding-left:25px;
	line-height: 14px;
	
	}


#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #3d3e3a;
	padding-top:20px;
	padding-bottom:10px;
}

.coupdecoeur-descriptif {
	float:right;
	margin-right:15px;
	}
	
.enbaisse-descriptif {
	float:right;
	margin-right:30px;
	margin-top:3px;
	}	
	
.coupdecoeur-accueil {
	float:right;
	margin-right:0px;

	vertical-align: top;

	}
	
.nouveaute-accueil {
	float:right;
	margin-right:30px;
	margin-top:3px;
	}