body 
{
    background: url("images/body_fond.jpg") repeat-x top left;
    min-height: 650px;
    margin-top: 0;
    font-family: Arial, Helvetica;
    font-size: 12px;
}

#conteneur
{
    width: 930px;
    margin: 0 auto;
    background: url("images/conteneur_fond.png") repeat-y top left;
}

h1
{
    margin-top: 0;
}

h2
{
    font-size: 14px;
}

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

a:hover
{
    color: #de1b21;
}

a img
{
    border: none;
}

#milieuPage
{
    width: 900px;
}

/*********** HEADER ***********/

#header
{
    margin: 0 20px;
    height: 70px;
}

#header h1 p
{
    font-size: 16px;
    margin: 0;
    padding: 0;
}

#header h1 a
{
    color: #969889;
}

#header h1
{
    width: 400px;
    float: left;
    font-size: 14px;
    background: url("images/puce.png") no-repeat top left;
    padding-left: 20px;
}

.pub_horizontale
{
    float: right;
    width: 468px;
    height: 60px;
    position: relative;
    right: 4px;
    top: 2px;
    background: url("images/pubHeader.png") no-repeat top right;
}

/*********** MENU PRINCIPAL ***********/
#menuprincipal
{
    background: url("images/menuprincipal_fond.png") repeat-x top left;
    margin-left: 20px;
    font-size: 15px;
    height: 20px;
}

#menuprincipal a
{
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
    display: block;
    height: 20px;
    float: left;
}

#menuprincipal a:hover, #menuprincipal .actif
{
    background: #a51c20 url("images/menuprincipal_boutons_fond_hover.png") no-repeat top left;
}

#menuprincipal ul
{
    list-style-type: none;
    display: inline;
}

#menuprincipal ul li
{
    float: left;
    background: #1e8aae url("images/menuprincipal_boutons_fond.png") no-repeat top left;
    height: 20px;
}

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

#recherche
{
    position: relative;
    left: 750px;
    top: -22px;
    width: 150px;
}

#recherche .terme
{
    float: left;
    font-size: 9px;
    margin-top: 3px;
}

/*******************************/
/*********** CONTENUS ***********/
/*******************************/

#tableauContenu
{
    width:940px;
    position: relative;
    left: -23px;
    float: left;
    padding-top: 20px;
}

/****** GAUCHE ******/

#navigation
{
    background: url("images/navigation_fond.png") no-repeat top left;
    width: 285px;
    height: 411px;
    padding-left: 35px;
    z-index: 1;
    padding-top: 10px;
    float: left;
}

#navigation #alphabet a
{
    background-color: #a51c20;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    font-family: Lucida Console;
    font-size: 14px;
}

#navigation #alphabet a:hover, #navigation #alphabet .actif
{
    background-color: #8d8d8d;
}

#alphabet
{
    position: absolute;
}

#CheckBox
{
    position: absolute;
    top: 120px;
    width: 250px;
}

/****** MILIEU ******/

#contenus
{
    width: 420px;
    font-size: 11px;
    float: left;
}

#contenus a
{
    font-size: 11px;
}

.titre
{
    background: #fff url("images/contenus_gridview_titre_fond.png") no-repeat top left;
    height: 30px;
}
 
.ligne
{
    background: #fff url("images/contenus_gridview_ligne_fond.png") repeat-x top left;
    padding: 20px;
}

.pager a
{
    text-decoration: underline;
}

.ligneVente
{
    padding: 3px;
}

.ligne:hover
{
    background: #fff url("images/contenus_gridview_ligne_alternative_fond.png") repeat-x top left;
}

/****** Liste des domaines d'occasion ******/

#domaineOccasion a
{
    font-size: 14px;
    font-weight: bold;
    background: url("images/puce.png") no-repeat top left;
    padding-left: 20px;
}

/****** DROITE ******/

.pub_verticale
{
    background: #fff url("images/pubDroite.png") no-repeat top left;
    width: 190px;
    height: 460px;
    float: left;
    padding: 11px 0 4px;
}

/*********** PIED DE PAGE ***********/

#pieddepage
{
    background: url("images/pieddepage_fond.png") no-repeat top left;
    height: 56px;
    width: 930px;
    margin: 0 auto;
    position: relative;
}

#infosLegales
{
    width: 160px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 300px;
}
#infosLegales span
{
    display: none;
}

#lienDlr
{
    position: absolute;
    top: 0;
    left: 10px;
    width: 270px;
    height: 50px;
}
#lienDlr span
{
    display: none;
}

#poweredby
{
    text-align: center;
	 font-size: 11px;
}



/* ************************************ MODAL POPUPS ************************************ */


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow
{
    background: #fff;
    border: 1px solid black;
    display: none;
    position: fixed;
    top: 50px;
    left: 44%;
    width: 785px;
    height: 498px;
    margin-left: -300px;
    padding: 0 0 12px;
    overflow: auto;
    color: #8d8d8d;
}

.jqmOverlay 
{
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm 
{
    position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow 
{
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* déroulants pour les agences */
#popup h2
{
    background: #e6f1f5;
    padding: 0;
    margin: 0;
    height: 19px;
    font-size: 18px;
}
.titreDeroulant
{
	cursor: pointer;
	margin: 0;
	padding: 0 0 0 3px;
	border: 1px solid #D6DEE1;
	border-bottom: 0;
	position: relative;
	width: auto;
	
}
.titreDeroulant h3 
{
    color: #707d82;
	font-size: 13px;
	margin: 0;
	padding: 0;
 
}
.titreDeroulant img
{
	position: absolute;
	top: 0;
	right: 3px;
}
.deroulant
{
	border: 1px solid #D6DEE1;
	border-top: 0;
	padding: 0;
	overflow: hidden;
	
}
.deroulant ul
{
    margin: 15px;
    padding: 0;
	
}
.deroulant h4
{
    margin: 0;
    padding: 5px 0 2px 0;
    font-size: 12px;
    font-weight: bold;
}
.deroulant.deroulant
{
	border: 0;
	padding: 3px;
	margin: 0;
	width :200 ;
}

/*********** LOGOS ***********/
#LogoDetail
{
    float: right;
    position: absolute;
    left: 400px;
    top: 10px;
}

/*********** DETAILS DES ENTREPRISES ***********/

.details h2
{
    background: #E6F1F5;
    padding-left: 10px;
    width: 265px;
    font-size: 18px;
}

.details h3
{
    font-size: 14px;
    font-style: italic;
}

.details .detailGauche
{
    float: left;
    width: 270px;
}

.details .detailGauche th
{
    padding: 5px 15px 5px 5px;
    text-align: right;
    width: 70px;
}

.details .detailDroite
{
    float: left;
    width: 350px;
}

.details .detailDroite th
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    text-align: right;
}

.details .fonctionContact
{
    font-size: 10px;
    font-weight: bold;
}

.details
{
    padding-top: 100px;
}

.imprimer
{
    background: url("images/puce.png") no-repeat top left;
    padding-left: 20px;
}