*{
margin:0;
padding:0;
color:#4F4949;
}

*{

  font-family : arial;
}


.titre
{
	font-size:15px;
	text-align:center;
	padding-top:3px;
	height:28px;
	background:transparent url('../images/degrade-rubrique.png') repeat-x top left;
	font-weight:bold;
}

/* encheres en cours */
/* definition du bloc qui va contenur les blocs internes avec un espace entre chaque*/
div.blocenchere{
	margin-bottom:27px;
}
div.encench{
	border:#ff7200 1px solid;
	height:250px;

}
div.encench div.enc
{
 color:#ff7200;
}

div.encench div.encours
{
	background:transparent url('../images/encheres/encheres-voyages.jpg') no-repeat top left;
	height:213px;
	position:relative;
	width:665px;
}
img.encour{
display:block;
background-color:#ffffbb;
height:93px;
left:31px;
position:absolute;
top:60px;
width:150px

}

div.tpscours
{
 position:absolute;
 top:5px; 
 
 left:235px;
 width:186px;
 height:33px;
}
 
 div.descours
{
 font-size:12px;
 position:absolute;
 left:220px;
 top:58px;
 color:#333333;
 font-weight:bold;
}

 div.dates
{
 width:400px;
 position:absolute;
 bottom:7px;
 left:150px;
 color:#333333;
 /*line-height:23px;*/
 font-size:12px;

 }
 
 div.dates span{
 width:150px;
 display:inline-block;
 }
 
 div.prix
{
 width:198px;
 float:right;
 font-size:14px;
 display:block;
 margin-top:10px;

 }

div.price span.gauche
{
 display:inline;
 float:left;
}

div.price span.droite
{
 float:right;display:inline;

}


div.price
{
 color:#919393;
 /*padding-bottom:6px;*/
 border-bottom:#919393 solid 1px;
 display:block;
 /*margin-bottom:10px;*/
 width:190px;
 height:25px;
 
 }
 
.px
{
 color:#ff7433;
 display:block;
 margin-bottom:5px;
 font-weight:bold;
 font-size:17px;
}
 
.autom
{
 display:block;
 font-size:14px;
 text-align:center;
 background:transparent url('../images/degrade-btn-menu-g-gris.png') repeat-x top left;
 color:#ffffff;
 padding:8px 0 9px 0;
 margin-right:8px;
 margin-bottom:5px;

}

 .encher{
 display:block;
 text-align:center;
 margin-top:9px;
 margin-bottom:10px;
 margin-right:8px;

 border:#ff7200 1px solid;


}
 
 /******* enchere auto *********/

p
{
 width:px;
 padding:0;
 display:block;
 clear:both;
 font-size:12px;
 }


div.auto,div#encherissement
{
 border-left: 1px solid #FF7200;
 border-bottom:1px solid #FF7200;
 border-right:1px solid #FF7200;
 height:120px;
 background-color:#e8e8e8;
 color:#333333;
 text-align:right;
 padding: 5px 5px 11px 16px;
 position:relative;
 /*width:500px;*/

}
div.auto label
{
  position:absolute;
  bottom:30px;
  left:20px;

 }


div.auto form
{
 width:450px;
 height:50px;
 margin-top :20px;
 }

div.auto input#amount

{ 
  width:70px; 
  height:25px;
  color:#FF7200;
  font-size:20px;
  font-weight:bold;
  text-align:center;
 position:absolute;
 bottom:20px;
 left:200px;
}

div#encherissement input

{ 
  width:70px; 
  height:25px;
  color:#FF7200;
  font-size:20px;
  font-weight:bold;
  text-align:center;
 position:absolute;
 bottom:20px;
 left:200px;
} 



div.auto input#valider

{ 

  width:70px; 
  height:30px;
  color:#FF7200;
  font-weight:bold;
  text-align:center;
  border:1px solid #cccccc;
  background-color:#fff;
   position:absolute;
   bottom:20px;
   left:320px;

}

.auto span#euro
{
  position:absolute;
   bottom:20px;
   left:280px;
   font-size:20px;


}

.fermer
{
 width:40px;
height:14px;
color:#fff;
font-size:10px;
border:1px solid #fff;
background:#FF7200;
text-align:center;
position:absolute;
right:0px;
bottom:0px;cursor:pointer


}
 

 /******************* encheres terminer ***************/

div.enchereterminee 
{
	border:1px solid #A5D135;
	height:250px;
}

div.enchereterminee h1{
	color:#A5D135;
}

div.enchereterminee div.encours
{
	background:transparent url('../images/encheres/bg_enchere_terminer.jpg') no-repeat top left;
	height:213px;
	position:relative;
	width:665px;
}


#historiqueEncours, #historiqueTermine
{
 display:block;
 width:665px;
 /*height:400px;*/height:100%;
 background:transparent url('../images/encheres/historique_enchere_voyage.jpg') no-repeat top left;
 margin-top:50px;


}
#historiqueEncours
{

 border:1px solid #ff7200;

}
#historiqueTermine
{
 
 border:1px solid #A5D135;;

}


#historiqueEncours table,#historiqueTermine table
{
  margin-left:165px;
  width:500px;
  margin-top:5px;
  border-spacing: 0px;
  border-collapse: collapse; 
}

caption
{ 
    font-size:16px;
    color:#4f4949;
    font-weight:bold;
    text-align:left;
    padding:5px 0 5px 10px;;
}

tr{
  width :100%;
  height:20px;
  
}
th, td
{
	 margin-right:10px;
	 width:120px;
	 
}

thead tr th
{ 
    font-size:12px;
    color:#4f4949;
    padding-bottom:15px;
}

.pseudo
{
 width:160x;
 padding-left:3px;
}

.nombre_voyageur
{
 width:120;
 display:block;
 margin-left:10px
 
}
.type
{
 width:120;

}
.montant
{
 width:120px;
 margin-left:30px;
}
.fonce
{
background:#dedee0;
font-size:12px;

}
.clair
{
font-size:12px;
background:#f4f4f6;

}
.gagnant
{
 font-size:11px;
}
div.enchereterminee .descriptif
{
  border:0px;
  margin-left:20px;
}
 /******************* encheres echerir ***************/

div#encherissement input

{ 
  width:100px; 
  height:25px;
  color:#FF7200;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  position:absolute;
  bottom:20px;
  left:200px;
} 

div#encherissement #submitEncherir
{
  width:195px; 
  height:27px;
  border:1px solid #ff7200;   
  position:absolute;
  bottom:20px;
  left:350px;
}

div#encherissement #devis
{
  font-size:24px;
  font-weight:bold;

  position:absolute;
  bottom:20px;
  left:310px;
}
div#encherissement .required
{
  font-size:24px;
  font-weight:bold;

  position:absolute;
  bottom:20px;
  left:30px;
}
div#encherissement .tranche
{
  font-size:24px;
  
}
div#encherissement ul.errors, div#encherissement #erreur {
     width:450px; 
     height:20px;
     list-style-type:none;
     padding-left:3px;
     color:#ff7200;
         
 }

div#encherissement ul li {
	
	margin-left:3px;
	padding:0px;
	list-style-type:none;
	display:block; color:#ff7200;

	
}
/******************** encheres valider >> validation ****************************/

div#encenchvalid
{
	border:#ff7200 1px solid;
	height:600px;
       
}

#validation #recapitulatif
  {
  margin:10px;
  }

div#eratum
{
	background-color:#ff7200;
	color:#ffffff;
	padding:9px 16px 15px 12px

}
#validation #recapitulatif
  {
  width:500px;
  display:block;
  margin-bottom:10px;
  }
  #validation #recapitulatif h3
  {
  	
  	display:block;
       font-size:14px;
  	margin-bottom:10px;
  	border-bottom:1px solid #ccc
 
  }
  #validation #recapitulatif div
  {
   width:400px;
   display:block;
   clear:both;
 
   
  }
  #validation #recapitulatif div span.left
  {
    width:200px;
    float:left;
    font-weight:bold;
  }
  #validation #recapitulatif div span.right
  {
    width:200px;
    float:right;
  }

#validation form{
/*margin-left:10px;*/

}

#validation h2
{  
    padding-top:30px; 
    color:#605b57;
    font-size:18px
}

#validation p
{
 
  font-size:11px;
  color:#605b57;
  margin-left:10px;
  margin-right:10px;
 }

#validation fieldset
{

 margin-top:40px;
 margin-bottom:40px;
 border:0px;

}

#validation .infoPerso
{
	
	height:370px;
       background-color:#E8E8E8;
	border-bottom:1px solid #FF7200;
	border-top:1px solid #FF7200;
	padding-bottom:15px;
	padding-top:19px;
}

#validation .captcha
{
	border-bottom:1px solid #919393;
      padding-bottom:10px;
}


#validation legend 
{
  margin-bottom:20px;
  padding-left:10px;
  color:#FF7200;
  font-weight:bold;
  
}
 #validation legend, span#infoPerso 
{
  margin-bottom:20px;
  padding-left:10px;
  color:#FF7200;
  font-weight:bold;
  
}
 
 
#validation ul
 {
    list-style-type:none;
    color:#33476E;
    clear:right;
    display:block 
 }

#validation ul li{
	padding:0px;
	list-style-type:none;

}
 #validation li.item-form{

	display:block;
	float:left;
	clear:both;
	width:640px;	
	position:relative;
	margin-top:10px;margin-left:10px;
   
}
 #validation li.item-form,
 #validation legend,

{
margin-left:10px;
	
   
}

 #validation select#civilite
{
 width:170px;
}

#validation input
{
 width:170px;
}


#validation input#optin,#validation input#optin2
{
 width:30px;

}

 #validation ul.errors
 {
 position:absolute;
 top:0px;
 right:0px;
 font-size:11px;
 display:block;
 width:250px;
color:#c55b5b
  }
   
 #validation .left
 {
 
   width:210px;
  display:block;
  float:left;
  color:#FF7200;
  
 }
  #validation .right
 {
  width:200px;
  display:block;
    float:left;
 }
 #validation .right img
 {
  
 display:block;
  margin-bottm:5px;

 }

.optin 
 {
  
 width:420px;
 display:block;
 float:left;
 font-size:11px;

 }

input#submitConfirmer 
{
 width:185px;
 height:30px;
 border:1px solid #ff7200;  
 margin-left:220px 
}

input#submitbutton 
{
 width:196px;
 margin-left:230px
  
}


.grey {
color:#919393;
line-height:20px;
}