/*------------------------------------------------------------------------------------------*/	
/* Styles Generaux	*/
/*------------------------------------------------------------------------------------------*/	
body {
	background: #ffffff;
	margin-top: 30px;
	margin-left: 0px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	}
img {
	border: none;	
}
#fond_accueil {
	background: url(constante/fond_accueil.gif) center top no-repeat;
}
#fond {
	background: url(constante/fond.gif) center top no-repeat;
}
#conteneur {
	background: #ffffff;
	position:relative;
	width: 720px;
	height:724px;
	left: 336px;
	top: 146px;
}
#accueil table {
	margin: 0;
	padding: 0;	
}
#accueil .vignette td {
	border: 1px solid #9B9DA0;	
}
.ligne_a {
	background: #E7E8E9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:9pt;
	text-align:left;
	text-indent:0.1cm;
	color: #000000;
}
.ligne_b {
	background: #9D9FA2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:9pt;
	text-align:right;
	color: #ffffff;
}
.lienligne_b {text-decoration: none; color: #ffffff;}
.lienligne_b:hover {text-decoration: underline; color: #00508F;}

.ligne_promo {
	background: #eba716;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:9pt;
	text-align:right;
	color: #ffffff;
}
.ligne_promo a {
	text-decoration: none;
	background: #eba716;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:9pt;
	text-align:right;
	color: #ffffff;
	padding-right: 5px;
}
.ligne_promo a:hover{
	color:#EEE;
}
.ligne_promo a img{
	border: none;
}

.ligne_occasion {
	background: #bd1220;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:9pt;
	text-align:right;
	color: #ffffff;
}
.ligne_occasion a {
	text-decoration: none;
	background: #bd1220;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:9pt;
	text-align:right;
	color: #ffffff;
	padding-right: 5px;
}
.ligne_occasion a:hover {
	color:#EEE;
}
.ligne_occasion a img {
	border: none;
}

.ligne_1 {
	background: #E7E8E9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:12pt;
	text-align:left;
	text-indent:0.2cm;
	color: #075592;
}
.ligne_2 {
	background: #7EA7D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:12pt;
	text-align:left;
	text-indent:0.2cm;
	color: #000000;
}
.ligne_3 {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size:12pt;
	text-align:left;
	text-indent:0.2cm;
	color: #055391;
}
.contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	text-align:left;
	line-height: 16px;
	color: #000000;
	padding: 6px;
}
.contenu_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	text-align:left;
	line-height: 16px;
	color: #004c8b;

}
.contenu_pt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;
	text-align:left;
	line-height: 16px;
	color: #000000;
	padding: 6px;
}
.contenu_2 {
	background: #E7E8E9	;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	line-height: 16px;
	color: #000000;
	padding: 6px;
	height: 197px;
}
.contenu_2b {
	background: #E7E8E9	;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	text-align: left;
	color: #000000;
	padding: 6px;
	height: 197px;
}
.contenu_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	line-height: 16px;
	color: #000000;
	padding: 9px;
}
.promo_a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12pt;
	text-align:center;
	color: #004c8b;
}
.promo_b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 6pt;
	text-align:center;
	color: #000000;
}
.promo_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	text-align:center;
	color: #004c8b;
}
.promo_d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 7pt;
	text-align:center;
	color: #000000;
}
.promo {
	padding-left:10px;
}
.table_formulaire {
	font: 8pt "Verdana, Arial, Helvetica, sans-serif";
}
.table_formulaire td {
	padding:2px;
}
.lien_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	text-align:left;
	line-height: 16px;
	color: #004c8b;
	text-decoration: none;
}
.lien_gras:hover {
	text-decoration: underline;
}
label
{
   color: blue; /* Colorer en bleu tous les labels */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   color: #000000;
   font-weight: bold;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
}

/* En tete des colonnes page occasions */

.en_tete {
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #000;
	text-align: center;
	padding: 0 0 0 2px;
	margin: 0;
	border: 1px solid pink;
}
.en_tete_categorie {
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
}
.en_tete a { 
	text-decoration: none;
	color: #FFF;
	font: bold 7pt Verdana, Arial, Helvetica, sans-serif;
}
.en_tete a:hover {
	color: #f79548;	
}
#liens {
	text-decoration: none;
	color: #004c9b;		
}
#liens:hover {
	text-decoration: underline;
	color: #f79548;		
}
/*------------------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------------------*/	
/* ONGLETS
/*------------------------------------------------------------------------------------------*/	
#header {
	float : left;
	width : 100%;
	line-height : normal;
	background-image : url(constante/dot999.png);
	background-repeat : repeat-x;
	background-position : 0 100%;
}
#header ul {
    margin : 0;
    padding : 0;
    list-style : none;
}
#header li {
	float : right;
	margin : 0 -1px 0 0;
	padding : 0 0 0 25px;
	background-repeat : no-repeat;
	background-position : 0 -110px; /* Positionne le fond de l'onglet au bleu */
	border-bottom: 1px solid #AAA;
}
#header a {
	float : left;
	display : block;
	background-image : url(constante/onglet_right.png);
	background-repeat : no-repeat;
	background-position : 100% -110px;
	padding : 10px 10px 5px 3px;
	font-family : "Arial,Helvetica,sans-serif";
	font-weight : bold;
	text-decoration : none;
	color : #000;
}

/* Commented Backslash Hack
Cache des règles à IE5-Mac \*/
#header a {float:none;}
/* Fin du hack IE5-Mac */

#header li.actif, #header li.actif:hover {
	background-position : 0 0; /* Positionne le fond de l'onglet au 'gris' quand il est actif */
}
#header li.actif a, #header li.actif:hover a {
	padding-bottom : 6px;
	background-position : 100% 0;
}
#header li:hover {
	background-position : 0 -220px; /* En roll postionne le fond de l'onglet au jaune */
}
#header li:hover a {
	background-position : 100% -220px;
}
/*------------------------------------------------------------------------------------------*/	

/*------------------------------------------------------------------------------------------*/	
/* STYLES BackOffice */
/*------------------------------------------------------------------------------------------*/
#ajout_annonce {
	background-image : url(constante/onglet_billet.png); /* url de l'image de l'onglet */
}
#modif_annonce {
	background-image : url(constante/onglet_comment.png);
}
.formulaire_ajout_photo {
	font-size: 10pt;
	border: 1px solid silver;
}
.encadre_photo { border: 1px solid silver }
.message { color:red; font-weight:bold }
.en_tete_bo {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
}
#bt_suppr {
	color:red; 
	font-weight:bold;
}

h3 {
	font: 15pt Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 5px solid silver;
	color: #00508F;
}
.en_tete_colonnes { font-weight:bold;} /* Colonnes listage des vehicules */ 
/*------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------*/
/* STYLE des conteneurs des pages loadees via AJAX */
/*------------------------------------------------------------------------------------------*/
#frame_office { 
	color:red; 
	font-weight:bold;	
	border: 1px solid silver; 
}
#frame_site {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
}

#frame_site table {
	border: 0;
}
/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/
/* STYLES Listage des annonces	*/
/*------------------------------------------------------------------------------------------*/
/* Table conteneur des annonces*/
.table_occaz {
	padding-left: 5px;
}
#listeOccasions {
	overflow: auto;
	height: 210px;
	top: 0px;
	padding:0;
	margin:0;
}
.lienOccaz {
	color: #FFF;
	margin:0;
	padding:0;
}
html>body #listeOccasions { height: 210px;}
.table_annonce {
	width: 465px;
	border: 1px solid #01518F;
	margin: 0;
}
.ligne_annonce {
	font-weight: bold;
	text-align: center;
}
.ligne_annonce .serie {
	color: #01518F;
}
.ligne_annonce .serie a {
	text-decoration: none;
	color: #01518F;
}
.ligne_annonce .serie a:hover {
	text-decoration: underline;
	color: #01518F;
}
.liste_annonce td {
	font-size: 10pt;
	border: 1px solid silver;
	text-align:center;
}
.liste_annonce td:hover {
	background-color: #EEE;
}
/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/
/* STYLES Detail des annonces	*/
/*------------------------------------------------------------------------------------------*/
#detail_annonce table{
	/*border: 1px solid pink;*/
	width: 465px;
}
.liste_specs {
	list-style: url(constante/puce.gif);
	margin: 0;
	padding: 0 0 0 40px;
	text-align: left;
}
#conteneur_photo {
	border: 1px solid #f79548;
}
.en_tete_categorie_2 {
	font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background-color: #f79548;
	height: 20px;
}
#detail_annonce .tbl_vignettes{ 
	width: 35px; 
}
#detail_annonce .tbl_vignettes { 
	border: 1px solid #f79548;
}
#detail_annonce .tbl_vignettes td { 
	padding: 5px;
}
/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/
/*** Mise en forme du formulaire ***/
/*------------------------------------------------------------------------------------------*/
#informe {
	border: none;
	padding: 0;
	margin: 0;
	width: 30em;
	top: 0;
	left: 0;
	position: absolute;
}
#titre_form, #pied_form {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #0066B3;
	margin: 0;
	padding: .5em;
}
#pied_form {
	text-align: right;
}
#pied_form input {
	font-weight: bold;
	margin-left: 1em;
}
#corps_form {
	border: 1px solid #0066B3;
	background-color: #efefef;
	color: black;
	padding: 1em;
	margin: 0;
}
#corps_form fieldset {
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corps_form legend {
	font-weight: bold;
	background: transparent;
	color: black;
}
#corps_form p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corps_form fieldset#coordonnees label {
	float: left;
	width: 40%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
	color: black;
}
#corps_form label:hover, #pied_form input {
	cursor: pointer;
}
#corps_form label.oblig {
	font-weight: bold;
}
#corps_form a.aide {
	text-decoration: none;
}
#corps_form a.aide img {
	border: 0;
	margin: 0;
	padding: 0;
}
#corps_form a.aide:hover {
	cursor: help;
}
#corps_form .focus {
	background-color: beige;
	color: black;
}
#corps_form .normal {
	background-color: white;
	color: black;
}
#corps_form .alerte {
	border: 1px solid red;
	background: url('constante/icon_alert.gif') no-repeat left center;
}
#corps_form .message_alerte {
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
}