@charset "utf-8";
/* CSS site TIT-immobilier */

/*****************************/
/* mise en page générique avec principaux blocs fixes */

* {
margin:0;padding:0;
}

body {
background-image:url(imgs/fond_body.jpg);
background-repeat:repeat-x;
background-position:top left;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

h4 {
font-size:13px;
font-weight:bold;
color:#3f3b3c;
margin:3px;
}

h5 {
font-size:11px;
font-weight:bold;
margin-bottom:5px;
background-image:url(imgs/pucejaune.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:10px;
}

.all_content {
width:885px;
height:100%;
min-height:400px;
text-align:left;
}

html>body .all_content {
height:auto;
}

.colGauche {
width:232px;
float:left;
}

.colDroite {
float:left;
width:653px
}

.logo {
width:210px;
height:118px;
padding-left:19px;
padding-top:8px;
background-image:url(imgs/fond_logo.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.accrocheLogo {
margin-top:5px;
height:17px;
color:white;
font-size:10px;
}

.accrocheLogo ul{
text-align:center;
margin-left:8px;
list-style-type:none;
width:624px;
}

.accrocheLogo li {
float:left;
background-image:url(imgs/pucejaune.gif);
background-position:0px 3px;
background-repeat: no-repeat;
padding-left:10px;
margin-right:20px;
}

.accrocheLogo li a, .accrocheLogo li a:visited {
text-decoration:none;
color:white;
}

.accrocheLogo li a:hover {
color:#FCD179;
}

.accrocheLogoHome {
height:12px;
color:white;
font-size:10px;
}

.accrocheLogoHome ul{
text-align:center;
list-style-type:none;
width:420px;
}

.accrocheLogoHome li {
float:left;
background-image:url(imgs/pucejaune.gif);
background-position:0px 3px;
background-repeat: no-repeat;
padding-left:10px;
margin-right:20px;
}

.accrocheLogoHome li a, .accrocheLogoHome li a:visited {
text-decoration:none;
color:white;
}

.accrocheLogoHome li a:hover {
color:#FCD179;
}

.mainContent {
width:653px;
}

.cleaner {
clear:both;
}

/*******************************/
/* colonne de gauche : sos le logo */
.espaces {
width:226px;
height:160px;
padding-left:8px;
padding-top:5px;
background-image:url(imgs/fond_espaces.jpg);
background-position:top left;
background-repeat:no-repeat;

}

.espaces img {
margin-top:0px;
}

.contacts {
background-image:url(imgs/fond_contact.gif);
background-position:top center;
background-repeat:no-repeat;
height:10px;
width:220px;
}

.infoPlus {

}


.presentation
{
text-decoration:none; 
color:black; 
font-size:10px; 
padding-left:15px;
background-image:url(imgs/pucenoire.gif);
background-repeat:no-repeat;
background-position:4px 4px;	
}

.contact
{
BACKGROUND-POSITION:4px 4px; 
PADDING-LEFT:15px; 
FONT-SIZE:10px; 
BACKGROUND-IMAGE:url(imgs/puceblanche.gif); 
COLOR:white; 
BACKGROUND-REPEAT:no-repeat; 
TEXT-DECORATION:none;
}


/*******************************/
/* début découpage de la colonne de droite : 1 cadre en haut pour le bandeau, 1 au milieu pour le contenu et le texte principal et un footer pour aligner le tout */

.espaceContent {
background-image:url(imgs/fondContent_haut.jpg);
background-repeat:no-repeat;
background-position:top left;
width:653px;
height:136px;
padding-top:14px;
padding-right:13px;
padding-left:13px;
}

.txtContent {
background-image:url(imgs/fondContent.jpg);
background-repeat:repeat-y;
background-position:top left;
width:653px;
padding-right:13px;
padding-left:13px;
}

.footer {
clear:both;
width:653px;
height:20px;
background-image:url(imgs/fondContent_bas.jpg);
background-repeat:no-repeat;
background-position:top left;
}

.footertext {
font-size:9px;
color:#666666;
padding-right:10px;

}

.espaceContent h2 {
display:block;
font-size:15px;
height:20px;
width:624px;
}

.espacegdTitre h1{
font-size:15px;
height:20px;
}

/* div container de cpsCoeur, introEspace et recherche */
.modulesEspaces {
width:624px;
clear:both;
}

/* mise en page des Coups de Coeur dans les espaces */
/*.cpsCoeur {
float:left;
margin-left:5px;
width:205px;
}*/

.cpsCoeur h3 {
color:#555555;
font-size:13px;
/*margin-left:5px;
background-image:url(imgs/fleche_bas.gif);
background-repeat:no-repeat;
background-position:180px 7px;*/
}

/* style pour les vignettes coups de coeur */
.carreCpsCoeur {
background-image:url(imgs/fond_cpsCoeur.jpg);
background-repeat:no-repeat;
background-position:top left;
float:left;
padding:6px;
}



/* texte d'intro ou résumé dans les espaces */
.introEspace {
font-size:11px;
margin-top:50px;
padding-top:10px;
float:left;
width:205px;
background-image:url(imgs/bande_txtespace.gif);
background-position:top left;
background-repeat:no-repeat;
}

/* moteur de recherche dans les espaces */
/*.recherche {
margin-top:40px;
float:left;
width:205px;
}*/

.recherche h3 {
/*margin-top:5px;
margin-left:10px;*/
font-size:12px; 
font-weight:bold;
}

.rectRecherche {
/*width:192px;
height:110px;*/
background-color:#dfdfdf;
/*margin-left:10px;
margin-top:5px;
padding:3px;*/
font-size:11px;
}

.rectRecherche select {
width:175px;
margin-top:3px;
font-size:11px;
margin-bottom:5px;
}

.rectRecherche input {
margin:0;padding:0;
font-size:11px;
margin-right:2px;
}

/* paramétrage pour l'espace promotions */
#fondmodulesEspaces {
background-image:url(imgs/espacePromo_bas.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#syndic {
color:#3f521e;
border-bottom:4px solid #3f521e;
}

#promo {
color:#ecbc5b;
border-bottom:4px solid #ecbc5b;
}

/* cadre de résultats de recherche sous forme de liste : */

.cadreRecherche {
background-image:url(imgs/fond_resultat.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:9px;
height:105px;
}

.cadreRecherche p {
font-size:11px;

}
.cadreRecherche a, .cadreRecherche a:visited {
font-size:11px;
color:#af7b15;
padding-left:15px;
}

.liensRech ul {
margin:0;padding:0;
list-style-type:none;
}

.liensRech a, .liensRech a:hover{
font-size:11px;
color:#af7b15;
padding-left:15px;
}

.cadreRecherche a:hover {
color:#555555;
}

/* icones pour les liens des résultats */
.loupe {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_loupe.gif);
background-position:top left;
background-repeat:no-repeat;
}

.carac {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_carac.gif);
background-position:top left;
background-repeat:no-repeat;
}

.appts {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_appt.gif);
background-position:top left;
background-repeat:no-repeat;
}

.impr {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_impr.gif);
background-position:top left;
background-repeat:no-repeat;
}

.pdf {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_pdf.gif);
background-position:top left;
background-repeat:no-repeat;
}

.planmasse {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_planmasse.gif);
background-position:top left;
background-repeat:no-repeat;
}

.plansitu {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/ico_plansitu.gif);
background-position:top left;
background-repeat:no-repeat;
}

.lienfleche {
font-size:11px;
color:#af7b15;
padding-left:16px;
background-image:url(imgs/fleche_gauche.gif);
background-position:top left;
background-repeat:no-repeat;
}

.liensbas a, .liensbas a:hover, .liensbas a:visited {
margin-top:10px;
color:#996633;
font-size:11px;
font-weight:bold;
padding-left:10px;
background-image:url(imgs/fleche_gauche.gif);
background-repeat:no-repeat;
background-position:0px 2px;
}

.homeselectionimg {
padding-top:4px;
padding-left:2px;
}

.prevpage {
color:#996633;
font-weight:bold;
font-size:12px;
padding-left:10px;
background-image:url(imgs/fleche_gauche.gif);
background-repeat:no-repeat;
background-position:0px 4px;
}

.resultrech {
color:#996633;
font-weight:bold;
font-size:10px;
}
.resultrech2 {
color:#996633;
font-weight:bold;
font-size:11px;
}
