body {	margin:5px 0;	padding:0; }
a img { 	border:medium none;	vertical-align:middle; }

#page h1 { padding: 7px 3px 7px 7px; margin: .5em 0 1em 0; font-size: 120%; }
h2 { padding: 12px 2px 3px 5px; margin-bottom: 5px; }

#page {
	background-color:#FFFFFF;
	border-color:#AAAAAA;
	border-style:solid;
	border-width:0 1px 1px;
	margin-bottom:1em;
	overflow: hidden;
	height: 1%; /* IE6 */
}
#contenu {
	padding:1px 8px;
}
/************************** HEADERS ***************************/
#north, #page {
	margin-left:auto;
	margin-right:auto;
	width:820px;
}
#north {
	border-color:#AAAAAA;
	border-style:solid;
	border-width:1px 1px 0;
}
/* ENTETE */
#entete {
	position:relative;
	width:820px;
	height: 80px; /* Hauteur par défaut (hauteur du bouton déconnexion + 2x5px)*/
}
#entete hr { display: none; }
a#entete_disconnect {
	display:block;
	position:absolute;
	right:10px;
	bottom:5px;
}
/* MENU */
#liensFonctionnalites { height: 1%; overflow: hidden; font-size: 90%; }
#liensFonctionnalites div { float: left; margin-left: 1em; }
/*#lien_accueil { float: left; margin-left: 1em;}*/
body #lien_messages, body #lien_stats { float: right; margin-right: 1em;} 

/* CONCESSIONS */
#liensConcessions {
	border-spacing:0;
	clear:both;
	width:100%;
}
#liensConcessions td {
	border:0 none;
	margin:0;
	padding:0;
	text-align: center;
}
#liensConcessions a {
	display:block;
}

/************************** STATISTIQUES ET INFOS ***************************/
#stats_infos { float: left; }
#stats_infos p { font-weight: bold; font-size: 110%; margin-bottom: .5em;  }
#stats_logo { float: left; margin: 1em 2em; }
#statistiques hr { clear: left;  }
#statistiques { height: 1%; overflow: hidden; }

/************************** POINTS DE VENTE ***************************/
.points_vente {
	border: 1px solid #AAA;
	background-color: #FFF;
	margin: 1em 5px;
	float: left;
	width: 240px; /* Largeur voulue : 240px, - 90px de l'image de la concession à gauche */
}

.points_vente ul, .points_vente li {
	margin: 0; padding: 0;
}
.points_vente a,.points_vente h3,.points_vente p, .points_vente ul { 
	/*background-color: #EEE;*/
	margin: 0;
	padding: .7em .3em .3em .5em;
}
.points_vente a {
	text-align: right;
	display: block;
	text-decoration: none;
}

.points_vente h3{
/*	color:#98449E;
	font-family:Arial,Helvetica,sans-serif,"Arial Black";
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;*/
	text-align: center;
	white-space: nowrap;
}
.points_vente ul {
/*	list-style-image: url("../../images/pro/flechegrisbleu.gif");
	color:#999999;
	font-family:Arial,Helvetica,sans-serif,"Arial Black";
	font-size:12px;*/
	text-decoration:none;
}
.points_vente li strong{
	/*color: red;*/
}
.points_vente li {
	margin-left: 13px;
}


/************************** FILTRE ***************************/
#bloc_recherche_vehicule {
	clear: both;
	border: 1px solid #AAA; 
	background-color: #EFEFEF;
	/*padding-left: 20px; 
	padding-top: 20px;*/
	width: 100%;
	/*font-size: 90%;*/ 
}
#bloc_recherche_vehicule td { padding: 2px 0 5px 0; }
#bloc_recherche_vehicule input, #bloc_recherche_vehicule select { width: 140px; font-size: 90%; }

#bloc_recherche_vehicule label { width: 90px; text-align: right; display: block; font-weight: bold; color: #333; }

#bloc_recherche_lastline { 	text-align: right; vertical-align: bottom; }
#bloc_recherche_lastline label { display: inline; }
#bloc_recherche_radio { width: 150px; }
#bloc_recherche_radio p { width: auto; }
#bloc_recherche_radio p label { float: left;  }
#bloc_recherche_radio input { display: inline; width: auto; }


/* Bouton d'ajout d'annonce */
#addVendeur, .ajout_annonce { float: right; margin-bottom: 1px; /* Pour le border */ }

#bloc_annonce, #modif_annonce { cursor: default; }


#export_csv {
	margin-top: 1em;
}

/************************** FORMULAIRES ANNONCE ***************************/
#vehicule_depot_form table { width: 90%; } 
#vehicule_depot_form td { line-height: 1.8em; vertical-align: middle; /*width: 25%;*/}

/* Pour le premier bloc du formulaire, sinon bug sous IE6 */
#vehicule_depot_form #depot_first_field td{ width:25%; }

fieldset {
	border: 1px solid #AAA;
	padding:5px;
	margin-bottom: 1.5em;
}
fieldset fieldset { border: none; clear: left; }
legend { font-size: 110%; /*text-transform: capitalize;*/ font-weight: bold; }

fieldset p { 
	float:left;
	margin:0.22em;
	width:270px;

}
fieldset label { color: #666; font-weight: bold; }
fieldset p label {
	display:block;
	float:left;
	padding-right:5px;
	width:150px;
	text-align: right;
}
fieldset td label {
	display:block;
	padding-right:5px;
	text-align: right;
}
fieldset input, fieldset select {
	border-width:1px;
	float:left;
	width:90px;
	border: 1px solid #AAA;
	font-size: 80%; /* Réduit la taille de la police pour la mettre de la 
					* même taille que les label.
					*/
}
fieldset table select {	width: 100%; }
fieldset table input  {	width: 96%; /* 96% pour IE6, sinon ça dépasse */}

/* SUR UNE LIGNE*/
fieldset p.uneLigne { /*clear: left; width: 745px; */
	clear: left;
	height: 1%;
	overflow: hidden;
	width: 100%;
}
fieldset p.uneLigne label {
	display:block;
	float:left;
	padding-right:5px;
	width:150px;
	text-align: right;
}
fieldset p.uneLigne input, fieldset p.uneLigne select {
	border-width:1px;
	float:left;
	width:auto;
}

/*************************** CHAMPS OBLIGATOIRE ***********************/

label.cObligatoire_nvalide{
	color:red;
}

/****************************** Calendrier ****************************/
#depot_date_dispo {
	position: relative;
	/*border: 1px solid red !important;*/
	height: 1%;
	bottom: 0;
}
#calendar {
	position: absolute;
	right: 150px;
	top: -2em;
	z-index: 1000;
	width: 200px;
	/*border-top: 1px solid #EEE;*/
}
#calendar .x-btn-left {
	background-position: top right;
}
#calendar .x-btn-over .x-btn-left {
	background-position: right -63px;
}
#calendar table.x-date-inner td{
	/*border-collapse:collapse;*/
	border-color: #F4F4F4;
}
a#datePickerLink img {
	vertical-align: -3px;
}

a#datePickerLink {
	font-size: .9em;
	text-decoration: none;
	white-space: nowrap;
}
/****************************** Ajout de photo ****************************/
#PhotoContainer {
	margin-top: 1.7em;
	/*height: 140px; /* Rentre pour 4 ou 5 images, attention au dépassement si plus... */
	overflow: hidden;
	height: 1%;
	background-color: #FFF;
	background-image: url("/plateforme/Commons/images/Ajout-Photo.jpg");
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 105px;
	margin-bottom: 1.7em;
}
#page #PhotoContainer { border:1px solid #3999ED; }

#resumePhoto li img, #photoload li img{
	vertical-align: -5px;
	margin-left: 3px;
}

#PhotoContainer ol {
	list-style-position:inside;
	list-style-type: decimal;
	overflow: hidden; 
	height: 1%;
}
#PhotoContainer li {
	margin-left: 5px;
}
.resumePhotovignette {
	float: left;
	padding: 5px;
	border: 1px solid #3999ED;
}
.resumePhotovignette a {
	display: block;
	margin: 0; padding: 0;
	text-align: center;
}


/* Bouton de dépot */

#addPhoto {
	/*display: block;
	width: 100px;
	text-align: center;
	margin-left: 10px;*/
	
	background-image:url(/plateforme/Commons/images/plus.gif);
	background-position:left center;
	background-repeat:no-repeat;
	border:1px solid #DDDDDD;
	display:block;
	padding:3px 20px;
	margin: 3px;
	overflow: auto;
	}
#addPhoto:hover {
	background-color: #DEF;
}
#resumePhoto, #resumePhotoToload {
	margin: 3px 5px 0 5px;
}

#htmlFile input[type="image"] {
	background-image: none;
	vertical-align: -2px;
}


 

/************************** PAGE AJOUT VENDEUR ***************************/
.formDataSelectLieuEtapes {
	clear: left; 
	width: 100%;
	height: 1%; overflow: hidden;
}
.formDataSelectLieuEtapes label { /* Copie du p label */
	display:block;
	float:left;
	padding-right:5px;
	width:150px;
	text-align: right;
}

/************************** PAGE AJOUT VENDEUR ***************************/
#FormulaireUtilisateur fieldset { margin-top: 1.5em; }

/************************** LISTE VENDEURS ***************************/
#vendeurs {
	overflow: hidden; height: 1%; /* pour que la div s'étende en fonction de ses div fils */ 
}
.un_vendeur {
	float: left; 
	width: 220px;
	padding: 5px; 
	margin: 13px; border: 1px solid #AAA;
}
.un_vendeur_actions { margin: 5px; text-align: right; }
.un_vendeur_actions a { margin: 0 5px; }

/* Modification d'utilisateur : simulation d'un affichage sur 3 colonnes */
.utilisateurs_blocmdp {
	/*width: 555px; float: left;*/
	clear: left;
	overflow: hidden; 
	height: 1%;
}

/************************** MESSAGERIE INTERNE ***************************/
#messagerie_filtre {
	border: 1px solid #AAA;
	width: 300px; 
	margin-bottom: .5em;
}
#messagerie_filtre p { text-align: right; margin-bottom: .4em; }

#filtre_message { margin: 1em; }

.message_intitule { color: #AAA; font-weight: bold; line-height: 1.5em; }

#messagerie .x-grid3-row-body { padding: 7px; }

/*************************** BLOC AMARCHAND ******************************/

#bloc_amarchand{
	/*background-color:red;*/
	margin-top:1.5em;
}

div.spacer{
	clear:both;
}

.tabmarchand{
	font-family: arial, serif;
	border:1px solid #AAAAAA;
	clear: left;
	width:100%;
}

div .tabmarchand th {
/*	padding-left: 5px; 
	border-left: 1px solid #EEE;*/
}
.tabmarchand td, .tabmarchand th {
	font-size: 85%;
	padding-bottom: 2px;
	padding-top: 3px;
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
}
.tabmarchand th { 
	text-align: left; 
	font-weight: normal; 
}

/************************** Espace Perso ***************************/
table.espace_annonces {
	width: 80%;
}
.espace_annonces td {
	border: 1px solid #DDD;
	padding: 3px;
}
.espace_annonces th {
	background-color: #DDD;
	padding: 3px;
}

/************************** Alertes membres ***************************/
.espace_annonce_bandeau {
	float:left;
	margin:5px;
	padding:5px;
	width:240px;
	
	background-color:#FAFAFA;
	border:2px solid #EEEEEE;
}
.annonce_actions {
	margin-top: 5px;
}

.annonce_infos .champs {
	color: #555;
	font-weight: bold;
}
.annonce_infos li {
	margin-bottom: 3px;
}


/************************** Newsletter ***************************/
form#newsletter p, form#newsletter p label, form#newsletter p input {
	width: auto;
	float: none;
	text-align: left;
}
form#newsletter { height: 1%; overflow: hidden; }
form#newsletter p {
	margin: 1em;
}
#mes_newsletters {
	clear: both;
}
#newsletter .boutons_actions {
	clear: left;
}
/* Dans l'espace particulier */
#mes_newsletters ul {
	list-style-image: url('/plateforme/Commons/images/site/ovale-trans.gif');
	list-style-position: inside;
}
#mes_newsletters li {
	margin-bottom: .2em;
}

/************** Special inscription *************/
.options_pub_masquable {
	display: none; visibility: hidden; /* Fonctionnalité non activée pour ce site */
}