/* 
    Document   : styles
    Created on : 09-févr.-2009, 21:47:56
    Author     : Ludovic Evrard (Web-Creator.be)
    Description:
        Purpose of the stylesheet follows.
*/
img {
	border:none;	
}

a:link {
	color: #1A3D6B;
	text-decoration: none;
}
a:visited {
	color: #1A3D6B;
	text-decoration: none;
}
a:hover {
	color: #082E5F;
	text-decoration: underline;
}

#page {
  width: 800px;
  margin:auto;
}

div#pageUser{
    width: 800px;
    border: 1px #c0c0c0 solid;
    position:absolute;
    padding:5px;
}

div#mblokazion_publicite {
	width:728px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

/* menu mb */

div#mblokazion_menuHaut ul{
    margin: 0;
    padding: 5px;
    width: 790px;
    background: #133C61;
}

div#mblokazion_menuHaut ul li{
   padding: 5px;
   margin: 0;
   display: inline;
}

div#mblokazion_menuHaut ul li a{
    text-decoration: none;
    color:#FFFFFF;
}

div#mblokazion_menuHaut ul li a:hover{
    border-bottom: 3px #FFFFFF solid;
}

/* search */

div#mblokazion_search{
    position: relative;
}

div#mblokazion_search span.mblokazion_paire{
    float: left;
    display: block;
    width: 395px;
}

div#mblokazion_search span.mblokazion_impaire{
	position:relative;
    float: right;
    margin-top: -20px;
    text-align: left;
    display: block;
    width: 395px;
}

div#mblokazion_search form label{
	clear: both;
	float: left;
	margin-bottom: 3px;
	width: 165px;
}

div#mblokazion_search form input#validerFormulaire{
    position: absolute;
    right: 10px;
    margin-top: 10px;
}

/* search engine style */

div#mblokazion_results ul#mblokazion_allresults{
    margin: 0;
    padding: 0;
}

div#mblokazion_results ul#mblokazion_allresults li.mblokazion_resultdisplay{
    list-style: none;
}


div#mblokazion_results .recherche-container {
	width: 700px;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
	clear: both;
    margin: auto;
}

div#mblokazion_results .recherche-container a {
	color: #5678B8;
}

div#mblokazion_results ul.recherche {
	margin: 0 5px 0 5px;
	padding: 2px;
	clear: both;
	position: relative;
	border-top: 1px dotted #858a8e;
}

div#mblokazion_results ul.recherche:hover {
	border-top: 1px dotted #395a6a;
}

div#mblokazion_results ul.recherche li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	padding: 4px;
}

div#mblokazion_results ul.recherche li.details {
	width: 200px;
}

div#mblokazion_results ul.recherche li.details-vendeur {
	text-align: center;
	width: 130px;
}

div#mblokazion_results ul.recherche li.price {
	width: 130px;
	margin-top: 30px;
	text-align: center;
}

div#mblokazion_results ul.recherche li.price div {
	padding: 0 !important;
	margin-top: 15px;
}

div#mblokazion_results ul.recherche li.price a {
	color: #fff;
	/*background: url(http://www.lokazion.com/images/boutonAnnonce.jpg) no-repeat;*/
    background: #133C61;
	font-size: 12px;
	padding: 6px 6px 10px 7px;
}

div#mblokazion_results ul.recherche li.photo {
	float: left;
}

div#mblokazion_results div.navigation {
	width: 100%;
	height: 20px;
	margin: 5px 0;
	background-color: #F6F6F6;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

div#mblokazion_results ul.navNumber {
	clear: both;
	width: auto;
	margin:0;
	padding: 2px 0;
	text-align: center;
}

div#mblokazion_results ul.navNumber li {
	display: inline;
	margin-left:3px;
}

div#mblokazion_results ul.navNumber a:hover {
	font-size: 18px;
}

div#mblokazion_results a img{
    border: 0;
}

div#mblokazion_results a.selected{
    color: #133C61;
}

/* accueil styles */
div.mblokazion_annonceAccueil{
    float: left;
    width: 160px;
    height: 140px;
    text-align: center;
    border: 2px #fff solid;
    -moz-opacity:0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

div.mblokazion_annonceAccueil:hover{
    border: 2px #d8e4ea solid;
    -moz-opacity:1;
    opacity: 1;
    filter:alpha(opacity=100);
}

div.mblokazion_annonceAccueil span{
    color: #333333;
}

/* marques styles */

div.mblokazion_marque{
    float: left;
    width: 120px;
    height: 80px;
    text-align: center;
    border: 2px #fff solid;
    -moz-opacity:0.8;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

div.mblokazion_marque:hover{
    border: 2px #d8e4ea solid;
    -moz-opacity:1;
    opacity: 1;
    filter:alpha(opacity=100);
}

div.mblokazion_marque span{
    color: #333333;
}

/* view annonce style */

div#mblokazion_wrapAnnonce{
    
    width: 700px;
}

div#mblokazion_wrapAnnonce span.version_annonce{
    font-size: 16px;
    font-weight: bolder;
    color: #133C61;
    border-bottom: 1px #d8e4ea solid;
    display: block;
    width: 350px;
}

div#mblokazion_wrapAnnonce span.h3like{
    width: 350px;
    display: block;
    text-align: right;
    font-weight: bolder;
}

img.photo_voiture{
    float: right;
}

div#mblokazion_wrapAnnonce ul.action_annonce{
    float:right;
    clear: right;
    right: 15px;
    margin-top: 80px;
}

div#mblokazion_wrapAnnonce ul.annonce{
    width: 350px;
    margin: 0;
    padding: 0;
}

div#mblokazion_wrapAnnonce ul.annonce li{
    display: inline;
    margin-left: 10px;
}

div#mblokazion_wrapAnnonce div.vendeur_annonce{
    
}

div#mblokazion_wrapAnnonce div.vendeur_annonce span.vendeur, div#mblokazion_wrapAnnonce span.h2like{
    font-size: 16px;
    font-weight: bolder;
    color: #133C61;
    border-bottom: 1px #d8e4ea solid;
    display: block;
    width: 350px;
    margin: 10px 0;
}

/* style for list with icon */
ul.action_annonce {
	list-style-position: inside;
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_signalerAbus{
    list-style-image: url(http://www.lokazion.com/images/mini/shield_delete.png);
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_imprimerPage{
    list-style: url('http://www.lokazion.com/images/mini/printer.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_annoncesVendeur{
    list-style: url('http://www.lokazion.com/images/mini/user_suit.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_informationsVendeur{
    list-style: url('http://www.lokazion.com/images/mini/user_suit.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_voitureNeuve{
    list-style: url('http://www.lokazion.com/images/mini/car.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_mandataireMarque{
    list-style: url('http://www.lokazion.com/images/mini/key_go.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_rechercheModele{
    list-style: url('http://www.lokazion.com/images/mini/car.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_rechercheMarque{
    list-style: url('http://www.lokazion.com/images/mini/lorry.png');
}

div#mblokazion_wrapAnnonce ul.action_annonce li#mblokazion_noDisplay{
    display: none;  
}

div#mblokazion_wrapAnnonce div.vendeur_annonce form#form1 label{
  clear: left;
	float: left;
	margin-bottom: 3px;
	width: 145px;
}

div#mblokazion_wrapAnnonce ul.presentation_annonce li{
    list-style: georgian;
}

/* Popup CSS */
div#mblokazion_backgroundPopup {
	background-color:black;
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	-moz-opacity:0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
	z-index:1000;
}

div#mblokazion_callbackPopup {
	width:300px;
	height:150px;
	left:50%;
	margin-left:-150px;
	visibility:hidden;
	position:absolute;
	top:50%;
	background-color:white;
	border:5px solid white;
	z-index:2000;
}

div#mblokazion_closePopup {
	position:absolute;
	background:url(http://www.lokazion.com/images/close.png) no-repeat;
	width:24px;
	height:24px;
	top:-12px;
	left:290px;
	cursor:pointer;	
}

div#mblokazion_msgAppel {
	text-align:center;
	margin-top:10px;
	display:none;
}

div#mblokazion_formAppel {
	margin-top:10px;
}

div#mblokazion_formAppel input {
	border:2px solid #A6BEDE;
	background-color:white;
}

/* Formulaires */
form.mblokazion_form label {
	display: inline;
	float: left;
	width: 200px;
}

form.mblokazion_form input[type="text"], form.mblokazion_form textarea {
	width: 230px;
	border:2px solid #A6BEDE;
	background-color:white;
	margin-top:5px;
}

form.mblokazion_form textarea {
	height:150px;
}

div.cleaner{
    clear: both;
}