/*
 * Global Layout
 */
* {
    margin:0;
    padding:0;
    background-repeat:no-repeat;
    text-decoration:none;
    font-weight:normal;
}

a, a:hover, a:visited { color:black; }
a span { display:none; }
strong { font-weight:bold; }
img { border:0; }

body {
    background-color:white;
    font-family:Verdana, arial;
    font-size:0.8em;
    color:black;
}

#container {
    position:relative;
    width:950px;
    margin:0;
}

div.divheader, #content, #footer { position:relative; }

div.divheader { width:366px; height:353px; }

div.divheader p { display:none; }

#nav {
    position:absolute;
    top:82px;
    left:690px;
    width:252px;
    height:240px;
    list-style:none;
/*    background-color:blue;*/
}

#nav #navAccueil, #nav #navAccueil a, #nav #navVendre, #nav #navVendre a, #nav #navAcheter, #nav #navAcheter a, #nav #navLouer, #nav #navLouer a, #nav #navContact, #nav #navContact a, #nav #navSociete, #nav #navSociete a { position:absolute; width:180px; height:16px; }

#nav #navAccueil a, #nav #navVendre a, #nav #navAcheter a, #nav #navLouer a, #nav #navContact a, #nav #navSociete a { }

#nav #navAccueil { display:none; }
#nav #navVendre { background-image:url('imgs/m_vendre.png'); top:63px; }
#nav #navVendre.hover, #nav #navVendre a:hover { background-image:url('imgs/m_vendre_hover.png'); }
#nav #navAcheter { background-image:url('imgs/m_acheter.png'); top:86px; }
#nav #navAcheter.hover, #nav #navAcheter a:hover { background-image:url('imgs/m_acheter_hover.png'); }
#nav #navLouer { background-image:url('imgs/m_louer.png'); top:109px; }
#nav #navLouer.hover, #nav #navLouer a:hover { background-image:url('imgs/m_louer_hover.png'); }
#nav #navContact { background-image:url('imgs/m_contact.png'); top:132px; }
#nav #navContact.hover, #nav #navContact a:hover { background-image:url('imgs/m_contact_hover.png'); }
#nav #navSociete { background-image:url('imgs/m_societe.png'); top:155px; }
#nav #navSociete.hover, #nav #navSociete a:hover { background-image:url('imgs/m_societe_hover.png'); }

#triangle { position:absolute; width:64px; height:127px; right:11px; top:82px; }
#triangle div.triangle { position:absolute; width:64px; height:127px; background-image:url('imgs/triangle.png'); }
#triangle div.default { display:none; }
#triangle div.accueil { display:block; top:50px; }

#triangle div.vendre { display:block; top:10px; }
#triangle div.achat { display:block; top:30px; }
#triangle div.location { display:block; top:50px; }
#triangle div.contact { display:block; top:80px; }
#triangle div.societe { display:block; top:100px; }

#content { margin:32px 0 48px 0; /*background-color:#cccccc;*/ }

#content h1 { display:none; }

#footer { background-image:url('imgs/footer_background.png'); height:26px; }
#footer p { margin-left:65px; font-size:0.9em; line-height:26px; vertical-align:middle; color:white; }
#footer a { position:absolute; right:20px; top:5px; margin:0; padding:0; font-size:0em; }
#footer img { margin:0; padding:0; }

/*
 * ACCUEIL
 */
div.divheaderaccueil { background-image:url('imgs/header_accueil.png'); width:483px; height:465px; }
#nav.accueil { top:200px; }
#triangle.accueil { top:200px; }

/*
 * ACHETER
 */
div.divheaderachat { background-image:url('imgs/header_acheter.png'); }
#content.achat ul { list-style:none; margin:0; height:199px; }
#content.achat #maisons, #content.achat #apparts, #content.achat #terrains, #content.achat #maisons a, #content.achat #apparts a, #content.achat #terrains a { position:absolute; width:283px; height:199px; }
#content.achat #maisons { left:28px; background-image:url('imgs/acheter_maisons.jpg'); }
#content.achat #apparts { left:333px; background-image:url('imgs/acheter_apparts.jpg'); }
#content.achat #terrains { left:639px; background-image:url('imgs/acheter_terrains.jpg'); }    
#content.achat #maisons a:hover, #content.achat #apparts a:hover, #content.achat #terrains a:hover { background-image:url('imgs/triangle_small.png'); background-position:15px 17px;}

/*
 * LOUER
 */
div.divheaderlocation { background-image:url('imgs/header_louer.png'); }
#content.location ul { list-style:none; margin:0; height:199px; }
#content.location #maisons, #content.location #apparts, #content.location #maisons a, #content.location #apparts a { position:absolute; width:283px; height:199px; }
#content.location #maisons { left:186px; background-image:url('imgs/acheter_maisons.jpg'); }
#content.location #apparts { left:491px; background-image:url('imgs/acheter_apparts.jpg'); }
#content.location #maisons a:hover, #content.location #apparts a:hover { background-image:url('imgs/triangle_small.png'); background-position:15px 17px;}

/*
 * VENDRE
 */
div.divheadervendre { background-image:url('imgs/header_vendre.png'); }
#content.vendre #description { width:726px; height:132px; background-image:url('imgs/top_vendre.png'); margin-left:107px; }
#content.vendre div { margin-bottom:10px; padding:20px 20px 0 20px; }
#content.vendre h2 { font-weight:bold; font-size:1em; margin-bottom:10px; }
#content.vendre form, #content.vendre div { position:relative; }
#content.vendre form * h2 { margin-bottom:28px; }
#content.vendre p { font-size:0.9em; padding-bottom:10px; }
#content.vendre #coordonnees { width:726px; height:517px; background-image:url('imgs/coord_vendre.png'); margin-left:107px; }
#content.vendre form * input, #content.vendre form * select { width:185px; }
#content.vendre form * textarea { height:72px; } 
#content.vendre form * input.long, #content.vendre form * textarea { width:445px; }
#content.vendre form * span.star { position:absolute; left:610px; }
#content.vendre form * span.star.short { left:350px; }
#content.vendre div  p { position:relative; }
#content.vendre div p input, #content.vendre div p textarea, #content.vendre div p select { position:absolute; left:155px; }
#content.vendre div p.textarea { height:72px; } 
#content.vendre form img.submit { position:relative; left:285px; top:90px; }
#content.vendre div #fixe { position:absolute; left:112px; }
#content.vendre div #portable { position:absolute; left:350px; }
#content.vendre div #fportable { position:absolute; left:412px; }
#content.vendre #bien { width:726px; height:272px; background-image:url('imgs/bien_vendre.png'); margin-left:107px; }

/*
 * CONTACT
 */
div.divheadercontact { background-image:url('imgs/header_contact.png'); }
#content.contact #description { width:726px; height:132px; background-image:url('imgs/top_contact.png'); margin-left:107px; }
#content.contact div { margin-bottom:10px; padding:20px 20px 0 20px; }
#content.contact h2 { font-weight:bold; font-size:1em; margin-bottom:10px; }
#content.contact p { font-size:0.9em; padding-bottom:10px; }
#content.contact #coordonnees { width:726px; height:517px; background-image:url('imgs/coord_contact.png'); margin-left:107px; }
#content.contact div { position:relative; }
#content.contact form { margin-top:28px; position:relative; }
#content.contact form * input, #content.contact form * select { width:185px; }
#content.contact form * textarea { height:72px; } 
#content.contact form * input.long, #content.contact form * textarea { width:445px; }
#content.contact form * span.star { position:absolute; left:580px; }
#content.contact form * span.star.short { left:320px; }
#content.contact #coordonnees  p { position:relative; }
#content.contact #coordonnees p input, #content.contact #coordonnees p textarea, #content.contact #coordonnees p select { position:absolute; left:125px; }
#content.contact #coordonnees p.textarea { height:72px; } 
#content.contact form img.submit { position:relative; left:285px; top:90px; }
#content.contact #coordonnees #fixe { position:absolute; left:82px; }
#content.contact #coordonnees #portable { position:absolute; left:320px; }
#content.contact #coordonnees #fportable { position:absolute; left:382px; }

/*
 * SOCIETE
 */
div.divheadersociete { background-image:url('imgs/header_societe.png'); }
#content.societe div { width:776px; margin-bottom:10px; padding:20px 20px 0 20px; margin-left:107px;  }
#content.societe h2 { font-weight:bold; font-size:1em; margin-bottom:20px; }
#content.societe p { font-size:0.9em; padding-bottom:10px; width:735px; }
#content.societe #societe { height:232px; background-image:url('imgs/top_societe.png'); }
#content.societe #equipe { height:223px; background-image:url('imgs/equipe_societe.png'); }
#content.societe #engagements { height:391px; background-image:url('imgs/engagements_societe.png'); }
#content.societe #vitrine { height:391px; background-image:url('imgs/vitrine_societe.png'); }
#content.societe p a { text-decoration:underline; font-weight:bold; }
#content.societe #equipe p a { color:#6c6c6c; font-weight:normal; }
#content.societe p span.alternate { color:#6c6c6c; }
#content.societe #engagements p em { font-weight:bold; font-style:normal; }
#content.societe #vitrine { position:relative; }
#content.societe #vitrine img { position:absolute; top:74px; left:181px; width:389px; height:272px; }

/*
 * LISTE
 */
#content.liste #tri { margin-left:120px; color:#6c6c6c; width:787px; position:relative; margin-bottom:15px;}
#content.liste #tri p.page { position:absolute; right:10px; text-align:right; width:150px; top:0; }
#content.liste #tri p a { text-decoration:underline; }
#content.liste ul.list { margin-left:114px; height:auto; width:792px; position:relative; }
#content.liste ul.list li { width:792px; }
#content.liste ul { list-style:none; margin:0; }
#content.liste ul.list div.annonce { position:relative; margin-bottom:21px; height:237px; background-image:url('imgs/liste_background.png'); }
#content.liste ul.list div.annonce a { position:absolute; height:100%; width:100%; }
#content.liste ul.list div.annonce a:hover { background-image:url('imgs/liste_bg.png'); }
#content.liste ul.list div.annonce img { width:141px; height:104px; border:solid white 2px; position:absolute; left:28px; top:68px; }
#content.liste ul.list div.annonce div.vendu { width:141px; height:126px; position:absolute; left:25px; top:58px; }
#content.liste ul.list div.annonce div.desc { position:absolute; width:498px; height:140px; left:185px; top:71px; }
#content.liste ul.list div.annonce div.desc p.desc { width:510px; height:70px; }
#content.liste ul.list div.annonce div.secteur { position:absolute; width:740px; left:28px; top:40px; }
#content.liste ul.list div.annonce div.secteur p { font-weight:bold; }
/*#content.liste ul.list div.annonce:hover { background-image:url('imgs/liste_background_hover.png'); }*/
#content.liste p span.legende { display:inline; color:#636363; }
#content.liste p.ref { position:absolute; right:20px; top:30px; width:410px; text-align:right; font-size:0.9em; }
#content.liste p.prix { position:absolute; left:22px; top:186px; width:166px; text-align:center;  }
#content.liste div.results {  margin-left:114px; position:relative; height:24px; width:792px;  text-align:center; line-height:24px; vertical-align:middle; }
#content.liste div.results p, #content div.results p *  { color:#6c6c6c; } 
#content.liste div.results p a { text-decoration:underline; }
#content.liste div.results p#prec, #content div.results p#suiv { position:absolute; top:0px; line-height:24px; vertical-align:middle; }
#content.liste div.results p#prec { left:0; }
#content.liste div.results p#suiv { right:0; }

/*
 * FICHE
 */
#content.fiche #head { position:relative; width:815px; margin-left:75px; text-align:right; }
#content.fiche #head p { margin-right:63px; font-weight:bold; }
#content.fiche #head span.legende { color:#636363; font-weight:normal; }
#content.fiche #main { position:relative; width:815px; height:599px; margin-left:75px; margin-bottom:36px;}
#content.fiche #photos { position:absolute; width:392px; height:100%; background-image:url('imgs/fiche_photos.png'); top:0; left:0; }
#content.fiche #descrip { position:absolute; width:393px; height:100%; background-image:url('imgs/fiche_descrip.png'); top:0; left:422px; }
#content.fiche #photos #image { position:absolute; width:297px; height:219px; top:48px; left:44px; }
#content.fiche #photos #image1p, #content.fiche #photos #image2p, #content.fiche #photos #image3p, #content.fiche #photos #image4p,  
#content.fiche #photos #image1p img, #content.fiche #photos #image2p img, #content.fiche #photos #image3p img, #content.fiche #photos #image4p img { position:absolute; width:138px; height:102px; }
#content.fiche #photos #image1p { top:303px; left:45px; }
#content.fiche #photos #image2p { top:303px; left:204px; }
#content.fiche #photos #image3p { top:424px; left:44px; }
#content.fiche #photos #image4p { top:424px; left:204px; }
#content.fiche #photos #image4p img { width:140px; }
#content.fiche h2 { font-weight:bold; font-size:1em; margin-bottom:5px; }
#content.fiche #descrip div { padding:22px 10px 10px 10px; }
#content.fiche #description { height:131px; }
#content.fiche #interieur { height:287px; }
#content.fiche #charges { height:76px; }
#content.fiche p { line-height:20px; font-size:0.8em; font-weight:bold; }
#content.fiche p.texte { font-size:0.7em; height:80px; overflow:hidden; font-weight:normal;}
#content.fiche p.sub { position:absolute; top:120px; }
#content.fiche p span.legende { color:#6c6c6c; font-weight:normal; }
#content div.results { position:relative; margin-left:75px; height:24px; width:815px;  text-align:center; line-height:24px; vertical-align:middle;}
#content div.results p, #content div.results p *  { color:#6c6c6c; font-size:1em; } 
#content div.results p a { text-decoration:underline; }
#content div.results p#prec, #content div.results p#suiv { position:absolute; top:0px; line-height:24px; vertical-align:middle; }
#content div.results p#prec { left:0; }
#content div.results p#suiv { right:0; }


/*
 * IMAGE
 */
#content.image #image { position:relative; width:858px; height:635px; margin-left:48px; margin-bottom:30px; background-image:url('imgs/fond_image.png'); }
#content.image #image img { position:absolute; top:100px; left:140px; border:solid 3px white; width:567px; height:425px; }
#content.image div.results { position:relative; margin-left:48px; height:24px; width:858px;  text-align:center; line-height:24px; vertical-align:middle;}
#content.image div.results p, #content div.results p * { color:#6c6c6c; font-size:1em; } 
#content.image div.results p a { text-decoration:underline; }
#content.image div.results p#prec, #content div.results p#suiv { position:absolute; top:0px; line-height:24px; vertical-align:middle; }
#content.image div.results p#prec { left:0; }