/* feuille de style honoraires-moins-chers.com*/
/* CSS Document */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #013773;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
a img {
	border-width: 0px;
}
a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
p
{
	margin: 0px;
	padding: 0px;
}
#liseret
{
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	background-color: #002A5B;
	padding: 30px 37px 30px 30px;
	margin-top: 15px;
}
#all
{
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#header
{
	width: 875px;
	background-color: #013773;
}

#contenu {
	background: #013773;
	padding: 0px;
	width: 875px;
	margin: 0px auto;
}

#footer
{
	background: #013773 no-repeat center bottom;
	height: 20px;
	margin: auto;
	width: 875px;
	font-size: 0.8em;
}

/* style d'une page annonces d'une agence */
.search
{
	width: 787px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-left: 30px;
	margin-bottom: 30px;
	padding-left: 10px;
	font-size: 0.9em;
}
.annonce {
	background-image: url(images/fond-annonce.jpg);
	background-repeat: no-repeat;
	width: 797px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-left: 30px;
	height: 145px;
}
.photo
{
	color: #709FCD;
	float: none;
	margin-left: 10px;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
.textannonce
{
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	margin: 5px;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
.form {
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* page d'un espace partenaire */
#menupartenaire
{
	width: 610px;
	margin: 10px auto 0px;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	text-align: center;
}
#menupartenaire2
{
	width: 210px;
	margin: 0px 0px 0px 30px;
	border-bottom: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	text-align: center;
}
#annoncepartner
{
	border: 15px solid #002A5B;
}
.annonce2 {
	background-image: url(images/fond-annonce-partner.jpg);
	background-repeat: no-repeat;
	width: 510px;
	margin-left: 15px;
	margin-right: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #013773;
}
.particularites
{
	width: 510px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #FFFFFF;
	background-color: #013773;

}
.celluleannonce2 {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #002A5B;
}
.celluleannonce22 {
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	background-color: #002A5B;
}
/****************************************************/
/*********************       lightbox               */
/***************************************************/
#lightbox{
            position: absolute;
            top: 40px;
            left: 0;
            width: 100%;
            z-index: 100;
            text-align: center;
			color:#000000;
            line-height: 0;
            }
 
#lightbox a img{ border: none; }
 
#outerImageContainer{
            position: relative;
            background-color: #fff;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            }
 
#imageContainer{
            padding: 10px;
            }
 
#loading{
            position: absolute;
            top: 40%;
            left: 0%;
            height: 25%;
            width: 100%;
            text-align: center;
            line-height: 0;
            }
#hoverNav{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 10;
            }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
            width: 49%;
            height: 100%;
            background: transparent url(http://www.honoraires-moins-chers.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
            display: block;
            }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.honoraires-moins-chers.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.honoraires-moins-chers.com/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
            font: 10px Verdana, Helvetica, sans-serif;
            background-color: #fff;
            margin: 0 auto;
            line-height: 1.4em;
            }
 
#imageData{
            padding:0 10px;
            }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;      }                                  
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }          
                        
#overlay{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 90;
            width: 100%;
            height: 500px;
            background-color: #000;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            }
            
 
.clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }
 
* html>body .clearfix {
            display: inline-block; 
            width: 100%;
            }
 
* html .clearfix {
            /* Hides from IE-mac \*/
            height: 1%;
            /* End hide from IE-mac */
            }