/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
clear:both;
display:block;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
padding-top:0;
margin:0 auto;
width:961px;
background-color:#FFFFFF;
}

/********************************************************************************************/
/****************************************     TOP    ****************************************/
/********************************************************************************************/

#top{
float:left;
height:322px;
}

h1#logo a{
width:287px;
height:110px;
display:block;
text-indent:-5000px;
text-decoration:none;
background:url(../images/logo-soissons-immobilier.jpg) no-repeat 73px 53px;
}

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


ul#menu{
float:left;
width:281px;
height:199px;
background:url(../images/fond-menu.jpg) repeat-y 0 0;
margin-top:12px;
}

ul#menu li{
list-style:none;
margin-left:72px;
width:209px;
height:25px;
}

ul#menu li a{
display:block;
width:209px;
height:25px;
text-indent:-5000px;
text-decoration:none;
}

a#m1{background:url(../images/m-1.jpg) no-repeat 0 0;}
a#m1:hover{background:url(../images/m-1.jpg) no-repeat 0 -25px;}
a#m2{background:url(../images/m-2.jpg) no-repeat 0 0;}
a#m2:hover{background:url(../images/m-2.jpg) no-repeat 0 -25px;}
a#m3{background:url(../images/m-3.jpg) no-repeat 0 0;}
a#m3:hover{background:url(../images/m-3.jpg) no-repeat 0 -25px;}
a#m4{background:url(../images/m-4.jpg) no-repeat 0 0;}
a#m4:hover{background:url(../images/m-4.jpg) no-repeat 0 -25px;}
a#m5{background:url(../images/m-5.jpg) no-repeat 0 0;}
a#m5:hover{background:url(../images/m-5.jpg) no-repeat 0 -25px;}
a#m6{background:url(../images/m-6.jpg) no-repeat 0 0;}
a#m6:hover{background:url(../images/m-6.jpg) no-repeat 0 -25px;}
a#m7{background:url(../images/m-7.jpg) no-repeat 0 0;}
a#m7:hover{background:url(../images/m-7.jpg) no-repeat 0 -25px;}
a#m8{background:url(../images/m-8.jpg) no-repeat 0 0;}
a#m8:hover{background:url(../images/m-8.jpg) no-repeat 0 -25px;}


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


#flash{
float:left;
width:350px;
height:258px;
margin-top:64px;
background:url(../images/flash.jpg) no-repeat 0 0;
}

/********************************************************************************************/
/************************************        MINI MOTEUR       ******************************/
/********************************************************************************************/


#rech-rap{
float:left;
width:286px;
height:245px;
padding: 64px 0 13px 28px;
background:url(../images/fond-recherche-rapide.jpg) no-repeat 0 0;
}


#rech-rap h2{
display:block;
width:165px;
height:45px;
background:url(../images/tit-rech-rap.gif) no-repeat 0 0;
text-indent:-5000px;
text-decoration:none;
}

#rech-rap form{
margin-top:30px;
height:170px;
}

#rech-rap form li{
list-style:none;
font:11px Verdana, Arial;
color:#fff;
} 

label.proposition{
margin-right:10px;
}


input.choix2{
margin-left:95px;
}

label.choix3{
margin-right:10px;
}

input.image{
height:14px;
margin:15px 0 0 0;
}


/********************************************************************************************/
/**********************************      GROS BOUTONS         *******************************/
/********************************************************************************************/


ul#menu-gros{
clear:both;
float:left;
width:370px;
padding-top:37px;
}

ul#menu-gros li{
list-style:none;
padding:3px 0 0 0;
}

ul#menu-gros li a{
display:block;
width:182px;
text-decoration:none;
font:11px Verdana, Arial;
color:#fff;
padding:44px 113px 17px 75px;
}

a#mg5{
height:40px;
background:url(../images/mg-alerte.jpg) no-repeat 0 0;}
a#mg5:hover{background:url(../images/mg-alerte.jpg) no-repeat 0 -101px;}
a#mg6{
height:39px;
background:url(../images/mg-calculette.jpg) no-repeat 0 0;}
a#mg6:hover{background:url(../images/mg-calculette.jpg) no-repeat 0 -100px;}
a#mg2{
height:39px;
background:url(../images/mg-region.jpg) no-repeat 0 0;}
a#mg2:hover{background:url(../images/mg-region.jpg) no-repeat 0 -100px;}


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


#offres-immo{
width:558px;
height:100px;
}

a#mg3{
width:264px;
height:43px;
padding:40px 256px 17px 39px;
display:block;
text-decoration:none;
font:11px Verdana, Arial;
color:#fff;
background:url(../images/mg-offres-immo.jpg) no-repeat 0 0;}
a#mg3:hover{background:url(../images/mg-offres-immo.jpg) no-repeat 0 -100px;}


/********************************************************************************************/
/******************************      QUI SOMMES NOUS ?         ******************************/
/********************************************************************************************/


#quisommesnous{
width:490px;
height:224px;
padding-left:4px;
margin-bottom:25px;
}

span.gauche{
float:left;
}

#quisommesnous h2{
display:block;
width:261px;
height:66px;
background:url(../images/tit-quisommesnous.gif) no-repeat 8px 40px;
text-indent:-5000px;
text-decoration:none;
}

#quisommesnous p{
width:243px;
text-align:right;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0 15px 0 5px;
}

img.img-pres{
float:left;
}


/********************************************************************************************/
/**********************************      NOTRE REGION         *******************************/
/********************************************************************************************/


#image-a-gauche{
clear:both;
float:left;
width:370px;
padding-top:37px;
}

#notre-region{
width:490px;
height:224px;
padding-left:4px;
}

span.gauche2{
float:left;
margin-left:6px;
}

#notre-region h2{
display:block;
width:346px;
height:66px;
background:url(../images/tit-region.gif) no-repeat 8px 33px;
text-indent:-5000px;
text-decoration:none;
}

#notre-region p{
width:474px;
height:240px;
text-align:justify;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0 0 0 10px;
}

#bas-orange{
clear:both;
height:25px;
width:575px;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
}



/********************************************************************************************/
/***********************         CONFIEZ NOUS VOTRE BIEN           **************************/
/********************************************************************************************/


#confiez, #alerte{
clear:both;
width:870px;
}

#dollar-result{
width:700px;
margin:10px 0 0 100px;
}


#haut-orange{
float:left;
width:369px;
height:25px;
background:url(../images/orange-haut.jpg) no-repeat 0 0;
margin:37px 0 15px 0;
}

#confiez h2{
float:left;
display:block;
width:500px;
height:25px;
background:url(../images/tit-confiez-bien.gif) no-repeat 8px 5px;
text-indent:-5000px;
text-decoration:none;
margin:37px 0 15px 0;
}

#alerte h2{
float:left;
display:block;
width:500px;
height:25px;
background:url(../images/tit-alerte-mail.gif) no-repeat 8px 5px;
text-indent:-5000px;
text-decoration:none;
margin:37px 0 15px 0;
}

#alerte h2#votre-rech{
float:left;
display:block;
width:500px;
height:25px;
background:url(../images/tit-votre-rech.gif) no-repeat 8px 5px;
text-indent:-5000px;
text-decoration:none;
margin:37px 0 15px 0;
}

#confiez p, #alerte p{
clear:both;
margin:5px 0;
}

#confiez a.send-msg{
width:400px;
height:22px;
display:block;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
margin-top:10px;
padding-top:3px;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-indent:300px;
text-decoration:none;
}

#alerte input#envoyer{
width:369px;
height:25px;
}


#confiez form.form, #alerte form.form{
width:870px;
margin:0 0 0 100px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#confiez h3, #alerte h3{
clear:both;
width:300px;
height:20px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
}

#confiez form.form #col-1, #alerte form.form #col-1{
clear:both;
float:left;
width:330px;}
#confiez form.form #col-2{
float:left;
width:400px;}
#alerte form.form #col-3{
float:left;
width:400px;
margin-left:20px;}


#confiez form.form input.boutons, #alerte form.form input.boutons{
float:left;
width:15px;
margin:2px;
}

form.form label.labbt{
float:left;
margin: 4px 5px 0 5px;
}

#confiez form.form label.champs, #alerte form.form label.champs{
float:left;
width:150px;
padding:4px 0 0 0;
}

#confiez form.form input, #alerte form.form input{
float:left;
width:150px;
}

#alerte form.form label.chiffres{
float:left;
width:100px;
padding:4px 0 0 0;}
#alerte form.form label.chiffres2{
float:left;
padding:4px 0 0 0;
margin:0 5px;}
#alerte form.form input.chiffres{
float:left;
width:50px;
margin:2px;
}


/********************************************************************************************/
/************************************        OUTILS          ********************************/
/********************************************************************************************/


ul#sous-menu-gros{
clear:both;
float:left;
width:281px;
padding-top:37px;
}

ul#sous-menu-gros li{
list-style:none;}

ul#sous-menu-gros li a{
display:block;
text-decoration:none;
text-indent:-5000px;
font-size:1px;
}

a#smlex{
height:75px;
background:url(../images/sm-lexique.jpg) no-repeat 0 0;}
a#smlex:hover{background:url(../images/sm-lexique.jpg) no-repeat 0 -75px;}
a#smcal-fin{
height:75px;
background:url(../images/sm-calculette.jpg) no-repeat 0 0;}
a#smcal-fin:hover{background:url(../images/sm-calculette.jpg) no-repeat 0 -75px;}
a#smcal-frais{
height:75px;
background:url(../images/sm-calcul-frais.jpg) no-repeat 0 0;}
a#smcal-frais:hover{background:url(../images/sm-calcul-frais.jpg) no-repeat 0 -75px;}



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

#calculettes{
width:570px;
padding-left:20px;
margin-bottom:25px;
}

span.gauche{
float:left;
}

h2#calculette-financiere{
display:block;
width:318px;
height:66px;
background:url(../images/tit-calculette.gif) no-repeat 10px 33px;
text-indent:-5000px;
text-decoration:none;
}

h2#lexique{
display:block;
width:326px;
height:66px;
background:url(../images/tit-lexique.gif) no-repeat 10px 36px;
text-indent:-5000px;
text-decoration:none;
}

h2#frais-notaire{
display:block;
width:389px;
height:66px;
background:url(../images/tit-frais-notaire.gif) no-repeat 10px 36px;
text-indent:-5000px;
text-decoration:none;
}

/**********   LEXIQUE    ******/




#alphabet{
width:560px;
height:22px;
text-align:center;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
padding-top:3px;
}

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

#alphabet a.alpha:hover{
background-color:#FFF;
color:#ff6900;}

#calculettes p{
width:240px;
padding:0 15px 0 5px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

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

ul#definitions1 li, ul#definitions2 li{
list-style:none;
font:13px Verdana, Arial, Helvetica, sans-serif;
color:#ff6900;
}


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

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

#sommaire {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#666;
}

#retour a{
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#ff6900;}


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

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



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



#calculettes form.form{
width:520px;
padding:20px 0 0 0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

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

#calculettes form.form label{
float:left;
width:180px;
padding:4px 0 0 120px;
}

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


form.form li#validation{
padding:20px 0 0 120px;
}

form.form a#calculer{
display:block;
float:left;
width:80px;
height:12px;
background:url(../images/bt-calculer.gif) no-repeat 0 0;
text-indent:-5000px;
text-decoration:none;
}

form.form a#effacer{
display:block;
float:left;
width:72px;
height:12px;
background:url(../images/bt-effacer.gif) no-repeat 0 0;
margin-right:110px;
text-indent:-5000px;
text-decoration:none;
}

form.form #resultat{
width:560px;
height:22px;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
margin-top:10px;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
}



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


/********************************************************************************************/
/**********************************      INFOS UTILES         *******************************/
/********************************************************************************************/


#image-a-gauche{
clear:both;
float:left;
width:370px;
padding-top:37px;
}

#liens-utiles{
width:490px;
height:670px;
padding-left:4px;
}

span.gauche2{
float:left;
margin-left:6px;
}

#liens-utiles h2{
display:block;
width:346px;
height:66px;
background:url(../images/tit-liens-utiles.gif) no-repeat 8px 33px;
text-indent:-5000px;
text-decoration:none;
}

#liens-utiles p{
width:474px;
height:240px;
text-align:justify;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0 0 0 10px;
}

#liens-utiles #bas-orange{
clear:both;
height:25px;
width:575px;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
}




/********************************************************************************************/
/**********************************         CONTACT           *******************************/
/********************************************************************************************/


#contact{
width:570px;
padding-left:20px;
margin-bottom:25px;
}

#contact h2{
display:block;
width:346px;
height:66px;
background:url(../images/tit-contact.gif) no-repeat 8px 36px;
text-indent:-5000px;
text-decoration:none;
}

#contact p{
width:474px;
height:240px;
text-align:justify;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0 0 0 10px;
}

#contact a.send-msg{
width:560px;
height:22px;
display:block;
background:#ff6900 url(../images/orange-bas.jpg) no-repeat 0 0;
margin-top:10px;
padding-top:3px;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-indent:380px;
text-decoration:none;
}

#contact form.form{
width:520px;
padding:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}


form.form label.labcontact{
float:left;
width:180px;
padding:4px 0 0 70px;
}

form.form textarea, form.form input.champscontact{
float:left;
width:200px;}


#contact form.form div#error{
width:300px;
height:20px;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF0000;
}


/********************************************************************************************/
/***************************         MENTIONS LEGALES           *****************************/
/********************************************************************************************/

#mentions{
clear:both;
width:870px;
}

#haut-orange{
float:left;
width:369px;
height:25px;
background:url(../images/orange-haut.jpg) no-repeat 0 0;
margin:37px 0 15px 0;
}

#mentions h2{
float:left;
display:block;
width:500px;
height:25px;
background:url(../images/tit-mentions.gif) no-repeat 8px 0;
text-indent:-5000px;
text-decoration:none;
margin:37px 0 15px 0;
}

#mentions p{
width:700px;
margin:5px 5px 5px 150px;
text-align:justify;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#mentions a{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
font-weight:bold;}
#mentions a:hover{
color:#333;
text-decoration:underline;
font-weight:bold;
}


#mentions h3{
clear:both;
width:400px;
height:20px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
text-indent:130px;
}

/********************************************************************************************/
/**********************************      PLAN DU SITE         *******************************/
/********************************************************************************************/


#plan-site{
width:490px;
height:224px;
padding-left:4px;
}

#plan-site h2{
display:block;
width:346px;
height:66px;
background:url(../images/tit-plan-site.gif) no-repeat 8px 33px;
text-indent:-5000px;
text-decoration:none;
}

#plan-site p{
width:474px;
height:240px;
text-align:justify;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:0 0 0 10px;
}

#plan-site a{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
font-weight:bold;}
#plan-site a:hover{
color:#333;
text-decoration:underline;
font-weight:bold;
}

#plan-site a.sous-plan{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;}
#plan-site a.sous-plan:hover{
color:#333;
text-decoration:underline;}





/********************************************************************************************/
/***********************************      FOOTER         ************************************/
/********************************************************************************************/


#footer{
clear:both;
text-align:center;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:10px 0 20px 0;
}

#footer a{
text-decoration:none;
color:#333333;
}

#footer a:hover{
text-decoration:underline;
color:#333333;
}