/* ===================================== *\
|  Style de la page petite annonce        |
|  Cration : 20/05/2006                   |
|  Dernière modification : 20/05/2006     |
|  (C) Skalpel 2006                       |
\* ===================================== */

/* Définition du style de la page petite annonce */

h1 {
	margin: 10px;
	padding: 5px;
	padding-left: 70px; 
	background-image: url("../images/int/puce-h1.gif");
	background-repeat: no-repeat;
	background-position: 0 15px;
	background-color: transparent;
	color: #971782;
	font-size: 24px;
	font-family: "Arial", helvetica;
	text-align: left;
	border-bottom: 2px solid #971782;
}

h2 {
	margin: 4px;
	padding: 0;
	padding-left: 50px;
	padding-top: 3px;
	background-image: url("../images/int/puce-h2.gif");
	background-repeat: no-repeat;
	background-position: 0 8px; 
	background-color: transparent;
	color: #971782;
	font-size: 16px;
	font-family: "Arial", helvetica;    
	text-align: left;
	clear: left;
	height: 20px;
}

h3 {
 background-color: transparent;
 margin: 0;
 padding: 5px;
 padding-left: 25px;
 text-align: left;
 font-size: 14px;
 color: #971782;
 margin-bottom: 5px;
 background-image: url("../images/int/puce-h3.gif");
 background-repeat: no-repeat;
 background-position: 0px 10px;
 background-color: transparent;
}

h2 em {
	font-style: italic;
	color: #000;
}


h4 {
	margin: 4px 0 4px 10px;
	padding: 0;
	padding-left: 50px;
	padding-top: 3px;
	background-image: url("../images/int/puce-h2.gif");
	background-repeat: no-repeat;
	background-position: 0 7px; 
	color: #971782;
	font-size: 16px;
	font-family: "Arial", helvetica;    
	text-align: left;
	clear: left;
	height: 20px;
	text-transform: uppercase;
}


img {
	border: 0;
}

#center-column a {
	color: #971782;
	text-decoration: none;
	font-weight: bolder;
}

#center-column a:hover {
	color: #000;
	text-decoration: underline;
}

/* logo moto85 utilisé pour le media print et non affiché sur le media screen */
#header-logo-print {
	display: none;
}

/* Définition du cadre des liens de navigation (retour, suivant, precedent) */

.navigation {
	clear: both;
	margin: 10px 0 10px 0;
	width: 750px;
	height: 31px;
}

.navigation a img {
	border: 0;
}

.navigation .retour {
	width: 151px;
	height: 31px;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	float: left;
}

.navigation .suivante {
	width: 174px;
	height: 31px;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	float: right;
}

.navigation .precedente {
	width: 189px;
	height: 31px;
	margin: 0 5px 0 0;
	padding: 0;
	display: block;
	float: right;
}

/* div qui contient les details de l'annonce, la photo et les outils */

#annonce-haut {
	background-image: url("../images/pa/fond-details-annonce.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 366px;
	margin: 0;
}

/* details de l'annonce */

#annonce-haut #details {
	width: 240px;
	height: 336px;
	float: left;
	background-color: transparent;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}

#annonce-haut #details .pub {
	float: left;
	padding: 0 !important;
/*	margin: 36px 0 30px 25px !important; */
	margin: 12px 0 10px 25px !important;
	width: 200px;
	display: inline;
}

/* photos de l'annonce */

#annonce-haut #photos {
	width: 330px;
	height: 336px;
	float: left;
	background-image: url("../images/pa/fond-photos.png");
	background-repeat: no-repeat;
	background-position: 0 29px;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}


/* boite a outils et autres liens */

#annonce-haut #outils {
	width: 180px;
	height: 366px;
	float: left;
	font-size: 11px;
	color: #999;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	display: inline;
}

#annonce-haut #outils p {
	text-align: left;
	margin: 20px 0 0 5px;
	padding: 0;
}

#annonce-haut #outils div.boite-a-outils {
	background-image: url("../images/pa/fond-outils.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	height: 69px;
	text-align: left;
	font-size: 9px;
	color: #000;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	clear: both;
	display: inline;
}

#annonce-haut #outils div.boite-a-outils p {
	float: left;
	clear: both;
	text-align: center;
	margin: 5px 10px 0 10px;
	padding: 0;
	width: 140px;
	display: inline;
}

/* liste de la boite a outils */

#annonce-haut #outils div.boite-a-outils ul {
	list-style: none;
	margin: 10px 0 0 9px;
	padding: 0;
	display: inline;
	float: left;
}

#annonce-haut #outils div.boite-a-outils ul li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	background-image: none;
	border: 0;
}

#annonce-haut #outils ul {
	float: left;
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	width: 162px;
	display: inline;
}

#annonce-haut #outils ul li {
	margin: 0;
	padding: 2px 3px 2px 20px;
	background-image: url("../images/pa/puce-fleche-rouge-sombre.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	border-bottom: 1px solid #4b4b4b;
}

#annonce-haut #outils ul li a:hover {
	text-decoration: none;
	color: #7d7d7d;
}

/* div extensible en dessous des details de l'annonce, des photos et de la boite a outils*/

#annonce-rallonge {
	background-image: url("../images/pa/fond-details-annonce-horizontal.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 750px;
	margin: 0;
	float: left;
}

#emploi-rallonge {
	background-image: url("../images/pa/fond-details-annonce-horizontal.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 750px;
	margin: 0;
	float: left;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
}





/* fermeture du cadre dans lequel se trouve les details de l'annonce, les photos et la boite a outils */

#annonce-bas {
	background-image: url("../images/pa/fond-details-annonce-bas.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 24px;
	margin: 0 0 5px 0;
	float: left;
}

/* lien dans le cadre des infos sur l'annonce */

#annonce-haut a {
	text-decoration: none;
	color: #ffffff;
}

#annonce-haut a:hover {
	text-decoration: none;
	color: #7d7d7d;
}

#annonce-haut em {
	font-size: 16px;
	font-weight: bolder;
	font-style: normal;
	color: #c1f200;
}

/* liste de description pour les details de l'annonce */

#annonce-haut #details dl {
	width: 215px;
	height: 227px;
	margin: 25px 0 10px 15px;
	padding: 0;
}

#annonce-haut #details dl dt {
	display: block;
	width: 85px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #a6a6a6;
	font-weight: bolder;
}

#annonce-haut #details dl dd {
	display: block;
	width: 125px;
	float: left;
	clear: none;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}
#annonce-haut #details dl dd.prix {
	font-weight: normal;
	/*margin-bottom: 10px;*/
}

#annonce-haut #details dl dt.prix {
	/*margin-bottom: 10px;*/
}

#annonce-haut #details dl dt.description-courte {
	margin: 10px 0 5px 0;
}

#annonce-haut #details dl dd.description-courte {
	clear: both;
	font-weight: bold;
	width: 215px;
	height: 70px;
	overflow: auto;
}

/* paragraphe dans les details de l'annince */

#annonce-haut #details p {
	clear: both;
	width: 240px;
	float: left;
	text-align: center;
}

/* div dans laquelle on affiche la photo en taille normal */

#annonce-haut #photos #grande {
	width: 296px;
	height: 221px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	margin: 45px 0 0 15px !important;
	padding: 0 !important;
	float: left;
	display: inline;
}

#annonce-haut #photos .normal {
	border: 2px solid #fff;
}

#annonce-haut #photos .focus {
	border: 2px solid #000;
}

#annonce-haut #photos #moyenne {
	width: 225px;
	height: 168px;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
	margin: 45px 0 0 15px !important;
	padding: 0 !important;
	float: left;
}

#annonce-haut #photos #grande img, #annonce-haut #photos #grande a {
	margin: 0 !important;
	padding: 0 !important;
}

/* paragraphe dans le cadre des photos */

#annonce-haut #photos p {
	width: 300px;
	text-align: left;
	color: #3f3f3f;
	font-size: 11px;
	margin: 5px 0 0 15px;
	float: left;
}

/* liste des boutons pour naviguer entre la liste des photos */

#annonce-haut #photos ul {
	width: 300px;
	margin: 5px 0 0 15px;
	padding: 0;
	float: left;
	display: inline;
}

#annonce-haut #photos ul li {
	float: left;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

#annonce-haut #photos ul li a {
	color: #000;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: normal;
	width: 30px;
	height: 28px;
	display: block;
	padding: 6px 0 0 0;
	margin: 0;
	background-image: url("../images/pa/bouton-photos-out.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}
/* bouton de la liste enfoncé */
#annonce-haut #photos ul li a.in {
	background-image: url("../images/pa/bouton-photos-in.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}
/* bouton de la liste non enfoncé */
#annonce-haut #photos ul li a.out {
	background-image: url("../images/pa/bouton-photos-out.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}


/* div qui contient les details de l'annonce, la photo et les outils */

#emploi-haut {
	background-image: url("../images/pa/fond-details-annonce2.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 200px;
	margin: 0;
}

/* details de l'annonce */

#emploi-haut #details h3 {
	/*background-image: url("../images/int/puce-h2.gif");
	background-repeat: no-repeat;
	background-position: 0 4px; */
	background-image: none;
	background-color: transparent;
	color: #fff;
	font-size: 16px;
	font-family: "Arial", helvetica;    
	text-align: left;
	margin: 35px 0 10px 28px;
	padding: 0 0 0 0;
	text-transform: uppercase;
}

#emploi-haut #details {
	width: 480px;
	height: 200px;
	float: left;
	background-color: transparent;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
}

/* photos de l'annonce */

#emploi-haut #photos {
	width: 193px;
	height: 131px;
	float: left;
	background-image: url("../images/pa/fond-photos3.png");
	background-repeat: no-repeat;
	background-position: 6px 39px;
	padding: 44px 0 0 0 !important;
	margin: 0 !important;
	overflow: hidden;
}

#emploi-haut #photos .normal {
	border: 2px solid #fff;
}

#emploi-haut #photos .focus {
	border: 2px solid #000;
}


/* div extensible en dessous des details de l'annonce, des photos et de la boite a outils*/

#emploi-rallonge {
	background-image: url("../images/pa/fond-details-annonce-horizontal.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 750px;
	margin: 0;
	float: left;
}

/* fermeture du cadre dans lequel se trouve les details de l'annonce, les photos et la boite a outils */

#emploi-bas {
	background-image: url("../images/pa/fond-details-annonce-bas.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 24px;
	margin: 0 0 20px 0;
	float: left;
}

/* lien dans le cadre des infos sur l'annonce */

#emploi-haut a {
	text-decoration: none;
	color: #ffffff;
}

#emploi-haut a:hover {
	text-decoration: none;
	color: #7d7d7d;
}

#emploi-haut em {
	font-size: 14px;
	font-weight: bolder;
	font-style: normal;
	color: #ff6600;
}

/* liste de description pour les details de l'annonce emploi */

#emploi-haut #details dl {
	width: 325px;
	/*height: 227px;*/
	margin: 25px 0 10px 15px;
	padding: 0;
	float: left;
}

#emploi-haut #details dl dt {
	display: block;
	width: 98px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #a6a6a6;
	font-weight: bolder;
}

#emploi-haut #details dl dd {
	display: block;
	width: 180px;
	float: left;
	clear: none;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
}

#emploi-haut #details dl dd.prix {
	font-weight: normal;
	/*margin-bottom: 10px;*/
}

#emploi-haut #details dl dt.prix {
	/*margin-bottom: 10px;*/
}

#emploi-haut #details dl dt.description-courte {
	margin: 10px 0 5px 0;
	align: left;
}

#emploi-haut #details dl dd.description-courte {
	clear: both;
	font-weight: normal;
	width: 215px;
	height: 70px;
	overflow: auto;
}

/* paragraphe dans les details de l'annince */

#emploi-haut #details p {
	clear: both;
	width: 240px;
	float: left;
	text-align: center;
}

/* div dans laquelle on affiche la photo en taille normal */

#emploi-haut #photos #grande {
	width: 296px;
	height: 221px;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
	margin: 45px 0 0 15px !important;
	padding: 0 !important;
	float: left;
}

#emploi-haut #photos .normal {
	border: 2px solid #fff;
}

#emploi-haut #photos .focus {
	border: 2px solid #000;
}

#emploi-haut #photos #moyenne {
	width: 193px;
	height: 150px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	margin: 45px 0 0 15px !important;
	padding: 0 !important;
}

#emploi-haut #photos #grande img, #annonce-haut #photos #grande a {
	margin: 0 !important;
	padding: 0 !important;
}

/* paragraphe dans le cadre des photos */

#emploi-haut #photos p {
	width: 300px;
	text-align: left;
	color: #3f3f3f;
	font-size: 11px;
	margin: 5px 0 0 15px;
	float: left;
}

/* liste des boutons pour naviguer entre la liste des photos */

#emploi-haut #photos ul {
	width: 300px;
	margin: 5px 0 0 15px;
	padding: 0;
	float: left;
}

#emploi-haut #photos ul li {
	float: left;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

#emploi-haut #photos ul li a {
	color: #000;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: normal;
	width: 30px;
	height: 28px;
	display: block;
	padding: 6px 0 0 0;
	margin: 0;
	background-image: url("../images/pa/bouton-photos-out.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}
/* bouton de la liste enfoncé */
#emploi-haut #photos ul li a.in {
	background-image: url("../images/pa/bouton-photos-in.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}
/* bouton de la liste non enfoncé */
#emploi-haut #photos ul li a.out {
	background-image: url("../images/pa/bouton-photos-out.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}



/* liste descriptive dans la div extensible sous les détails de l'annonce, photos et boite a outils */

#annonce-rallonge dl {
	margin: 10px 0 10px 15px;
	padding: 0;
}

#annonce-rallonge dl dt {
	display: block;
	width: 85px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #a6a6a6;
	font-weight: bolder;
	font-size: 11px;
}

#annonce-rallonge dl dd {
	display: block;
	width: 700px;
	float: left;
	clear: left;
	margin: 10px;
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

#emploi-rallonge .lien_pdf {
	display: block;
	width: 139px;
	height: 28px;
	float: right;
	clear: both;
	background-image: url("../images/pa/bouton-telecharger.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	margin: 0 82px 0 0;
	padding: 13px 0 0 45px;
}

#emploi-rallonge dl {
	margin: 10px 0 10px 15px;
	padding: 0;
}

#emploi-rallonge dl dt {
	display: block;
	width: 98px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #a6a6a6;
	font-weight: bolder;
	font-size: 11px;
}

#emploi-rallonge dl dd {
	display: block;
	width: 700px;
	float: left;
	clear: both;
	margin: 10px;
	padding: 0;
	text-align: left;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}

/* contient la video */
div.video-embed {
	clear: both;
}

div.hack_clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0px;
	background-color: #fff;
}

/* Définition du cadre infos vendeur */

/* ouverture du cadre des info vendeur */
#vendeur-haut {
	background-image: url("../images/pa/fond-details-vendeur-haut.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 23px;
}

/* zone de contenu des infos vendeur */

#vendeur-contenu {
	background-image: url("../images/pa/fond-details-vendeur-horizontal.png");
	background-repeat: repeat-y;
	background-position: top left;
	width: 750px;
	height: 320px;
	padding: 0 !important;
}

/* fermeture du cadre des info vendeur */

#vendeur-bas {
	background-image: url("../images/pa/fond-details-vendeur-bas.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 750px;
	height: 23px;
}

/* formulaire de contact */

#vendeur-contenu form {
	width: 365px;
	float: right;
	clear: none;
	font-size: 11px;
	color: #343b3d;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
	overflow: hidden;
	display: inline;
}

#vendeur-contenu form p {
	margin: 6px !important;
	padding: 0 !important;
	text-align: left;
}
#vendeur-contenu form p.intro {
	font-size: 12px;
	margin: 6px 6px 22px 0pt !important;
	width: 350px;
	float: left;
	display: inline;
}

/* label */

#vendeur-contenu form p label {
	float: left;
	width: 80px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: left;
}

/* champ texte */

#vendeur-contenu form p input {
	padding: 2px;
	margin: 0 0 0 10px;
	width: 231px;    
	border: 1px solid #c1f200;
	background-color: #fff;
	font-family: "Arial", helvetica;
	font-size: 11px;
	color: #000;
}

/* champ texte focus */

#vendeur-contenu form p.focus input {
	border: 1px solid #c1f200;
	background-color: #f9fafb;    
}

/* zone de texte */

#vendeur-contenu form p textarea {
	width: 233px;  
	height: 100px; 
	background-color: #fff;
	border: 1px solid #c1f200;
	font-family: "Arial", helvetica;
	font-size: 11px;
	color: #000;
	margin: 0 0 0 10px;
}

/* zone de texte en focus */

#vendeur-contenu form p.focus textarea {
	border: 1px solid #c1f200;
	background-color: #f9fafb;       
}

/* case a cocher */

#vendeur-contenu form p.case input {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 120px;
	width: 20px;
	float: left;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

/* label pour les cases a cocher */

#vendeur-contenu form p.case label {
	width: 200px;
	float: left;
	margin-bottom: 10px;
	text-align: left;
}

/* bouton d'envoie */

#vendeur-contenu form p input.submit {
	background-color: black;
	border: 2px solid #c1f200;
	color: white;
	width: 120px;
	font-family: "Arial", helvetica;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	cursor: pointer;
}

/* cadre concernant */

/* liens dans le cadre concernant le vendeur */
#vendeur-contenu a {
	color: #971782;
	text-decoration: none;
}

#vendeur-contenu a:hover {
	color: #000;
	text-decoration: underline;
}

/* cadre contenant les informations du vendeur */

#vendeur-contenu #info-vendeur {
	width: 355px;
	text-align: left;
	float: left;
	clear: none;
	font-size: 12px;
	padding: 0;
	margin: 10px 0 0 30px;
	overflow: hidden;
	display: inline;
}

#vendeur-contenu #info-vendeur p.adresse {
	float: left;
	width: 210px;
}

/* lien callback */

.lien_callback {
	margin: 10px 0 5px 0;
	float: left;
}

/* lien mappy */

#lienMappy {
	float: left;
	margin: 10px 10px 0 0;
	width: 355px;
	text-align: center;
}

/* logo de la concession */

#vendeur-contenu #info-vendeur p.logo_concession {
	height: 53px;
	clear: none;
	margin: 0;
	float: right;
	margin: 0 20px 0 0;
}
#vendeur-contenu #info-vendeur em {
	clear:both;
	color:#c1f200;
	display:inline;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
}
#vendeur-contenu #info-vendeur p {
	margin: 5px 0 15px 0;
	padding: 0;
	float: none;
	display: block;
	clear: both;
}
/* liste dans le cadre contenant les informations du vendeur */

#vendeur-contenu #info-vendeur ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#vendeur-contenu #info-vendeur ul li {
	background-image: url(../images/layout/puce-header-menu3.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 20px;
}

/* Définition du cadre d'information vigilence */

#information_vigilence {
	width: 572px;
	padding-top: 10px;
	margin: 10px;
	clear: both;
	border-top: 1px solid #454545;
}

#information_vigilence a {
	color: #333;
}

#information_vigilence a:hover {
	color: #333;
}

#information_vigilence div {
	background-color: #ededed;
	margin: 0;
	padding: 5px;
	text-align: left;
	color: #333;
	font-family: "Arial", helvetica;
	font-size: 12px;
}

#information_vigilence dt {
	font-weight: bolder;
}

#information_vigilence dt, #information_vigilence dd {
	margin: 0;
	padding: 0;
}

#information_vigilence ul {
	list-style: square;
	margin: 10px 0 10px 0;
	padding-left: 20px;
}

#information_vigilence ul li {
	margin: 5px 0 5px 0;
}

/* Définition du cadre du parking */

#parking {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	font-size: 12px;
}

#parking a img {
	border: 0;
}

#parking table {
	float: left;
	width: 190px;
	border: 1px solid #a7a7a7;
	border-spacing: 1px;
	margin: 0 0 20px 3px;
	padding: 0;
}

#parking caption {
	margin: 15px 3px 0px 3px;
	width: 190px;
	background-color: #971782;
	color: #fff;
	font-size: 12px;
	padding: 5px 0 5px 0;
}

#parking caption a {
	color: #fff;
	padding: 0;
	margin: 0;
}

#parking caption a:hover {
	color: #fff;
}

#parking table td {
	background-color: #ededed;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding-left: 5px;
}

#parking table tr.ligneTitre td {
	background-color: #a7a7a7;
	color: #fff;
	font-weight: bolder;
	text-align: left;
	padding-left: 2px;
}

#parking table div#description {
	height: 50px;
	overflow: auto;
}

#parking tr.image td {
	padding: 3px;
	height: 140px;
}

#parking table img#photo {
	height: 140px;
	width: 180px;
	margin: 0;
	padding: 0;
}

#parking div {
	clear: both;
	margin-bottom: 10px;
}


#parking ul {
 margin: 0;
 padding: 0;
 margin-left: 5px;
 list-style-type: none;
}

#parking ul li {
 text-align: left;
 padding-left: 20px;
 background-image: url("../images/layout/puce-li.gif");
 background-repeat: no-repeat;
 background-position: 0 8px;
}

/* Définition du style de la page de visualisation des annonces sauvegardées */

#enregistrement h3 {
 margin: 0 0 0 5px;
 margin-left: 5px;
}

#enregistrement {
	padding: 0;
	padding-bottom: 10px;
	margin: 10px;
	text-align: center;
	font-size: 12px;
	background-color: #ededed;
}

#enregistrement p {
	padding: 0;
	margin: 0 5px 0 5px;
	text-align: left;
}

#enregistrement form {
 width: 300px;
 margin: 20px 140px 10px 140px;
 padding: 0;
 font-size: 12px;
}

#enregistrement form p {
 margin: 6px; 
 text-align: left;
 clear: both;
}

#enregistrement form p label {
 float: left;
 width: 110px;
 color: #333;
 cursor: pointer;
}

#enregistrement form p strong {
 color: #971782;   
 font-size: 18px;
}

#enregistrement form p span {
 color: #727272;   
 font-size: 11px;
}

#enregistrement form p input {
 padding: 2px;   
 width: 160px;    
 border: 1px solid #f60;
 background-color: #fff;
 font-family: "Arial", helvetica;
 font-size: 11px;
}

#enregistrement form p input.input-radio {
 margin-left: 110px;
 padding: 2px;   
 width: 20px;
 border: 0;
 background-color: transparent;
}

#enregistrement form p.focus input {
 border: 1px solid #cd0000;
 background-color: #f9fafb;    
}

#enregistrement form p input.submit {
 background-color: black; 
 border: 2px solid #f60;
 color: white;
 width: 120px;
 margin-top: 10px;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 cursor: pointer; 
}

p#nb {
	font-size: 12px;
	text-align: left;
	margin: 10px;
	margin-top: 20px;
}

#annonces-sauvegarde {
	margin: 0;
	padding: 0;
}

#annonces-sauvegarde strong {
	font-weight: bolder;
	color: #971782;
}

#annonces-sauvegarde div {
	width: 580px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	float: left;
	margin-bottom: 5px;
	text-align: left;
	border: 2px solid #ddd;
	font-size: 12px;
	font-family: "Arial", helvetica;
}

#annonces-sauvegarde img {
	margin: 5px;
	float: left;
	border: 1px solid #c1f200;
}

#annonces-sauvegarde ul.description {
	float: left;
	list-style: none;
	margin: 5px;
	padding: 0;
	width: 270px;
}

#annonces-sauvegarde ul.description li {
	margin: 0;
	padding: 0;
}

#annonces-sauvegarde ul.description li.tel {
	margin-top: 10px;
}

#annonces-sauvegarde ul.liens {
	width: 175px;
	text-align: left;
	float: right;
	margin: 0;
	margin-top: 5px;
	margin-right: 5px;
	padding: 0;
	list-style: none;
}

#annonces-sauvegarde ul.liens a {
	font-weight: normal;
}

#annonces-sauvegarde ul.liens li {
	margin-bottom: 1px;
	padding: 1px;
	background-color: #ededed;
	padding-left: 20px;
	background-image: url("../images/int/puce-li.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#liste-page, #liste-page2 {
	clear: left;   
	font-size: 12px;
	color: black;
	font-weight: bold;
	margin-left: 5px;
}

/* Définition du style de la fiche concession */

#concession {
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	width: 590px;
	font-size: 12px;
}

#concession #photos {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
}

#concession dl.description {
	padding: 20px 0 20px 0;
	clear: both;
	text-align: left;
}

#concession dl.description dt {
	display: block;
	float: left;
	width: 85px;
	font-weight: bolder;
}

#concession dl.description dd {
	display: block;
	float: left;
	clear: none;
	width: 450px;
}

#concession ul {
	margin: 0;
	padding: 0;
	width: 250px;
	float: right;
	list-style: none;
	text-align: left;
}

#concession ul li {
	padding-left: 20px;
	background-image: url("../images/int/puce-li.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* Définition du style de l'encart de pub 468 */

#iab468 {
 background-image: url("../images/index/fond-iab468.png");
 height: 77px;
 margin-top: 10px;
 padding-top: 13px;
}

#center-column-wide #iab468 {
 background-image: url("../images/index/fond-iab468.png");
 background-repeat: no-repeat;
 background-position: bottom center;
 height: 77px;
 margin-top: 10px;
 padding-top: 13px;
}

#iab468 a img {
 border: 2px solid #f60;   
}
