html {
	width: 100%; height: 100%;
}
body {
	width: 100%; 
  height: 100%;
	background: #8D0000;
	margin-top: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
}

table{ border-collapse: collapse; 
       font-size: 10px;
	     font-family: Verdana, Arial, Helvetica, sans-serif;
}
	     
tr, td, div {  font-size: 10px;
	    font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a img {border-width: 0}
a {
	color: #000; 
  text-decoration: underline;
  font: 10px;
}
a:hover {
	color: #7B0901; text-decoration: none
}

tr{
}
td
h1,h2,h3 {
  font-weight: none;
  font-size: 10px; 
  color: #7B0901;
}
h4 {
  font-weight: bold;
  font-size: 10px;}
h5 {
  font-weight: normal; 
  font-size: 8px;
}
h6 {
  font-weight: bold; 
  font-size: 9px;
}

/*Elements HTML*/
input{
    font-size: 10px;
    border : solid 1px #cccccc;    
}

input.cadre{ border:solid 1px black }
input.creercible{
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

select{ 
  font-size: 10px; 
  border : solid 1px #cccccc;
}

.class_btn{
    background-color : #8d0000;
    color: white;
    font-weight: bold;
    width : 150px;
}


/* ----------------------------------------------conteneur-----*/
#conteneur {width: 960px; margin: 5px auto; text-align: left}
#top {
 /* width: 960px;*/ 
  height: 100px; 
  background:  #fff no-repeat 0px top;
  text-align:center;
  padding-top : 3px;
 }

/*------------------------bloc top----------------------------*/
#bandeau_logo {
	float: left;
	width:230px;
	margin-left: auto;
  margin-right: auto;
  padding-left:3px;
  
}
#bandeau_pub {
 	float: left;
 	margin:0;
}
#information_vente {
  float:left;
  width:200px;
  margin:0;
	background-color:#E6E6E6;
	height: 71px; 
}



/*--------------------------------------Menu--------------------------------------*/
  #menu{
    background-color:#8D0000;
    width:954px;
    float:left;
    margin: 0px;
    padding:5px 0 5px 0;
    /*border-right: white solid 3px;*/
    border-left: white solid 3px;
    text-align:left;
    font-family:verdana;
    font-size:10px;
   }
  #menu ul{
  	margin : 0;
  	padding : 0;
  	list-style-type: none;
  }
  #menu li{
    display: inline;
  }
  #menu li a{
  	margin: 0 0 2px 0;
  	padding : 5px;
  	color: #fff; text-decoration: none;
  	font-weight: normal;
  }
  #menu li a:hover{color: #fff;text-decoration: underline}

/*----------------------------------------------BLOC GAUCHE----------------------------------------------*/
#left {
  z-index:auto;
	float: left;
	width: 221px;
}
/*----------------------------------------------Authentification----------------------------------------*/
#auth {
  width: 210px;
  padding : 3px;
  margin:3px 3px 10px 3px;
	border: 1px solid #8D0000;
	background-color:#EFCC9B;	
  font-size: 10px; 
}

#auth span.authnom{
font-weight: bold; 
font-size: 10px; 
color: #8d0000;
}

#auth span.intitule{
font-size: 10px; 
}
/*----------------------------------------------Recherche----------------------------------------------*/
#recherche {
  width: 210px;
  padding : 3px;
  margin:3px 3px 10px 3px;
	border: 1px solid #8D0000;
	background-color:#EFCC9B;
}

/*----------------------------------------------Robot----------------------------------------------*/
#robot{
  width: 210px;
  padding : 3px;
  margin:3px 3px 10px 3px;
	border: 1px solid #7B0901;
	background-color: #fff;
}
#robot table{
	width: 100%;
	border: 1px solid #7B0901;
	border-collapse: collapse;
	margin-top: 2px 0px 2px 0px;
}
#robot a {
	padding: 0px 0px 0px 2px;
	color: black;
	font-weight: normal;
	text-decoration: none;
}
#robot a:hover {
	text-decoration: underline;
}
/*Mes Encheres*/
#robot td.titreenchere{
	background-color: #7B0901;
	text-align: center;
}

#robot a.titre,span.titre{
	font-size: 13px;
	color:white;
	font-weight: bold;
}
#robot td.vhselection{
	margin: 0px 0px 0px 0px;
	border: 0px solid ;
	border-bottom: 1px solid #7B0901;
	padding: 2px;
	line-height: 20px;
	font-size: 10px;
}
#robot td.vhselection span{
	font-style: italic;
	color: #888888;
}
/*--------------------------------------Message-------------------------------------*/
#message {
  width: 218px;
  margin:3px 3px 10px 3px;
	margin: 3px 3px 10px 3px;
	}
#message H3 {
	background: #C9C9C9;
	border: 1px solid #7B0901;
	padding : 5px;
	margin:0;
	color: black  ; text-decoration: none;
}
#message H4 {
  padding:3px;
  margin :0;
	background: white;
	border: 1px solid #7B0901;
	border-top: 0px solid #7B0901;
	color: #7B0901; text-decoration: none;	font-weight: normal;
}
#message H4 span.niveau1{color:red;font-weight: bold}
#message H4 span.niveau1 a{text-decoration: none}
#message H4 span.niveau2{color:red;}
#message H4 span.niveau2 a{text-decoration: none}
#message H4 span.niveau3{color:black;}
#message H4 span.niveau3 a{text-decoration: none}

#carte_france{
    position:absolute;
    background-color: #ffffff;
  	border: 1px solid #8D0000;
  	padding:2px;
}
/*----------------------------------------------PIED DE PAGE----------------------------------------------*/
#footer P {
	background: black;
	padding : 0px; height:22px;
	margin: 0px 0px 0px 0px;
	text-align: center; color: #82868b;  
}
#footer A {	color: #82868b; text-decoration: none}
#footer A:hover {	color: #7B0901}

.clear {	clear: both }

/*POLICE standard*/
.standard{ font: 10px;	color : black;	font-weight: normal }
.standard_mea{ font: 10px;	color : black;	font-weight: bold }

#contenu {
	clear: both;
	width: 960px;
	background-color:#fff;
}
#footer {
	background: url(../images/kantium/fd_bottom.gif) no-repeat 0px 0px; HEIGHT: 45px;
}

.nom{
    font-size:12px;
    font-weight: bold;
    color: #5d625c;
}
.statut{
    font-size:10px;
}

/*
#robot td.titrecible{
	background-color: #9FCAE7;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
#robot p.vhcible:hover{
	background-color: #FF6600;
}
*/

/*
#robot input.conv{
	background-color: #9FCAE7;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	font-size: 11px;

}#robot input.conv:hover{
	background-color: #FF6600;
	cursor:	pointer;
}
#robot p.center{
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}
*/
/* ----------------------------------------------Contenu global----------------------------------------------*/
#milieu {
  width: 710px;
  float: left;/*RAJOUT*/	
	position: relative;/*RAJOUT*/	
  border-left:3px solid white;
  border-right:3px solid white;
}

#navigation {
	margin: 0px 0px 0px 0px;
	font-size: 10px;
  font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#principal {
  float: left;
  position: relative;/*RAJOUT*/	
	margin: 0px 5px 0px 5px;
	padding-top:2px;
	font-size: 10px;
}
#principal a.titre{
  font-size:12px;
  font-weight:bold;
}

#principal img.petites{ border: 1px white solid }
/*Bulle*/
a.nocolordetailvh span{ display:none }
a.nocolordetailvh:hover{ background:none }
/*
a.nocolordetailvh:hover span{
	display:block;
	position:absolute;
	top:17px;*/
	/*left:255px;*//*
	margin-left:255px;
	background-color: White;
	border: 1px black solid; 
	padding: 5px 5px 5px 5px;
}
*/

a.nocolordetailvh span.grand{
	display:none;
	position:absolute;
	top:-110px;
	left:252px;
	background-color: White;
	padding: 2px;
	border:1px solid black;
}

a.nocolordetailvh:hover span.moyen{
	display:block;
	position:absolute;
	top:20px;
	left:3px;
}
/************************************************/
#principal td.affichedetail{
	font-weight: bold;
	font-weight: bolder;
	font-size: 10px;
}

#principal h1{
	font-weight: bold;
	font-size: 18px;
	color: #7B09010;
	padding-top: 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
}
#principal h2{
	vertical-align:top;
	font-weight: bold;
	font-size: 11px;
	color: #7B0901;
	border-top: dashed #9BA49A 1px;
	border-bottom: dashed #9BA49A 1px;
	padding: 3px 0 3px 0;
}
#principal h3{
	font-weight: bold;
	font-size: 12px;
	color: black;
}
#principal span.liste,span.recherche,span.encherir,
span.cible,span.detailvh,span.selection{
	border: solid 1px black;
	font-size: 13px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0px;
}
#principal span.liste{ background-color: Black;	color: white}
#principal span.detailvh{ background-color: Black;color: white }
#principal span.cible{ background-color: #0099FF; color: black }
#principal span.recherche{ background-color: #FF6633;	color: black; margin-right: 0px }
#principal span.result{	font-weight: bold }
#principal span.encherir{ background-color: Black;	color: white }
#principal span.selection{	background-color: #7B0901;	color: white }

/*---------------------------------Comparaison de VH-----------------------------*/
#com_tableau{ border: solid 1px white }
#com_tableau td.titre{
  font-size: 10px;
	text-align: left;
	background-color: #EFCC9B;
	color: black;
	border: none;
}
#com_tableau td{
	text-align: center;
	background-color: #E7DCD9;
	border: solid 2px white;
}
/*-----------------------------------Detail vehicule-----------------------------*/
#principal table.detailvh{
	background-color: #E7DCD9;
	width: 700px;
	border: solid 1px #7B0901;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
}
#principal table.detailvh td{	vertical-align:top }

/*------------------------------Boite � Outils----------------------------------------------*/
#principal input.btn{
	/*width: 100px;*/
}
#principal span.gagne,span.perdu,span.insuffisant {
	background-color: none;
	margin: 0 auto 0 auto;
	text-decoration: bold;
	font-size: 12px;	text-align: center;
}
#principal span.perdu {	color: red;	}
#principal span.insuffisant {	color: #ff6527;	}
#principal span.gagne {	color: green;	}

#principal table.boiteaoutils{
	background-color: #444358;	
	margin: 2px;
	border: 1px #444358 solid; /*A ENLEVER*/
	padding: 2px;
	color: white;	vertical-align:middle;font-size: 10px;
}
/**************couleur boite a outils******************/
#principal td.classique,td.mdc,td.encheremax,td.assistant{          
	height: 20px;
	border:1px solid black;
	font-size: 10px;
	text-align: center;
}
#principal td.classique{ background-color: none; color: white }
#principal td.mdc{ background-color: #EFCC9B; color: black }
#principal td.encheremax{ background-color: #8D0000; color: white }
#principal td.assistant{ background-color: #cf8787; color: black }
/******************************************************/

/**************couleur enchere max*********************/
#principal td.classique div,td.mdc div,td.encheremax div,td.assistant div {
	margin: 4px;
	padding: 2px;
	color: black;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;}

#principal td.classique div {background-color: #4b4a58}
#principal td.mdc div {background-color: #efe1cc}
#principal td.encheremax div {background-color: #A95C5C}
#principal td.assistant div {background-color: #efe1cc}
/********************************************************/
#principal td.enchereencours{
	text-align: center;vertical-align:middle;
	}

#principal td.enchereencours div{
	padding: 1px 0 1px 0;
	background-color: #CFCFCF;	color: #444358;border:1px 1px 1px 1px solid black;
	font-weight: bold;	font-size: 12px;text-align: center;
}

#message_enchere{	background-color: #fff;	border: 1px #444358 solid }

/*Bulle*/
a.nocolor span{	display:none;	border : none}
a.nocolor:hover{	z-index:500;	background: none}
a.nocolor:hover span{	display:inline;	position:absolute;	z-index:500}

/*---------------------Tableau Liste d�tail des robots-------------------*/
table#drb_tableau {
  background:	white;
	border-collapse: separate;
	margin-left: 0px;
	font-size: 10px;
}

table#drb_tableau th{
  background-color : #e6e6e6;
	text-align:center;
	font-weight: bold;
}

table#drb_tableau tr{
  background-color: #E7D0C8;
}

table#drb_tableau td.nocolor{
  background-color: white
}

table#drb_tableau a{
	text-decoration: none;
	color: black;
}

table#drb_tableau td.gagnant,td.perdant,td.insuffisant,td.nocolor{	padding-right:5px;	text-align: right;}
table#drb_tableau td.gagnant{	background-color:green;color:white;font-weight:bold;}
table#drb_tableau td.perdant{	background-color:red;color:white;font-weight:bold; }
table#drb_tableau td.insuffisant{	background-color:#efefef}
table#drb_tableau td.mdc{	background-color: #FD6420;	color: black }
/*---------------------Tableau Liste vehicule-------------------*/
table#lvh_tableau {
	background:	white;
	border-collapse: separate;
	font-size: 10px;
}
table#lvh_tableau tr{ background-color: #E7D0C8;height:25px; }
table#lvh_tableau tr.gagnant{background-color: green}
table#lvh_tableau tr.perdant{
    background: url(../images/vendue.gif) repeat 0px 0px;
}
table#lvh_tableau tr.perdant td{
    text-decoration:line-through;
}
/*Liens classiques*/
table#lvh_tableau tr:hover{
	background-color:	#DADADA;
}

table#lvh_tableau a{
	text-decoration: none;
	color: black;
}
table#lvh_tableau a:hover{
	text-decoration: underline;
	color: #DB511B;
}
table#lvh_tableau td.alignright{
	text-align: right;
	padding-right:5px;
}


/*Liens photos*/
table#lvh_tableau td.vhselection{	background-color: #FEBA9E }
table#lvh_tableau td.nocolor{	background-color: white;	color: black}
table#lvh_tableau td.ecm{
	background-color: #8D0000;
	padding-right:5px;
	text-align: right;	color: white;
}
table#lvh_tableau td.ass{
	background-color: #cf8787;
	padding-right:5px;
	text-align: right;	color: white;
}
table#lvh_tableau a.nocolor{	color: white;}
table#lvh_tableau a.nocolor:hover{	color: white;}
table#lvh_tableau td.ecm a{ color :white }

table#lvh_tableau td.gagnant,td.perdant,td.attente,td.insuffisant{
  padding-right:5px;
  text-align: right;
  color: black
}
table#lvh_tableau td.gagnant{	background:#fff url(../images/Gagne.gif) no-repeat 0px center}
table#lvh_tableau td.perdant{	background:#fff url(../images/Perdu.gif) no-repeat 0px center}
table#lvh_tableau td.attente{	background:#fff}
table#lvh_tableau td.insuffisant{	background:#efefef}

table#lvh_tableau td.mdc{	background-color: #F2D4AB;	color: black }

/*Entetes de colonnes*/
table#lvh_tableau .lvh_entete_croissant{
	background: #e6e6e6 url(../images/croissant.gif) no-repeat center right;
	color: black;
	text-align:left;
	font-weight: bold;
}

table#lvh_tableau .lvh_entete_decroissant{
	background: #e6e6e6 url(../images/decroissant.gif) no-repeat center right;
	color: black;
	text-align:left;
	font-weight: bold;
}
table#lvh_tableau .lvh_entete_off{
	background-color : #e6e6e6;
	text-align:center;
	font-weight: bold;
}

.rch_select_on{	font-style: normal;	color: Black }
.rch_select_off{	font-style : italic;	color : #cccccc }