/*	*** www.epokhe.com ***
	Code et design : Arnaud Briand
	*** Le code est original ***
	Date : octobre/novembre 2006
	home.css : feuille de styles du site Bureau Victor Hogo
*/

/* ------------------------------------------------------------------------------------
styles de mise à plat
------------------------------------------------------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin: 0;
padding: 0;
}

ul, li {
list-style-type: none;
line-height: 15px;
}

fieldset {border: none}

.linkIn {}
.linkOut {color: #000; text-decoration: underline;}


/* ------------------------------------------------------------------------------------
body
------------------------------------------------------------------------------------ */
body {
border-top: 2px solid #ECD8C8;
background: url(i/bgRed4.png) repeat-x 0 1px;
}


/* ------------------------------------------------------------------------------------
wrapper
------------------------------------------------------------------------------------ */
#wrapper {
position: absolute;
width: 880px;
left: 50%;
margin-left: -440px;
background: url(i/bgHeader.png) no-repeat 0 0;
}

/* ------------------------------------------------------------------------------------
subwrapper
------------------------------------------------------------------------------------ */
#subwrapper {
position: relative;
margin: 48px auto 0px;
width: 820px;
}


/* ------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------ */
#header {
margin: 0px 0px 0px 0px;
padding: 0px 5px;
width: 820px;
height: 280px;
}
html > body #header {padding: 0px 0px;}


/* ------------------------------------------------------------------------------------
topnav
------------------------------------------------------------------------------------ */
#topnav {
height: 30px; 
width: 100%;
overflow: hidden;
line-height: 2em;
background: url(i/menuArrondi.gif) no-repeat 0 0;
text-align: center;
}

#topnav ul {
width: 820px;
list-style: none;
margin: 0 auto;
padding: 0;
text-align: center;
}

#topnav ul li {
display: block;
color: #FFF;
width: 25%;
background: none;
display: inline;
float: left;
list-style-type: none;
padding: 0;
font: bold 12px/100% Arial, Verdana;
text-align: center;
}
* html #topnav ul li {
margin: 0;
padding: 0;
float: left;
width: 25%;
} /* IE WIN HACK */

#topnav ul li a {
color: #FFF;
display: block;
height: 30px;
overflow: hidden;
padding: 8px 10px 0 10px;
text-decoration: none;
font: bold 12px/100% Arial, Verdana;
}
* html #topnav ul li a {
float: left;
width: 150px;
} /* IE WIN HACK */

#topnav ul li a#active {
display: block;
color: #ECD8C8 !important;
font-weight: bold;
font: bold 12px/100% Arial, Verdana;
text-decoration: underline;
/* background: url(i/fondTopnav.png) repeat 0 0; */
}

#topnav ul li span {
display: block;
height: 30px;
padding: 8px 10px 0 10px;
color: #FFF !important;
font-weight: bold;
background-color: #4AA7C0;
font: bold 12px/100% Arial, Verdana;
}

#topnav ul li a:hover {
display: block;
color: #FFF !important;
text-decoration: underline !important;
}


/* ------------------------------------------------------------------------------------
content
------------------------------------------------------------------------------------ */
#content {
position: relative;
height: auto;
}

#lva {
float: left;
margin: 0px 0px 10px 0px;
width: 160px;
}

#lva ul li {
margin: 5px 0px 5px 15px;
font: bold italic 11px/160% Georgia, "Trebuchet MS"; 
list-style-image: url(i/puce.png);
}

img.agence {
float: left;
margin: 20px 10px 10px 10px;
border: 1px solid #CFAC91;
padding: 4px;
}
html > body img.agence {margin: 0px 10px 10px 10px;}

h2 {
margin: 20px 10px 10px 5px;
font: bold 13px/140% Verdana; 
color: #000;
text-align: justify;
}

p.italic {
margin: 5px 10px 10px 5px;
font: italic 12px/160% Verdana; 
text-align: justify;
}

p.italicBottom {
margin: 5px 10px 5px 468px;
font: italic 12px/160% Verdana; 
text-align: justify;
}

.textPresentation {
margin: 5px 10px 10px 5px;
font: normal 12px/160% Verdana; 
text-align: justify;
}

#matricule {
margin: 5px 10px 5px 310px;
font: normal 12px/160% Verdana; 
text-align: justify;
}

#matricule ul li {
margin: 5px 0px 5px 15px;
font: normal 12px/160% Verdana; 
list-style-image: url(i/puce.png);
}

#presentation {
margin: 5px 0px 5px 15px;
}

/* ------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------ */
#footer {
margin: 20px 0px 0px 0px;
padding: 0px 5px 5px 5px;
width: 820px;
height: 68px;
background: url(i/footerArrondi.gif) no-repeat 0 0;
/* background-color: #EF2324; */
}

#footer img.fnaim {
float: left;
margin: 0px 20px 5px 10px;
border: none;
padding: 4px;
}
html > body #footer img.fnaim {margin: 0px 20px 5px 10px;}

h3 {
margin: 24px 10px 0px 10px;
font: bold 12px/160% Arial; 
color: #FFF;
}
html > body #footer h3 {
margin: 14px 10px 0px 10px;
padding: 15px 0px 0px 0px;
}

h3 a {
font: bold 12px/160% Arial; 
color: #FFF;
}

h5 {
margin: 10px 0px 5px 0px;
font: bold 14px/160% Arial; 
color: #000066;
}

h6 {
margin: 10px 0px 5px 0px;
font: bold 13px/160% Arial; 
color: #CC0000;
}


/* ------------------------------------------------------------------------------------
recherche.php
------------------------------------------------------------------------------------ */
.titre {
margin: 0px 0px 0px 0px;
font: bold 13px/140% Verdana; 
color: #000;
text-align: justify;
color: #CC0000;
}

.normaltext {
margin: 0px 0px 0px 0px;
font: normal 12px/160% Verdana; 
text-align: justify;
}

td, .normaltext {
margin: 0px 0px 0px 0px;
font: normal 12px/160% Verdana; 
text-align: left;
}

input {border: 1px solid #CC0000;}
select {border: 1px solid #CC0000;}

input.bsubmit {
padding: 0px;
background-color: #CC0000;
font: bold 12px/160% Verdana; 
color: #FFF;
border: 1px solid #ECD8C8;
}
html > body input.bsubmit {padding: 4px;}

.copyright {
text-align: right;
color: #000;
font: bold 9px/160% Verdana; 
}

.radio_button {border: none;}
.radio_button input {border: none;}

.asterix {
color: #CC0000;
font: italic 11px/160% Verdana; 
}


/* ------------------------------------------------------------------------------------
resultrech.php
------------------------------------------------------------------------------------ */
table {border: 1px solid #FFF;}

a {color: #000066;}
img {border: none;}
table .bg-degrade {margin: 10px 0px 10px 0px; padding: 5px 5px; border: 1px solid #CC0000; }
table .bg-degradeRed {
background: url(i/fondResultRech.jpg) repeat 0 0; 
border: 1px solid #CC0000;
margin: 10px 0px 10px 0px; 
padding: 5px 5px; 
border: 1px solid #CC0000;
}

.num_page {color: #000066;}
.num_page img {vertical-align:middle}
.modif-rech, .modif-rech a {text-align:right; text-decoration: none; color: #000066;}
.modif-rech a:hover {text-decoration: underline; color: #CC0000;}
.modif-rechMiddle, .modif-rechMiddle a {padding-top: 18px; text-align:right; text-decoration: none; color: #000066;}
.km, .km a {color: #000066;}
.km a:hover {text-decoration: none; color: #000066;}
.alerteEmail, a.alerteEmail {color: #000066;}
.detailAnnonce, a.detailAnnonce {color: #000066;}
.voirPhoto, a.voirPhoto {color: #000066;}
.list-title {
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #000;
}
.list-title-surface {
display: block;
width: 100px;
font: bold 14px/130% "Trebuchet MS", Arial, Verdana;
color: #FFF;
border: 1px solid #CC0000;
background: url(i/fondResultRech.jpg) repeat 0 0; 
}


table select {
border: 1px solid #CC0000;
}

.detail_rub
.detail_infos
.detail_texte
.detail_ref
detail_corps
detail_infos

.detail_prix {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #626262;
text-align: left;
height: 30px;
}

.detail_infos {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #626262;
}

.detail_ref	{
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #626262; 
text-align: center;
}

.detail_corps {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
border: 1px solid #000;
background: url(i/bg.gif) repeat 0 0;
}

.detail-sstitre, .detail-surface, .detail-nbpieces, .minortitle	{text-decoration: none; font: normal 12px/160% Verdana; color: #626262; text-align: left;}

.detail_texte {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: black; 
text-align: justify;
}

.detail_comp {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; text-align: left;
}
.detail_rub	{
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
}

.ag_coord_titre	{
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
}
.ag_coord			{
/* text-decoration: none; font-size: x-small; font-weight: bold; font-family: arial; color: #993333; text-align: right; */
font: normal 12px/160% Verdana;
text-align: left;
color: #009583;
}
.ag_coord_txt {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:link, .ag_coord_txt a:visited {
text-decoration: none; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
}
.ag_coord_txt a:hover {
text-decoration: underline; 
font: normal 12px/160% Verdana;
color: #000; 
text-align: left;
}
.icone_txt {
font: normal 12px/160% Verdana;
color: #626262;
}

.icone_txt a {
font: normal 12px/160% Verdana;
color: #626262;
}

hr {background-color: #626262;}


/* ------------------------------------------------------------------------------------
formulaire
------------------------------------------------------------------------------------ */
#submissionForm {
margin: 0px 0px 0px 200px;
font: normal 12px/160% Verdana; 
}

#submissionForm p {
padding: 4px;
}

textarea {
background-color: #FFF; 
border: 1px solid #CC0000;
margin: 0px 0px 10px 0px;
width: 194px;
font: normal 12px/160% Verdana; 
padding: 2px 2px 2px 4px;
color: #000;
}

.submitForm {
display: block;
margin-left: 0px;
background-color: #FFF; 
border: 1px solid #CC0000;
width: 60px;
font: normal 12px/160% Verdana; 
color: #CC0000;
padding: 2px 0px 2px 0px;
}

.submitForm:hover {
background-color: #CC0000; 
color: #FFF;
}
.submitForm:visited {
background-color: #333367; 
color: #FFF;
}
.submitForm:active {
background-color: #333367; 
color: #FFF;
}

h4, h4 a {
margin: 0px 10px 0px 0px;
font: normal 10px/160% Verdana; 
text-align: right;
color: #CCC;
text-decoration: none;
}
h4 a:hover {
text-align: right;
color: #CCC;
text-decoration: underline;
}


/* ------------------------------------------------------------------------------------
formulaire
------------------------------------------------------------------------------------ */
input {
padding: 4px;
font: normal 12px/160% Verdana; 
color: #CC0000;
}


/* ------------------------------------------------------------------------------------
carteMap24
------------------------------------------------------------------------------------ */
#carteMap24 {
position: relative;
margin: 10px auto;
width: 600px;
height: 400px;
/*background-color: #CC0000;
border: 1px solid #CFAC91;*/
padding: 4px;
}


#lva a:link, #lva a:visited, #lva a:hover 
{
color:#000000;
text-decoration:none;
}

h2 a:link, h2 a:visited, h2 a:hover
{
color:#000000;
text-decoration:none;

}

#map-agence {
	width:600px;
	height:400px;
}