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

/* menu */
.menu {
	background-repeat	: no-repeat;
	background-position	: center;
	color				: #FFFFFF;
	text-align			: left;
}

.menu_title {
	font-size	: 18px;
	font-weight	: bold;
	font-family	: Arial, Helvetica, sans-serif;
	font-style	: italic;
}

.menu_line {
	 color	: #CCCCCC;
	 width	: 95%;
	 height	: 1px;
}

#menu li {
	list-style-image	: url(../images/menu/menu_li.png);
	font-family			: Arial, Helvetica, sans-serif;
	font-weight			: bold;
	font-size			: 14px;
	font-style			: italic;
	line-height			: 14px;
}

#menu a {
	color			: #FFFFFF;
	text-decoration	: none;
}

#menu a:hover {
	color	: #EAEAEA;
}

.bt_submit {
	border			: 0px;
	background		: none;
	cursor			: pointer;
	text-decoration	: underline;
	font-weight		: bold;
	color			: #FFFFFF;
	width			: 150px;
	font-size		: 14px;
}

/* Liens bas de page */
.link {
	color		: #000000;
	font-size	: 10px;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
}

.liens {
	color			: #565656;
	text-decoration	: none;
	font-size		: 12px
}

.liens:hover{
	text-decoration	: underline;
}

/* Page mentions légales */
#GrosTitre {
	text-align	: justify;
	font-family	: Arial, Helvetica, sans-serif;
}

#GrosTitre .title {
	font-weight	: bold;
	font-size	: 12px;
}

#GrosTitre hr {
	color	: #CC0000;
}

#GrosTitre .bloc {
	font-size	: 11px;
	padding-top	: 4px;
}

/* Page d'accueil */
.accueil {
	padding			: 0px 10px 10px 10px;
	border-color	: #CC0000;
	font-family		: Arial, Helvetica, sans-serif;
}

.titre {
	color		: #CC0000;
	font-size	: 16px;
	font-weight	: bold;
}

.lienAccueil {
	cursor		: pointer;
	color		: #FFFFFF;
	font-weight	: bold;
}

.lienAccueil a {
	text-decoration	: none;
	color			: #FFFFFF;
}

.linkDetail {
	font-weight		: bold;
	text-decoration	: none;
	color			: #333;
}

.linkDetail:hover{
	text-decoration	: underline;
}

.presentation {
	text-align	: justify;
	font-size	: 12px;
}

/* Page nos outils */
.outils li{
	list-style		: none;
	font-size		: 12px;
	line-height		: 8px;
}

.outils a {
	color			: #000000;
	text-decoration	: none;
	padding-left	: 20px;
	font-weight		: bold;
}

.outils a:hover {
	text-decoration	: underline;
}

/* Page contact */
.contact {
	text-align	: left;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
}

.contact sup {
	color	: #FF0000
}

.contact_erreur {
	color		: #FF0000;
	font-weight	: bold;
}

/* Services */
.services{
	font-size		: xx-large;
	color			: #000066;
	text-align		: center;
	text-decoration	: underline;
}

.carte_visite {
	font-size	: 12px;
}

.service {
	text-decoration	: none;
	color			: #F50000;
	font-weight		: bold;
}

.serviceli {
	line-height	: 12px;
}

.serviceli li {
	list-style-type	: circle;
	color			: #FF0000;
}

.service_hr {
	color	: #CC0000;
	width	: 90%;
	height	: 1px;
}

/* Page nos offres et coup de coeur */
.shadow {
	background	: url(../images/shadow.jpg) bottom right no-repeat;
	height		: 94px;
	width		: 125px;
	padding		: 0px;
	text-align	: left;
}

.images {
	border	: 1px solid #333;
}

.news_title {
	background-color	: #CC0000;
	color				: #FFFFFF;
	border				: 1px solid #000;
	font-size			: 11px;
	line-height			: 12px;
	font-weight			: bold;
}

.news_infos {
	font-size	: 12px;
	text-align	: left;
}

.pagination {
	text-decoration	: none;
	color			: #13007C;
	font-weight		: bold;
}

.bt_pagination {
	text-decoration	: none;
	color			: #13007C;
	font-weight		: bold;
	border			: 0px;
	background		: none;
	cursor			: pointer;
	padding			: 0px;
}

.metre_carre {
	font-size	: 12px;
}

.biens {
	border		: 2px solid #000;
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 13px;
}

.biens_titre {
	background-color	: #CC0000;
	color				: #FFFFFF;
	font-weight			: bold;
	line-height			: 12px;
	height				: 10px;
	text-decoration		: none;
}

.bt_retour {
	text-decoration	: none;
	line-height		: 25px;
	color			: #666666;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 12px;
}

/* Page alerte immo */
.alertimmo {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	padding-top	: 15px;
}

.alert_input {
	border			: 0px;
	border-bottom	: 1px dashed #000000;
	height			: 14px;
}

/* page de détail d'un bien */
.detailBien {
	border	: 1px solid #999999;
}

.bienTitre {
	font-weight			: bold;
	height				: 10px;
	padding-left		: 5px;
}

.entete {
	text-align		: left;
	padding			: 5px;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	color			: #CC0000;
}

.shadowImage {
	/* On met notre span en bloc */
	display		: block;
	/* On lui applique un float left, il sort ainsi du flux standard et n'occupera pas toute la largeur disponible comme il l'aurait fait normalement */
	float		: left;
	/* On place notre ombre en arrière plan en bas à droite */
	background	: url(../images/shadowAlpha.png) no-repeat bottom right;
	/* Quelques marges pour le style... */
	margin		: 10px 0 0 15px;
}
 
.shadowImage img {
	/* On fixe notre image en format bloque */
	display				: block;
	/* On définit sa position à relative pour plus de liberté */
	position			: relative;
	/* Son fond est blanc pour obtenir une bordure de cette couleur*/
	background-color	: #fff;
	/* Une autre bordure */
	border				: 1px solid #a9a9a9;
	/* Les marges positives servent à aficher les ombres, les marges négative sortent l'image de son coteneur */
	margin				: -6px 6px 6px -6px;
	/* Marge interne pour la bordure blanche */
	padding				: 4px;
	/* Définition du curseur de lien */
	cursor				: pointer;
}

.details {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 13px;
}

.description {
	text-align		: justify;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 13px;
	vertical-align	: top;
}
