/* CSS Document */



*{
margin:0;
padding:0;
}

.floatleft{
float:left;
margin:0 10px 10px 0;}

.spacer{
clear:both;
height:1px;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:url(../img/background.jpg) repeat-x 0 0;
font:12px Arial, Helvetica, sans-serif;
}


#general{
width:980px;
margin:0 auto;
height:auto;
}

#colleft{
float:left;
width:219px;
height:auto;
background:url(../img/fond-menu2.jpg) no-repeat 0 0;
}

h1#logo a{
width:210px;
height:172px;
display:block;
text-indent:-5000px;
text-decoration:none;
background:url(../img/logo-essentiel-immobilier2.gif) no-repeat 20px 100px;
}

ul#menuv{
width:170px;
height:240px;
margin:45px 0 0 49px;
}

ul#menuv li{
height:22px;
list-style:none;
border-bottom:1px solid #ef7927;
padding:0 0 0 20px;
margin:0;
}

ul#menuv a{
width:150px;
height:16px;
padding:6px 0 0 0;
display:block;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;}

ul#menuv a:hover{
width:150px;
height:16px;
display:block;
padding:6px 0 0 0;
font:12px Arial, Helvetica, sans-serif;
color:#ef7927;
text-decoration:none;
background:url(../img/rollover-menuv.jpg) no-repeat top right;}



/************************************************************************************************/
/************************************     C O N T E N T    **************************************/
/************************************************************************************************/


#content{
float:left;
width:750px;
background:#fff url(../img/fond-gneral-dte.jpg) no-repeat right top;
padding-right:11px;}


/************************************     M I L I E U    ****************************************/


#milieu{
float:left;
width:470px;
margin:12px 20px 0 0;
padding-left:50px;}

h4#slogan{
width:235px;
height:40px;
display:block;
text-indent:-5000px;
background:url(../img/slogan-essentiel.gif) no-repeat 0 0;}

h3#contact-home{
float:left;
width:220px;
height:18px;
display:block;
text-indent:-5000px;
background:url(../img/tit-contact-home.gif) no-repeat 0 0;
margin: 0 0 15px 0;
}

#agence-home{
float:left;
margin:0 20px 0 0;}

h3#outils-home{
width:120px;
height:17px;
display:block;
text-indent:-5000px;
background:url(../img/tit-outils-home2.gif) no-repeat 0 0;
margin: 25px 0 10px 0;
}

ul#outils-focus3 li{
float:left;
list-style:none;
height:170px;
margin:10px 8px 0 0;}

ul#outils-focus3 li a{
display:block;
height:169px;
text-indent:-5000px;}

ul#outils-focus3 li a#hom-calculette{
width:181px;
background:url(../img/bt-calculettes-home.jpg) no-repeat 0 -169px;}
ul#outils-focus3 li a#hom-calculette:hover{
background:url(../img/bt-calculettes-home.jpg) no-repeat 0 0;}

ul#outils-focus3 li a#hom-alerte{
width:118px;
background:url(../img/bt-alertemail-home.jpg) no-repeat 0 -169px;}
ul#outils-focus3 li a#hom-alerte:hover{
background:url(../img/bt-alertemail-home.jpg) no-repeat 0 0;}

ul#outils-focus3 li a#hom-estimation{
width:145px;
background:url(../img/bt-estimation-home.jpg) no-repeat 0 -169px;}
ul#outils-focus3 li a#hom-estimation:hover{
background:url(../img/bt-estimation-home.jpg) no-repeat 0 0;}



/************************************     D R O I T E    ****************************************/


#droite{
float:right;
width:201px;
}

/****************************************/

form#rechrap{
position:relative;
width:174px;
height:165px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding:10px 10px 10px 17px;
background:#4c4c4c;}

form#rechrap option, form#rechrap select{
width:150px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
margin:2px 0;
}

.label1{
float:left;
width:70px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin:2px 4px;
}
.label2{
float:left;
width:10px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin:2px 4px;
}

form#rechrap input{
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000;
margin:2px 0;
}

a#envoi-rech{
position:absolute;
left:0;
top:165px;
width:201px;
height:25px;
display:block;
text-indent:-5000px;
background:url(../img/bt-rech-rapide.gif) no-repeat 0 0;}
a#envoi-rech:hover{
width:201px;
height:25px;
display:block;
text-indent:-5000px;
background:url(../img/bt-rech-rapide.gif) no-repeat 0 -25px;}

/****************************************/

#coupscoeur{
margin:40px 0 0 0;
background:#f39912;
}

h4#coupscoeur-home{
width:201px;
height:20px;
display:block;
text-indent:-5000px;
background:#fff url(../img/tit-coups-coeur-home.gif) no-repeat 0 0;
}

.img-ccoeur{
width:193px;
margin:4px;}

#coupscoeur p{
margin:12px;}

a#voir-tous-ccoeur{
width:201px;
height:25px;
display:block;
text-indent:-5000px;
background:url(../img/bt-coups-coeur-home.gif) no-repeat 0 0;}
a#voir-tous-ccoeur:hover{
width:201px;
height:25px;
display:block;
text-indent:-5000px;
background:url(../img/bt-coups-coeur-home.gif) no-repeat 0 -25px;}


/************************************************************************************************/
/*********************************     P A G E S   T Y P E     **********************************/
/************************************************************************************************/

#milieu-type{
float:left;
width:650px;
margin:12px 20px 0 0;
padding-left:50px;}


h2#tit-pres{
width:300px;
height:15px;
display:block;
text-indent:-5000px;
background:url(../img/tit-presentation.gif) no-repeat 0 0;}

h2#tit-confiez{
width:300px;
height:15px;
display:block;
text-indent:-5000px;
background:url(../img/tit-confiez-nous.gif) no-repeat 0 0;}

h2#tit-outils{
width:80px;
height:15px;
display:block;
text-indent:-5000px;
background:url(../img/tit-outils.gif) no-repeat 0 0;}

h2#tit-infos{
width:80px;
height:15px;
display:block;
text-indent:-5000px;
background:url(../img/tit-infos-utiles.gif) no-repeat 0 0;}

h2#tit-recrut{
width:90px;
height:14px;
display:block;
text-indent:-5000px;
background:url(../img/tit-recrutement.gif) no-repeat 0 0;}

h2#tit-plandusite{
width:120px;
height:14px;
display:block;
text-indent:-5000px;
background:url(../img/tit-plandusite.gif) no-repeat 0 0;}

h2#tit-mentions{
width:150px;
height:14px;
display:block;
text-indent:-5000px;
background:url(../img/tit-mentions.gif) no-repeat 0 0;}



h2#tit-contact{
width:180px;
height:15px;
display:block;
text-indent:-5000px;
background:url(../img/tit-contact-home.gif) no-repeat 0 0;}


a#m-outils1{
width:206px;
height:21px;
text-indent:-5000px;
margin:0 0 0 50px;
display:block;
background:url(../img/bt-out-calcul.gif) no-repeat 0 0;}
a#m-outils1:hover{
background:url(../img/bt-out-calcul.gif) no-repeat -211px 0;}

a#m-outils2{
width:206px;
height:21px;
text-indent:-5000px;
display:block;
margin:0 0 0 50px;
background:url(../img/bt-out-lexique.gif) no-repeat 0 0;}
a#m-outils2:hover{
background:url(../img/bt-out-lexique.gif) no-repeat -211px 0;}

a#m-outils3{
width:206px;
height:21px;
text-indent:-5000px;
display:block;
margin:0 0 0 50px;
background:url(../img/bt-out-fraisnotaire.gif) no-repeat 0 0;}
a#m-outils3:hover{
background:url(../img/bt-out-fraisnotaire.gif) no-repeat -211px 0;}

a#m-adresses{
width:206px;
height:21px;
text-indent:-5000px;
display:block;
margin:0 0 0 50px;
background:url(../img/bt-adresses-utiles.gif) no-repeat 0 0;}
a#m-adresses:hover{
background:url(../img/bt-adresses-utiles.gif) no-repeat -211px 0;}

h3#tit-calculettes{
float:left;
width:210px;
height:21px;
display:block;
text-indent:-5000px;
background:url(../img/bt-out-calcul.gif) no-repeat 0 0;}
a.sm_calculettes{
float:left;
font:13px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
margin:4px 5px 0 18px;}
a.sm_calculettes:hover{
font:13px Arial, Helvetica, sans-serif;
color:#999;
font-weight:bold;
text-decoration:none;}

h3#tit-frais-notaire{
float:left;
width:210px;
height:20px;
display:block;
text-indent:-5000px;
margin:0 0 0 50px;
background:#fff url(../img/bt-out-fraisnotaire.gif) no-repeat 0 0;}

h3#tit-lexique{
float:left;
width:210px;
height:20px;
display:block;
text-indent:-5000px;
margin:0 0 0 50px;
background:#fff url(../img/bt-out-lexique.gif) no-repeat 0 0;}

h3#tit-adresses{
float:left;
width:210px;
height:20px;
display:block;
text-indent:-5000px;
margin:0 0 0 50px;
background:#fff url(../img/bt-adresses-utiles.gif) no-repeat 0 0;}


div#bloc-adresses-utiles{
clear:both;
width:500px;
margin:30px 0 50px 55px;}

div#bloc-adresses-utiles a{
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
text-align:center;
margin:0 50px;
}
div#bloc-adresses-utiles a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#f39912;
text-decoration:none;}

ul.liste-recrut li{
margin-left:40px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

h3.mentions-h3{
font:14px Arial, Helvetica, sans-serif;
color:#f39912;}

ul.liste-plan li{
margin-left:60px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
line-height:25px;
}


/******************************************************************************************/
/************************************   F O R M  ******************************************/
/******************************************************************************************/


#form-confiez h3{
font:12px Arial, Helvetica, sans-serif;
color:#f39912;
margin-top:20px;}

#form-confiez ul li{
list-style:none;
font:12px Arial, Helvetica, sans-serif;
color:#000;
margin:3px 0 3px 80px;}


label.champs{
float:left;
width:150px;}

label.labbt{
width:40px;
margin:0 20px 0 2px;}

a#send-msg{
width:383px;
height:30px;
display:block;
text-indent:-5000px;
text-decoration:none;
background:url(../img/bt-envoi-msg.gif) no-repeat 230px 10px;}



/******************************************************************************************/
/***************************************     CALCULETTES   ********************************/
/******************************************************************************************/



form.calculettes-fin{
width:500px;
font:12px Arial, Helvetica, sans-serif;
color:#f39912;
background-color:#000;
padding:0 0 20px 0;
margin: 0 0 0 50px;
}

form.calculettes-fin ul li{
clear:both;
list-style:none;
padding:5px;
}

form.calculettes-fin label{
float:left;
width:180px;
padding:4px 0 0 80px;
}

form.calculettes-fin input{
float:left;
width:100px;
}

form.calculettes-fin li#validation{
padding:30px 0 0 180px;
}

form.calculettes-fin a#calculer{
display:block;
float:left;
font:13px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
}

form.calculettes-fin a#effacer{
display:block;
float:left;
font:13px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
text-decoration:none;
margin:0 30px 0 0;}

form.calculettes-fin #resultat{
width:560px;
height:22px;
background:url(../img/orange-bas.jpg) no-repeat 0 0;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#f39912;
margin-top:20px;
}



/******************************************************************************************/
/**********************************   L E X I Q U E    ************************************/
/******************************************************************************************/


#alphabet{
clear:both;
width:500px;
height:22px;
text-align:center;
background-color:#000;
margin:0 0 0 50px;
padding:3px 0 0 0;
}

#alphabet a.alpha{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
margin:0 12px;
}

#alphabet a.alpha:hover{
color:#f39912;}

ul#definitions1 p, ul#definitions2 p{
width:240px;
padding:0 15px 0 5px;
font:12px Arial, Helvetica, sans-serif;
color:#333;
}

ul#definitions1{
float:left;
width:250px;
padding: 20px 0 20px 0;
margin:0 0 0 50px;
}

ul#definitions2{
float:left;
width:250px;
padding: 20px 0 20px 20px;
}

ul#definitions1 li, ul#definitions2 li{
list-style:none;}

ul#definitions1 li h3, ul#definitions2 li h3{
font:12px Arial, Helvetica, sans-serif;
color:#f39912;
font-weight:bold;
margin-top:5px;
}

li#sommaire-lettre a{
width:250px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

li#sommaire-lettre a:hover{
color:#333333;
text-decoration:underline;
}

#sommaire {
font:12px Arial, Helvetica, sans-serif;
color:#666;
margin:0 0 0 50px;
width:500px;
}

#retour a{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#f39912;
margin:0 0 0 50px;
width:500px;}


#element a{
text-decoration:none;
color:#f39912;}

#element a:hover, #retour a:hover{
text-decoration:none;
color:#666;
}



/************************************************************************************************/
/************************************     C O N T A C T    **************************************/
/************************************************************************************************/



/************************************************************************************************/
/************************************     F O O T E R      **************************************/
/************************************************************************************************/



#footer{
width:955px;
height:30px;
padding:10px 20px 0 0;
font:10px Arial, Helvetica, sans-serif;
color:#69724f;
text-align:right;
background:url(../img/fond-footer.jpg) no-repeat top right;
}