/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 2  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	background:url(../images/fd.gif);
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }

a { color: #333333; }
a:hover { color:#666666;}

.clear {clear:both;}

.photo_left { float:left; margin-right:5px; margin-bottom:5px;}

.erreur {color: #990000 !important; }


/* BLOCS PRINCIPAUX */
#conteneur {
	position:relative;
	width:980px;
	margin:auto;

	height: auto;
	min-height:600px; /* pour firefox prenne toute la hauteur de page*/
	_height:600px; /*underscore hack uniquement interprt par IE Win*/
	min-height:600px;
}
#header {
	position:relative;
	height:206px;
	background:url(../images/bandeau_haut.jpg) no-repeat;
}

#page {
	position:relative;
	background-color:#878787;
		
	height: auto;
	min-height:240px; /* pour firefox prenne toute la hauteur de page*/
	_height:240px; /*underscore hack uniquement interprt par IE Win*/
	min-height:240px;
}

#colonne_gauche {
	position:relative;
	float:left;
	width:230px;
	background-color:#878787;
	z-index:1;
	
	height: auto;
	min-height:510px;
	_height:510px; 
	min-height:510px;
}

#colonne_centre {
	position:relative;
	float:right;
	width:750px;
	background-color:#b9b9b9;
	
	height: auto;
	min-height:510px; /* pour firefox prenne toute la hauteur de page*/
	_height:510px; /*underscore hack uniquement interprt par IE Win*/
	min-height:510px;
}
#footer {
	position:relative;
	width:980px;
	margin:auto;
	margin-top:1em;
	font-size:0.71em;
	text-align:center;
	margin-bottom:2em;
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color: #333333;
}
#footer #home h1 {
	margin:0;
	padding:0;
	font-size:0.81em;
	padding-top:5px;
}
#footer #home h1 a {
	text-decoration:none;
}
#footer #home #vertical_slide {
	width:60%;
	margin:auto;
	font-size:0.81em;
}
#footer #home #vertical_slide h2 {
	font-size:1em;
}

/* LOGO */

div.logo {
	position:absolute;
	top:0;
	left:0;
	height:206px;
	z-index:1;
}
div.logo h1 {
	text-indent:-50000px;
}



/* MENU */

#colonne_gauche div.bloc_menu_gauche {
	position:relative;
	background-color:#493829;
	height:255px;
}
#colonne_gauche div.bloc_menu_gauche ul  {
	list-style-type:none;
	font-size:0.88em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:18px;
	padding-top:20px;
}
#colonne_gauche div.bloc_menu_gauche ul li {
	background:url(../images/filet_horizontale_menu.png) no-repeat bottom left;
	line-height:1.4em;
}
#colonne_gauche div.bloc_menu_gauche ul li a  {
	color:#FFFFFF;
	text-decoration:none;
}
#colonne_gauche div.bloc_menu_gauche ul li a:hover  {
	color:#878787;
}


/* ACCUEIL */
div.adresses_agences {
	position:relative;
	font-size:0.65em;
	}
div.adresses_agences ul {
	margin-left:4em;
	list-style-type:none;
	}
div.adresses_agences h3 {
	font-weight:bold;
	margin-left:1em;
	margin-top:0.5em;
	}
div.adresses_agences a {
	display:block;
	margin-left:1em;
	margin-top:1em;
	color:#FFFFFF;
}
div.formulaire_recherche {
	position:absolute;
	left:0;
	top:0;
	width:250px;
	height:255px;
	background:url(../images/fd_recherche.gif) no-repeat;
	padding-left:20px;
	padding-top:35px;
}
div.formulaire_recherche form#formulaireRecherche {
	padding-left:0;
}
form#formulaireRecherche {
	position:relative;
	padding-left:20px;
}
form#formulaireRecherche select,
#formulaire_alerte select {
	color:#333333;
	font-size:11px;
	margin-bottom:5px;
}
a.bt_rechercher {
	position:relative;
	display:block;
	margin-top:5px;
	height:34px;
	width:106px;
	text-indent:-50000px;
	background:url(../images/bt_rechercher.png) no-repeat;
}
a.bt_recherche_avancee {
	color:#FFFFFF;
}
#criteres_avances,
form#formulaireRecherche {
	position:relative;
	font-size:11px;
	padding-top:5px;
}
input.champ_texte {
	background:url(../images/input.png) right top no-repeat;
	height:21px;
	width:100px;
	border:0;
	padding-top:2px;
	vertical-align: middle;
	font-size:11px;
	color:#333333;
}
form#formulaireRecherche label {
	margin-right:5px;
}
form#formulaireRecherche p,
#formulaire_alerte p {
	float:left;
	vertical-align:middle;
	margin:0;
	padding:0;
}
form#formulaireRecherche span.label_checkbox,
#formulaire_alerte span.label_checkbox {
	float:left;
	padding-top:4px;
	width:12px;
}

a.bt_alertes {
	display:block;
	position:relative;
	width:250px;
	height:68px;
	background:url(../images/icone_alerte.gif) no-repeat;
	text-indent:-50000px;
	
}

/* nouveaute */
div.nouveautes {
	position:absolute;
	top:0;
	left:250px;
	width:250px;
	height:255px;
	background:url(../images/fd_nouveautes.gif) no-repeat;
}
div.nouveautes dl {
	position:relative;
	margin-left:10px;
	clear:both;
}
div.nouveautes dl dt.photo {
	float:left;
	width:72px;
	margin-right:5px;
	margin-top:5px;
}
div.nouveautes dl dd.informations {
	padding-top:3px;
}
div.nouveautes dl dd.informations a {
	font-size:0.65em;
	color:#FFFFFF;
	text-decoration:none;
}
div.nouveautes dl dd.informations a:hover {
	text-decoration:underline;
}

/* coup de coeur */
div.coup_de_coeur {
	position:absolute;
	top:255px;
	left:0;
	width:500px;
	height:255px;
	background-color:#b9b9b9;
}
div.coup_de_coeur dl {
	position:relative;
	margin-left:20px;
}
div.coup_de_coeur dl dt.photo {
	position:relative;
	float:left;
}
div.coup_de_coeur dl dd.description {
	font-size:0.71em;
	color:#3d3d41;
	margin-left:210px;
	}
div.coup_de_coeur dl dd.informations  {
	margin-left:210px;
	}
div.coup_de_coeur dl dd.informations a {
	font-size:0.71em;
	color:#3d3d41;
	}
div.coup_de_coeur dl dd.informations a:hover {
	color:#000000;
	}
div.coup_de_coeur h2 {
	position:relative;
	margin-left:225px;
	margin-top:20px;
	text-indent:-50000px;
	background:url(../images/titre_coupdecoeur.gif) no-repeat;
	width:200px;
	height:32px;
	}


#texte_accueil {
	position:absolute;
	right:0;
	top:255px;
	width:250px;
	height:255px;
	background:url(../images/fd_texte_accueil.gif) no-repeat;
}

div.adresses_agences {
	position:absolute;
	right:0;
	top:0;
	width:250px;
	height:255px;
	background:url(../images/fd_degrade_gris.gif);
}


/* DETAIL ANNONCE */
div.bloc_detail_annonce {
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

div.header_detail_annonce h1, div.header_detail_annonce h2,
#affichage_criteres h1,
#titre_page h1 {
	font-size:20px;
	background-color:#65523f;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	color:#FFFFFF;
}

div.bloc_detail_annonce h2.tarif {
	font-size:0.88em;
	padding-bottom:20px;
	color:#333333;
	font-weight:bold;
	padding-top:20px;
}

div.bloc_detail_annonce div.bloc_photos {
	position:relative;
	width:680px;
}

div.bloc_detail_annonce div.photo_principale {
	position:relative;
	width:320px;
	height:240px;
	float:left;
}

div.bloc_detail_annonce div.photo_principale img {
	border:1px solid #FFFFFF;
	width:320px;
	height:240px;	
}

div.bloc_detail_annonce div.bloc_vignettes {
	position:relative;
	width:280px;
	padding-left:40px;
	float:left;
}

div.bloc_detail_annonce div.bloc_vignettes div.vignette img {
	width:114px;
	height:92px;
}

div.bloc_detail_annonce div.bloc_vignettes ul {
	position:relative;
	padding:0;
	margin:0;
}

div.bloc_detail_annonce div.bloc_vignettes ul li {
	position:relative;
	list-style-type:none;
	list-style-position:outside;
	margin-right:30px;
	float:left;
	width:98px;
}

div.bloc_detail_annonce div.bloc_vignettes ul li div.vignette {
	position:relative;
	padding-bottom:10px;
}	

div.bloc_detail_annonce div.bloc_vignettes ul li img {
	border:1px solid #FFFFFF;
	
}
div.bloc_detail_annonce div.titre_h1 h1 {
	position:relative;
	font-size:0.77em;
	color:#333333;
	padding-top:55px;
	padding-bottom:10px;
}
div.bloc_detail_annonce div.description {
	position:relative;
	font-size:0.77em;
	color:#333333;
	font-weight:normal;
	padding-bottom:35px;
	padding-top:10px;
} 

div.bloc_detail_annonce div.resume_infos {
	position:relative;
	font-size:0.77em;
	padding-bottom:30px;
	color:#333333;
}
div.bloc_detail_annonce div.resume_infos a {
	color:#333333;
}

div.bloc_detail_annonce div.resume_infos span {
	display:block;
}

div.bloc_page {
	position:relative;
	padding-left:20px;
	padding-right:20px;
}
div.formulaire_alerte {
	margin-top:2em;
}
div#bouton_contact {
	position:absolute;
	top:5px;
	left:575px;
}
div#bouton_contact.decal {
	top:50px;
}
div.bloc_detail_annonce div.infos,
div.bloc_detail_annonce div.formulaire_visite,
div.formulaire_alerte,
div#alerte_formulaire_desabonnement {
	position:relative;
	font-size:0.71em;
	padding:18px;
	border:1px solid #7b7770;
	margin-bottom:40px;
	background-color:#84796e;
}

div.bloc_detail_annonce div.formulaire_visite {
	margin-bottom:20px;
}

div.bloc_detail_annonce div.infos ul {
	position:relative;
	padding:0;
	margin:0;
	float:left;
	width:640px;
	margin-right:10px;
}

div.bloc_detail_annonce div.infos ul li {
	position:relative;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	width:210px;
	line-height:17px;
}

div.bloc_detail_annonce div.formulaire_visite h5,
div.formulaire_alerte h1,
div#alerte_formulaire_desabonnement h1 {
	font-size:18px;
	border-bottom:solid 1px #c0b8af;
	padding-bottom:5px;
	margin-bottom:5px;
}

div.bloc_detail_annonce div.formulaire_visite h6 {
	font-size:12px;
	font-weight:normal;
	padding-bottom:10px;
}

div.bloc_detail_annonce div.formulaire_visite form.formulaire {
	position:relative;
	border: 1px solid #84796e; /* pour corriger un bug IE7, espacement superflu !? */
}

div.bloc_detail_annonce div.formulaire_visite form.formulaire input.champ {
	position:relative;
	float:left;
	width:180px;
	margin-right:20px;
	border:1px solid #abadb3;
}

#alerte_formulaire_inscription_gauche div#ligne_pieces {
	clear:none;
	margin-top:3px;
}

div.bloc_detail_annonce div.formulaire_visite form.formulaire textarea.champ {
	position:relative;
	width:500px;
}

div.bloc_detail_annonce div.formulaire_visite form.formulaire div.clear {
	padding-bottom:8px;
}


div.bloc_detail_annonce div.formulaire_visite div.bouton_envoyer {
	position:relative;
	float:left;
	width:103px;
	height:32px;
}

div.bloc_detail_annonce div.formulaire_visite div.bouton_envoyer a {
	position:relative;
	width:103px;
	height:32px;
	display:block;
	background-image:url(../images/bt_envoyer.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	text-indent:-10000px;	
}	

div.bloc_detail_annonce div.formulaire_visite div.bouton_envoyer a:hover {
	background-image:url(../images/bt_envoyer_on.jpg);
}

div.bloc_detail_annonce div.formulaire_visite div.champs_obligatoires,
div.formulaire_alerte div.champs_obligatoires,
div#alerte_formulaire_desabonnement div.champs_obligatoires {
	font-size:11px;
	color:#b3aea4;
	margin-top:20px;
}

div.bloc_detail_annonce div.boutons_actions {
	position:absolute;
	left:520px;
	top:-38px;
}

div.bloc_detail_annonce div.boutons_actions a {
	text-decoration:underline;
	display:block;
	color:#c7c4bd;
	text-decoration:none;
	font-size:11px;
}

div.bloc_detail_annonce div.boutons_actions a:hover {
	text-decoration:underline;
}

div.bloc_detail_annonce div.boutons_actions a.retour {
	position:absolute;
	left:0;
	width:200px;
	text-align:left;
	padding-top:8px;
	padding-bottom:8px;
	background:#544232;
	color:#FFFFFF;
	padding-left:20px;
}

div.bloc_detail_annonce div.boutons_actions a.imprimer {
	position:absolute;
	right:0;
	height:34px;
	width:150px;	
	background-image:url(../images/icone_imprimer.jpg);
	background-position:center left;
	background-repeat:no-repeat;	
	text-align:left;
	padding-left:40px;
	padding-top:15px;
}




/* LISTE ANNONCES */
div.bloc_liste_annonces {
	position:relative;
	color: #333333;
	padding-left:20px;
}

div.bloc_liste_annonces div.criteres {
	position:relative;
	width:652px;
	height:41px;
	background-image:url(../images/fond_bloc_criteres.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:15px;
}

div.bloc_liste_annonces div.criteres div.liste_criteres {
	position:relative;
	color:#5c4437;
	font-size:12px;
	font-weight:bold;
}

div.bloc_liste_annonces div.criteres div.liste_criteres div.ligne_criteres {
	padding-bottom:5px;
}

div.bloc_liste_annonces div.criteres div.ajout_alerte {
	position:absolute;
	width:225px;
	height:49px;
	right:13px;
	top:10px;
}

div.bloc_liste_annonces div.criteres div.ajout_alerte a.texte {
	position:absolute;
	width:161px;
	right:68px;
	top:5px;
	text-align:right;
	text-decoration:none;
	color:#3f3227;
	font-size:10px;
	font-weight:bold;	
}

div.bloc_liste_annonces div.criteres div.ajout_alerte a.texte:hover {
	text-decoration:underline;
}

div.bloc_liste_annonces div.criteres div.ajout_alerte a.icone {
	position:absolute;
	width:64px;
	height:49px;
	background-image:url(../images/icone_creer_alerte.gif);
	background-position:top left;
	background-repeat:no-repeat;
	right:0;
	display:block;
	text-indent:-10000px;
}

div.bloc_liste_annonces div.liste {
	position:relative;
	padding-top:10px;
}

div.bloc_liste_annonces div.liste ul {
	position:relative;
	padding:0;
	margin:0;
	width:682px;
}

div.bloc_liste_annonces div.liste ul li {
	list-style-type:none;
	list-style-position:outside;
	border-bottom:2px dotted #767676;
	padding-top:10px;
	position:relative;
}

div.bloc_liste_annonces div.liste ul li h1, div.bloc_liste_annonces div.liste ul li h2.h1 {
	font-size:18px;
	margin:0;
}

div.bloc_liste_annonces div.liste ul li h2 {
	font-size:14px;
	margin-bottom:8px;	
}

div.bloc_liste_annonces div.liste ul li a {
	color:#333333;
	text-decoration:none;
}

div.bloc_liste_annonces div.liste ul li div.tarif {
	position:absolute;
	top:0;
	right:0px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	top:30px;
}

div.bloc_liste_annonces div.liste ul li div.vignette {
	position:relative;
	float:left;
	width:114px;
	height:92px;	
}

div.bloc_liste_annonces div.liste ul li div.vignette img {
	border:0;
	border:1px solid #FFFFFF;	
	width:114px;
	height:92px;	
}

div.bloc_liste_annonces div.liste ul li div.descriptif {
	position:relative;
	float:left;
	width:550px;
	padding-left:15px;
	font-size:0.71em;
}

div.bloc_liste_annonces div.liste ul li a.detail {
	position:absolute;
	right:0;
	top:-30px;
	width:133px;
	height:20px;
	background-color:#877b70;
	color:#FFFFFF;
	display:block;
	text-align:center;
	padding-top:8px;
	text-decoration:none;
}

div.bloc_liste_annonces div.liste ul li a.detail:hover {
	text-decoration:underline;
}

div.bloc_liste_annonces div.liste ul li div.boutons {
	position:relative;
	height:20px;
	font-size:0.65em;
}

div.bloc_liste_annonces div.pages {
	position:relative;
	text-align:center;
}

div.bloc_liste_annonces div.pages ul {
	position:relative;
	padding:0;
	margin:0;
}

div.bloc_liste_annonces div.pages ul li {
	position:relative;
	display:inline;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;	
}

div.bloc_liste_annonces div.pages ul li img {
	border:0;
}

div.bloc_liste_annonces div.pages ul li a {
	color:#65523f;
	text-decoration:none;	
}

div.bloc_liste_annonces div.pages ul li a:hover {
	text-decoration:underline;	
}

div.bloc_liste_annonces div.paginateur {
	padding-bottom:20px;
	padding-top:20px;	
}
div.bloc_detail_annonce div.formulaire_visite form.formulaire label,
div.formulaire_alerte label, div#alerte_formulaire_desabonnement label {
	float:left;
	font-weight:bold;
	position:relative;
	width:118px;
}
div.bloc_liste_annonces div.paginateur div.resultats {
	text-align:center;
	font-size:0.65em;
}

div.bloc_liste_annonces div.paginateur div.pages {
	padding-bottom:20px;
	padding-top:20px;	
	text-align:center;
}

div.paginateur div.pages a.page {
	font-size:11px;
}

div.paginateur div.pages a.page:hover {
	 text-decoration:none;	
}

div.paginateur ul li.numero_page {
	font-size:18px !important;		
}	


/* PAGE */

#titre_page h1 {
	background-color:#65523F;
	color:#FFFFFF;
	font-size:20px;
	padding-bottom:10px;
	padding-left:20px;
	padding-top:10px;
}
#page_texte ul {
	color:#333333;
	font-size:0.71em;
	margin-bottom:1em;
	margin-top:1em;
	}
#page_texte ul li {
	line-height:1.5em;
	list-style-type:square;
	list-style-position:inside;
	padding-left:40px;
	width:90%;
	}
#page_texte h3 {
	padding-left:20px;
	}
#page_texte h2 {
	padding-left:20px;
	color:#65523F;
	margin-bottom:1em;
	margin-top:1em;
	}
#page_texte p {
	padding-left:20px;
	color:#333333;
	font-size:0.71em;
	margin-bottom:1em;
	margin-top:1em;
	}
#page_texte .marron {
	color:#65523F;
	}

/* LANDING PAGE */
#landing_texte {
	width:450px;
	color:#333333;
	font-size:0.71em;
	padding:10px 0px 0px 20px;
}
#landing_texte h2 {
	font-size:1em;
	font-weight:bold;
}