/* Feuille de Style ONP: Front-Office */

*{
margin: 0px;
padding: 0px;
}

body{
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 0.7em;
line-height: 115%;
background: url(../images/bg0.png) repeat-x;
text-align: center;
}

#latotale{
text-align: center;
}

/****************TITRAGES****************/

.title_img{
visibility: hidden;
}

h3 .title_img{
visibility: visible!important;
line-height: 40px;
font-size: 1.2em;
}

h3{
text-align: center;
font-size: 14px;
height: 50px;
position: relative;
top: -5px;
font-weight: bold;
}

/****************MISE EN FORME****************/

.mini{
display: block;
font-size: 0.6em;
line-height: 115%;
}

.decalage{
margin-left: 72px;
}

.decalage2{
margin-left: 55px;
}


a{
color: #fff;
text-decoration: none;
}

a img{
border: none;
}

.orange{
color: #EE7B00;
}

.tivisu{
display: block;
position: absolute;
right: 1px;
bottom: 1px;
}

.pdf{
position: relative;
top: 10px;
}

/****************COLONAGE****************/

#colgauche{
margin-left: 10px!important;
} 

#coldroite{
margin-right: 10px!important;
}

.col{
float: left;
margin-left: 6px;
margin-right: 6px;
}

#contenu{
width: 1010px;
position: relative;
margin: 0 auto 30px auto;
text-align: left;
clear: left!important;
}

#footerpage{
position: fixed;
bottom: 0px;
width: 100%;
background: url(../images/bg00.png);
height: 20px;
line-height: 20px;
text-align: center;
color: #999;
font-weight: normal;
}

#footerpage a{
color: #333;
}

.acces{
color: #EE7B00!important;
font-weight: bold;
}

.acces:hover{
text-decoration: underline;
}

/*****************************************************************************/
/*********************************HEADER**************************************/
/*****************************************************************************/
#header{
position: relative;
height: 170px;
font-weight: bold;
margin-bottom: 35px;
}

h1{
position: absolute;
top: 10px;
left: 50%;
margin-left: -87.5px;
}

/****************NAVIG PRINCIPALE****************/


#navig_princ{
position: absolute;
top: 115px;
text-align: left;
width: 920px;
left: 50%;
margin-left: -457px;
}

#navig_princ li{
float: left;
display: block;
width: 182px;
}

#navig_princ h2{
font-size: 1.7em;
line-height: 100%;
}

#navig_princ a{
position: relative;
display: block;
width: 182px;
height: 55px;
background-position: top left;
}

#navig_princ a:hover, #navig_princ a.courant{
background-position: bottom left;
}

#acheter{
background: url(../images/picto_home_bleu.png) no-repeat;
}

#louer{
background: url(../images/picto_home_vert.png) no-repeat;
}

#neuf{
background: url(../images/picto_home_rose.png) no-repeat;
}

#proposer{
background: url(../images/picto_home_rose.png) no-repeat;
}

#rencontrer{
background: url(../images/picto_stickmen_orange.png) no-repeat;
}

#conseiller{
background: url(../images/picto_stickmen_bleu.png) no-repeat;
}


/****************LOGOS SUPPLEMENTAIRES****************/

#fraisdagence{
position: absolute;
left: 0px;
top: 0px;
width: 133px;
height: 98px;
background: url(../images/bulle_frais.png) no-repeat;
}

#fraisdagence br{
line-height: 10px;
}

#logo{
position: absolute;
top: 10px;
right: 10px; 
}

/******************************************************************************/
/*********************************CONTENU**************************************/
/******************************************************************************/

/****************BLOCS****************/

.cadre{
margin-bottom: 20px;
position: relative;
color: #fff;
position: relative;
}

#bienvenue{
width: 413px;
height:385px;
background: url(../images/bg/bg_jaune_l.png) repeat-y;
}

#nosagences{
width: 413px;
background: url(../images/bg/bg_bleu_l.png) repeat-y;
}

#recherche{
width: 212px;
background: url(../images/bg/bg_vert_s.png) repeat-y;
color: #586A2A;
}

#immo{
width: 320px;
background: url(../images/bg/bg_jaune_m2.png) repeat-y;
color: #222;
}

#immo2{
width: 750px;
background: url(../images/bg/bg_jaune_xl2.png) repeat-y;
color: #222;
}

#page{
width: 212px;
background: url(../images/bg/bg_jaune_s.png) repeat-y;
color: #fff;
}

#agence{
width: 212px;
background: url(../images/bg/bg_violet_s.png) repeat-y;
}

#suivi{
width: 212px;
background: url(../images/bg/bg_violet_s.png) repeat-y;
}

#dossieronp{
width: 212px;
background: url(../images/bg/bg_jaune_s.png) repeat-y;
}

.s_bleu{
width: 212px;
background: url(../images/bg/bg_bleu_s.png) repeat-y;
}

#indigo, #mailme, .pub1{
display: block;
}

#colcentre #indigo2, #colcentre #mailme2{
display: block;
float: left;
margin-right: 40px;
margin-bottom: 40px;
}

/****************H3****************/

.cadre h3{
height: 50px;
position: relative;
top: -5px;
}

#bienvenue h3{
background: url(../images/h3/h3_jaune_l.png) no-repeat;
color: #814917;
}

#nosagences h3{
background: url(../images/h3/h3_bleu_l.png) no-repeat;
color: #1c5571;
}

#recherche h3{
background: url(../images/h3/h3_vert_s.png) no-repeat;
}

#recherche h3#home{
	height: 25px;
}

#immo h3{
background: url(../images/h3/h3_jaune_m2.png) no-repeat;
color: #814917;
}

#immo2 h3{
background: url(../images/h3/h3_jaune_xl2.png) no-repeat;
color: #814917;
}

#page h3{
background: url(../images/h3/h3_jaune_s.png) no-repeat;
color: #814917;
}

#agence h3{
background: url(../images/h3/h3_violet_s.png) no-repeat;
color: #4b3066;
height: 30px;
}

#suivi h3{
background: url(../images/h3/h3_violet_s.png) no-repeat;
color: #4b3066;
height: 30px;
font-size:1.1em;
}

#dossieronp h3{
background: url(../images/h3/h3_jaune_s.png) no-repeat;
color: #814917;
height: 30px;
font-size:1.1em;
}

.s_bleu h3{
background: url(../images/h3/h3_bleu_s.png) no-repeat;
color: #1c5571;
height: 30px;
font-size:1.1em;
}

.precedente h3{
height: 27px;
}

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

div.footer{
height: 25px;
position: relative;
background-position: bottom!important;
}

#bienvenue div.footer{
background: url(../images/footer/footer_jaune_l.png) no-repeat;
}

#nosagences div.footer{
background: url(../images/footer/footer_bleu_l.png) no-repeat;
}

#recherche div.footer{
background: url(../images/footer/footer_vert_s.png) no-repeat;
}

#immo div.footer{
background: url(../images/footer/footer_jaune_m2.png) no-repeat;
}

#immo2 div.footer{
background: url(../images/footer/footer_jaune_xl2.png) no-repeat;
}

#page div.footer{
background: url(../images/footer/footer_jaune_s.png) no-repeat;
height: 5px;
}


#agence div.footer{
background: url(../images/footer/footer_violet_s.png) no-repeat;
height: 10px;
}

#suivi div.footer{
background: url(../images/footer/footer_violet_s.png) no-repeat;
height: 10px;
}

#dossieronp div.footer{
background: url(../images/footer/footer_jaune_s.png) no-repeat;
height: 10px;
}

.s_bleu div.footer{
background: url(../images/footer/footer_bleu_s.png) no-repeat;
height: 10px;
}

.precedente div.footer{
height: 5px;
}

/*****************************************************************************************/
/*********************************MISE EN FORME DES BLOCS*********************************/
/*****************************************************************************************/

/****************BIENVENUE****************/

#bienvenue p{
margin: -10px 10px 20px 10px;
}

#bienvenue a{
color: #872a07;
}

#bienvenue .footer{
top: 30px;
}

/****************NOS AGENCES****************/

#nosagences table{
width: 250px;
margin-left: 30px;
}

#nosagences .liste{
display: list-item;
list-style: square;
font-size: 1.1em;
line-height: 1.2em;
}

/****************IMMO A LA UNE****************/

.annonce{
width: 303px;
height: 131px;
background: url(../images/bg/bg_annonce.png) no-repeat;
position: relative;
left: 10px;
margin-bottom: 10px;
}

.annonce img{
position: relative;
margin: 8px 0px 8px 10px;
border: 1px solid #f9cf88;
}

.annonce p{
display: block;
width: 120px;
}

.annonce .ville{
font-size: 1.4em;
margin-bottom: 4px;
}

.annonce .desc{
font-size: 0.9em;
margin-bottom: 8px;
}

.annonce .prix{
font-size: 1.6em;
margin-bottom: 4px;
text-align: right;
}

.annonce a{
width: 120px;
text-align: right;
color: #9c5100;
font-size: 0.85em;
}

.annonce a:hover{
text-decoration: underline;
}

.annonce table{
width: 303px;
}

#immo ul#tabs{
position: absolute;
top: -28px;
height: 23px;
}

ul#tabs li{
margin-left: 4px;
float: left;
text-align: center;
line-height: 2.6em;
list-style: none;
height: 23px;
display: block;
}

ul#tabs a.on{
display: block;
width: 75px;
height: 23px;
background: url(../images/onglets/immo_on.png) no-repeat;
}

ul#tabs a.off{
display: block;
width: 75px;
height: 23px;
background: url(../images/onglets/immo_off.png) no-repeat;
}

ul#tabs a.off:hover{
background: url(../images/onglets/immo_on.png) no-repeat;
}

.cdc{
margin-left: 40px;
}

/****************RECHERCHE****************/

#recherche td{
padding: 4px 6px 2px 6px;
}

.w60{
width: 60px!important;
}

.w80{
width: 80px!important;
}

.w170{
width: 170px!important;
}

#recherche table{
width: 200px;
position: relative;
left: 6px;
margin-top: -20px;
}

.checkradio{
margin: 0 3px 0 3px;
}

#submit{
width: 82px;
height: 20px;
margin-top: 10px;
position: relative;
left: 50px;
}

#divsubmit{
width: 400px;
text-align: center;
margin-top: 15px;
}

.customform{
border: 1px solid #97b567;
background: #eef7dc;
font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
height: 1.3em;
padding: 3px 2px 1px 2px;
margin: 0px 4px -2px 2px;
}

.customform2{
border: 1px solid #bbb;
background: #eee;
font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
height: 1.3em;
padding: 3px 2px 1px 2px;
margin: 10px 4px -2px 2px;
width: 180px;
}

select.customform2{
height: 1.8em;
}

#recherche select{
background: #eef7dc;
height: 1.8em;
width: 180px;
margin: 0px!important;
}

#recherche option{
border-bottom: 1px dotted #97b567;
background: #e2f2c3;
height: 1.2em;
margin: 0px!important;
}

#recherche .liste{
display: list-item;
list-style: square inside;
line-height: 1.4em;
}

/****************PAGE****************/

#page p{
position: relative;
left: 20px;
top: -17px;
width: 172px;
font-size: 1.1em;
}

#page a{
color: #fde5bf;
font-size: 0.9em!important;
}

#page a:hover{
text-decoration: underline;
color: #fff;
}

p.pagination{
width: 100px!important;
}

/****************RESULTATS****************/

#resultats{
width: 500px;
}

html>body #resultats{
width: auto;
min-width: 500px;
}

.etage{
height: 100px;
}

html>body .etage{
height: auto;
min-height: 100px;
}

#resultats .annonce{
width: 469px;
height: 131px;
position: relative;
margin-bottom: 5px;
margin-right: 20px;
color: #222;
left: 10px;
background: url(../images/bg/bg_annonce2.png) no-repeat;
}

#resultats .annonce a img{
position: relative;
margin: 8px 0px 8px 10px;
border: 1px solid #f9cf88;
float: left;
}

#resultats .annonce p{
display: block;
width: 290px;
margin-left: 25px;
}

#resultats .annonce .ville{
font-size: 1.1em;
margin-bottom: 4px;
color: #F39A00;
}

#resultats .annonce .desc{
font-size: 0.9em;
margin-bottom: 8px;
}

#resultats .annonce .prix{
font-size: 1.6em;
line-height:1.4em;
margin-bottom: 4px;
}

.annonce table{
width: 100%;
}

/****************PRODUIT****************/

#agence p{
position: relative;
left: 10px;
width: 192px;
text-align:center;
}

#agence .mini{
font-size: 0.9em!important;
line-height: 1.1em;
margin-top: 5px;
}

#photos{
text-align: center;
font-weight: bold;
height: 210px;
margin-top: 25px;
}

#photos img{
margin-bottom: 5px;
border: 2px solid #F4A300;
}

#photos a{
color: #F4A300;
font-size: 1em!important;
font-weight: bold;
}

#photos a:hover{
text-decoration: underline;
font-size: 1em!important;
}

#produit, #pageproposer{
width: 500px;
position: relative;
top: -35px;
color: #444;
}


/****************CONTENU DE LA FICHE PRODUIT****************/

h4{
color: #F4A300;
font-size: 1.8em;
line-height: 1.8em;
border-bottom: 1px solid #F4A300;
width: 100%;
text-align: center;
margin-bottom: 20px;
}

h5{
font-size: 1.7em;
line-height: 2em;
color: #EE7B00;
margin-left:10px;
text-align: left!important;

}

h6{
font-size: 1.3em;
line-height: 1.4em;
color: #F4A300;
}

.px{
position: absolute;
right: 0;
font-size: 1.2em;
line-height: 2em;
color: #b45c00;
}

.px2{
position: absolute;
right: 0;
font-size: 1.0em;
color: #EE7B00;
}

.cp_ville{
font-size: 1.5em;
line-height: 2em;
color: #EE7B00;
}

.titre_annonce{
font-size: 1.2em;
line-height: 1.4em;
color: #EE7B00;
}

.etage ul{
margin-left: 10px;
}

.etage li{
color: #777;
font-weight: normal;
list-style: inside square;
line-height: 1.3em;
}

.etage{
padding: 10px;
font-weight: normal;
background: url(../images/cornerbox.jpg) no-repeat;
}

#descriptif{
font-size: 1.1em;
}


.ref{
color: #F4A300;
font-weight: bold;
display: block;
text-align: left;
margin-top: 10px;
font-size: 1.2em;
}

.titre_visite{
color: #F4A300;
}


.visite{
margin-bottom: 10px;
}

.miniature{
margin:10px 3px 10px 3px;
}

.modifier{
margin-left: 20px;
}

.modifier img{
position: relative;
top: 7px;
right: 2px;
}

.modifier a{
color: #444;
}

.modifier a:hover{
color: #777;
}

/****************PAGE PROPOSER****************/
#suivi table{
margin-left: 10px;
text-align: right;
}

#suivi .customform{
border: 1px dotted #AA7EDD;
background: #e8d9fa;
height: 1em;
}


#pageproposer h5{
color: #586A2A;
}

#pageproposer h6{
color: #9fb85f;
}

#pageproposer li{
margin: 10px 0px 10px 0px;
}

/****************PAGE CONSEILLER****************/

#pageconseiller{
width: 500px;
margin-bottom: 40px;
}

#pageconseiller h4{
color: #1C5571;
font-size: 1.5em;
line-height: 1.2em;
text-align: left;
margin: 5px 0;
}

#pageconseiller h5{
color: #1C5571;
font-size: 1.5em;
line-height: 1.2em;
text-align: left;
margin-top: 15px;
margin-left: 0;
}

#pageconseiller ul{
margin: 10px 20px;
}

#pageconseiller li{
list-style: inside square;
color: #1F5874;
margin-bottom: 5px;
}

#pageconseiller p{
margin-bottom: 10px;
}

#dossieronp ol, #dossieronp ul{
margin-left: 10px;
}

#dossieronp ol li{
font-size: 1.2em;
list-style: inside decimal;
border-top: 1px dotted #F8CD89;
height: 2em;
line-height: 2em;
}

#dossieronp ul li{
font-size: 1.2em;
list-style: inside square;
border-top: 1px dotted #F8CD89;
height: 2em;
line-height: 2em;
}

/****************PAGE RENCONTRER****************/


.adresse_agence{
margin: 0 18px 30px 18px;
float: left;
}

.adresse_agence li{
color: #fff!important;
margin-left: -10px;
}

.adresse_agence2 li{
color: #fff!important;
margin-left: 10px;
margin-bottom: 3px;
list-style: inside square;
}

/****************Formulaires****************/

.customform{
border: 1px solid #97b567;
background: #eef7dc;
font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
height: 1.3em;
padding: 3px 2px 1px 2px;
margin: 0px 4px -2px 2px;
}

.customformbleu{
border: 1px solid #6795b5;
background: #dce7f7;
font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 3px 2px 1px 2px;
margin: 0px 4px -2px 2px;
width: 175px;
}

.customformjaune{
border: none;
font-size: 1em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 3px 2px 1px 2px;
margin: 0px 4px -2px 2px;
width: 175px;
color: #333;
font-weight: normal;
background-color: #ffe8bb;
border: 1px solid #f8cc75;
}

.customformjaune2{
border: none;
background: #F4A300;
font-size: 1em;
width: 100px;
color: #fff;
font-weight: bold;
padding: 2px;
margin: 0 4px;
}

textarea.large{
width: 420px!important;
height: 100px;
}

input.large{
width: 420px;
}

.formulaire_contact td{
padding: 4px 3px;
text-align: right;
}

.formulaire_contact{
margin-bottom: 15px;
}