/*************************************************************************
	PREREG
*************************************************************************/

/*
#avancement { list-style: none; height: 50px;}
#avancement li { float: left; font: bold 12px Arial, Verdana; height: 40px; width: 80px; text-align: center; color: #000; }*/


*#container{
	padding: 0;
}
.disabled {
background:none repeat scroll 0 0 #E7E4D1;
color:gray;
}


#list{margin:5px 0 5px 0;}

.tab-form th, .tab-produits th{ background-color:#1D3C58;
color:#FFFFFF;
padding:5px;}
#list tr {
	background: url(img/functions/degrade_tab.gif) repeat-x 0 0;
}

#list table {
border-collapse: none;
margin:0 auto;
border:1px solid #CFCFCF;
width:650px;
}

#list tr.out {
	background: none;

}
.tab-form th, .tab-produits th{ background: transparent url(img/functions/repeat-beadcrumb.gif) repeat-x bottom; color: #1D3C58 }

.in td{background:#efefef none repeat scroll 0 0;


}
#label_CodeMkg{ width:auto;}
#CodeMkg{margin-left:200px;}
/*.picto{width:60px; }*/
.tdproduits{text-align:left; }
.tab-produits th{text-align:center; }
.tab-produits{
margin:0 auto;
width:650px;
margin-top:30px;}
.tab-produits td{padding:5px 10px; }
.left{text-align:left;}
.pricecol{text-align:right;padding-right:0px;}


/**********************************************************************/
/*                               BADGE                                */
/*********************************************************************/
div.button_badge {

}

.button_badge a {
	width: 275px;
	height: 65px;
	background: url(img/functions/commande_badge.gif) no-repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	line-height: 65px;
	display: block;
	text-decoration: none; 
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
}

.button_badge a:hover{
	width: 275px;
	height: 65px;
	text-decoration: none; 
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	color: #FFFFFF;
	background: url(img/functions/commande_badge.gif) no-repeat 0 -65px;
}




/**********************************************************************/

#header {
	/*background: #C8D200;*/
}



form label {
color:#003D7F;	
                float:left;
                font-weight:bold;
                padding:0 0 10px;
                width:145px;
				text-align:left;
                }


.form-blocfield{
               float:left;
}

.form-blocfield input{width:160px;}
.form-blocchoix  input{width:20px;}

.cur{
color:#FFFFFF;
}


	
form fieldset legend {
               color:#B9BF0B;
				font-weight:bold;
				margin-bottom:10px;
				padding-bottom:5px;
				margin-left:0;
				font-size: 18px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input,
form textarea{   
				
				background:#FFFFFF url(img/functions/bg-form-field.gif) repeat-x scroll center top;
				border:none;
				color:#333333;
				font-size:13px;
             }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                

				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }




form select {
				color:#333333;
				font-size:13px;
                padding: 4px;
				background:#FFFFFF;
				border:1px solid #9EA4A8;
                }

form select.error {
	background-color:#E3001B;
	border:1px solid #E3001B;
	color:#FFF;
	font-weight:bold;
}


fieldset {
	border:2px solid #CFCFCF;
	margin:0 auto;
	padding:10px;
	width:600px;
	/*background : #f0f0f0 ;*/
	overflow: hidden;
	margin-bottom: 20px;
}

form input {
background:#FFFFFF url(img/functions/bg-form-field_input.gif) repeat scroll left top;
border:1px solid #9EA4A8;

}
/*
form select {
background:#FFFFFF url(img/functions/bg-form-field_input.gif) repeat scroll 10px 0;
border:1px solid #9EA4A8;
}
*/

.form-blocfield input {
/*height:22px;
width:290px;
padding: 3px 5px 0px 5px;
*/
height:22px;
padding:3px 5px 0;
width:300px;

}

.form-blocfield select {
/*height:22px;
width:290px;
padding: 3px 5px 0px 5px;
*/
height:26px;
/*padding:7px 0 0;
width:310px;*/
}


.form-blocfield .form-blocchoix input {
	width:20px;
	padding: 0;
	background: none;
	border: 0;
}


.fail {
	background-color:#FFECE6;
	border:1px solid #FF936F;
	color:#842100;
}


.form-bloc  {
              margin-top:5px;
}

.ClsDsp  {
              /*margin-top:0;*/
              padding-bottom:0;
}


/* class du bouton */
.form-submit{
	border : 1px solid #95a7c0;
	background: transparent url(img/functions/bg-button-green.gif) repeat-x scroll center top;
	color : #000;
	font-weight : bold;
	height:17px
}
/*
a.form-submit.hover,a.form-submit:hover{
	background: #C7D000 url(img/functions/bg-button-green.gif) repeat-x scroll center top;
}
*/

.code_missing {
	font-size: 10px;
	color: #9c9c95;
}

#invitcode a {
	text-decoration: none;
	color: #9c9c95;
}

#invitcode a:hover {
	text-decoration: none;
	color: #003769;
}

#invitcode  a.form-submit{	
	color:#0c467b;
	font-size:11px;
	padding:4px;
	text-decoration:none;
}

#invitcode  a.form-submit:hover{
	color: #9C9C95;
}

.form-blocsubmit{
	text-align:right;
	padding:20px;text-align:center;
}

.form-ex{
	color:#000;
	font-size:10px;
	position:relative;
	display:inline;
	width:150px;
}

.coche{
	border:none;
	margin: 0 5px;
}

#CodeMkg {
margin-left:0px;
}

#invitcode a {
	
}

#prereg form {

}

#invitcode {
	background: #f5f5f0 url(img/functions/bg_head_form.gif) no-repeat scroll left top;
	padding: 25px;
	width: 600px;
	margin: 0 auto;
}

#avancement {
	background:  url(img/functions/bg_beadcrumbs.gif) repeat-x scroll left top;
	height:50px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	color: #FFF;
}

ul#avancement {
	padding: 0;
display: table; height: 50px;  #position: relative; overflow: hidden;width:750px;
margin:0;
}


.texte_standard {
	padding: 0 20px 10px 20px;
	color: #123c62;
}
.errorpaiement{
	padding: 0 20px 10px 20px;
	color:#E3001B ; 
}
 p {
	padding: 0 20px 10px 20px;
	color: #123c62;
	font-weight: bold;
}


#label_CodeMkg {
	color: #123c62;
}

#avancement li {

width: 106px;
text-align: center;
}

#avancement li  .av_label {
width: 95px;
} 

/**************************/
/*   CHEMIN DE FER        */
/**************************/

/*
#beadcrumb{
background:transparent url(img/functions/repeat-beadcrumb.gif) repeat-x scroll center top;
border:1px solid #e0e0e0;
height:30px;
margin-top:10px;
padding:10px;
text-align:center;
width:730px;
-padding:5px;
-width:740px;
}
*/
/****** PAR DEFATU *******/
 table#etape { height: 60px; background: url(img/functions/beadcrumb_bg.gif) repeat-x bottom; margin: 0; width: 750px;
padding:0 ; }
	table#etape td{ height: 58px; list-style: none; border-right: 1px solid #ccc; padding: 0  10px;color:#9EA4A8;}

		table#etape td.cur { background: url(img/functions/beadcrumb_bg_end.gif) no-repeat 100% 0; border-right: none; padding: 0 15px 0 10px;color:#FFF; }

		table#etape td a { color: #000;  text-decoration: none; font: bold 11px arial; text-transform: uppercase;  }

		table#etape td.cur a { color: #003470; }
		
		table#etape td.last { border: none; }
		
		
/*
#beadcrumb {
color:#1D3C58;
background:url(img/functions/bg_beadcrumbsli.gif) center top no-repeat;
}
*/
/*
#beadcrumb  .vl_titre {
	background:url(img/functions/puce_on.gif) right no-repeat;
	
	font-size: 11px;
	margin-right:5px;
	padding-right:12px;
}    



#beadcrumb .cur{
color:#B4BF00;
}
#beadcrumb .cur .vl_titre {
	font-size: 11px;
	background:transparent url(img/functions/puce_off.gif) no-repeat scroll right 3px;
	margin-right:5px;
	font-weight:bold;
}    

.cur {
	float: left;
		font-size: 11px;
	background:transparent url(img/functions/puce_on.gif) no-repeat scroll right 3px;
	margin-right:5px;
	font-weight:bold;
}.mid {
	float: left;
		font-size: 11px;
	background:transparent url(img/functions/puce_off.gif) no-repeat scroll right 4px;
	margin-right:5px;
	font-weight:bold;
}

.last {
	float: left;
		font-size: 11px;
	background:transparent url(img/functions/puce_off.gif) no-repeat scroll right 3px;
	margin-right:5px;
	font-weight:bold;
}

*/


.infobulle_pop {

/*background:#167db9 url(img/functions/repeat_popup.gif) repeat-x bottom;*/
background:#EEEEEE;
border: 2px solid #c8d200;
padding: 10px;
/*color: #FFF*/
color: #000;
}



#prereg h2, #accessbadgeexpo h2, #FormEcard h2 ,#bloc-login h2, #step_recherche h2, #step_liste h2, #zoom h2{
background:#FFF url(img/functions/puce.gif) no-repeat scroll 0 5px;
color:#00346D;
font-size:18px;
margin-bottom:10px;
padding-left:20px;
text-align:left;
	
}

#accessbadgeexpo h2.titre{
background:none;
color:black;
font-size:14px;
margin:0 0 10px 0;
text-align:left;
}


.form-submit a, .form-blocsubmit a {
	padding: 5px; 
	text-decoration: none;
	color: #0c467b;
}

.form-submit a:hover, .form-blocsubmit a:hover{
	color: #808182;
}


.tab-produits {
	width: 650px;
}

.tab-produits tr.out{
background:#ffffff;
}

.tab-produits tr.in{
background:#FFF
}

#bloc-warning {


border:1px solid #FF936F;
color:#842100;
margin:10px auto;
width:500px;
}

.bage_error td{
background-color:#FF0000;
color:white;
}


/**********************************************************************************************************
**************************************B A D G E   E X P O S A N T******************************************
**********************************************************************************************************/
#accessbadgeexpo table td{font-size:10px;}
/*#accessbadgeexpo .out:hover{background-color:#FFA89F!important;}
#accessbadgeexpo .in:hover{background-color:#FFA89F !important;}*/

#accessbadgeexpo table input{width:99%;}
.checkbox{width:20px;}
.checkbox input{width:auto;margin-left:0;margin-right:0;}
.lock td{background-color:#DF7A6F;color:white;}
#accessbadgeexpo table{ border:1px solid #00498B;}
#accessbadgeexpo .input_td{ border-bottom:1px solid #00498B; padding-bottom:5px; border-right:none;text-align:center;}

#accessbadgeexpo table td{ padding:0px 0px 2px 2px;border-right:1px dotted #00498B;border-bottom:1px dotted #00498B;}

#accessbadgeexpo select {
padding:0;
font-size:10px;
}
#accessbadgeexpo input {
font-size:10px;
}


/**********************************************************************************************************
**************************************P A V I L L O N S****************************************************
**********************************************************************************************************/
#accesspavillon table td{font-size:10px;}
/*#accesspavillon .out:hover{background-color:#FFA89F!important;}
#accesspavillon .in:hover{background-color:#FFA89F !important;}*/

#accesspavillon table input{width:99%;}
.checkbox{width:20px;}
.checkbox input{width:auto;margin-left:0;margin-right:0;}
.lock td{background-color:#DF7A6F;color:white;}
#accesspavillon table{ border:1px solid #00498B;}
#accesspavillon .input_td{ border-bottom:1px solid #00498B; padding-bottom:5px; border-right:none;text-align:center;}

#accesspavillon table td{ padding:0px 0px 2px 2px;border-right:1px dotted #00498B;border-bottom:1px dotted #00498B;}

#accesspavillon select {
padding:0;
font-size:10px;
}
#accesspavillon input {
font-size:10px;
}




/* AUTOCOMPLETE */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#FormEcard fieldset textarea.error {
border:1px solid #842100;
background:#FFECE6;
color:#842100;
}

.left {
text-align:left;
}


#INPUTS_BADGE_NOMINATIF {white-space:nowrap;}
#INPUTS_BADGE_NON_NOMINATIF {white-space:nowrap;}

#INPUTS_BADGE_NON_NOMINATIF #NBNONNOMINATIF {
width:70px;
}
#INPUTS_BADGE_NON_NOMINATIF #Email {
width:150px;
}
#INPUTS_BADGE_NON_NOMINATIF #companyfieldhack {
width:100%;
}

#INPUTS_BADGE_NON_NOMINATIF  #trCompany {
width:200px;
}
#accessbadgeexpo #BADGE_NON_NOMINATIF_Company {
width:180px!important;
}

#INPUTS_BADGE_NOMINATIF  #trCompany {
/*width:180px;*/
}
#accessbadgeexpo #BADGE_NOMINATIF_Company {
/*width:160px!important;*/
}

#INPUTS_BADGE_NOMINATIF #companyfieldhack {
margin:0 0 0 2px;
}

#accessbadgeexpo #BADGE_NON_NOMINATIF_Country, #accessbadgeexpo #BADGE_NOMINATIF_Country{
width:200px!important;
}

img.ui-combobox-arrow {
	position:relative;
	/*top:1px!important;
	/*top:4px;*/
	vertical-align:text-bottom;
}
* html img.ui-combobox-arrow {
	top:-3px;
}
.ui-combobox-list {
	border:1px solid black;
}
.ui-combobox-list, .ui-combobox-item {
	background-color:white;
	display:block;
	font-family:sans-serif;
	font-size:12px;
}
.ui-combobox-item {
	padding:0 5px;
}
.ui-combobox-list .selected {
	background-color:#efefef;
	cursor:pointer;
	color:#00498B;
}

#companyfieldhack {
position:relative;
height:17px;
width:99px;
}
#companyfieldhack img {
position:absolute;
top:0;
right:0;
}
#companyfieldhack input {
position:absolute;
top:0;
right:12px;
width:87px!important;
}

#INPUTS_BADGE_NON_NOMINATIF #companyfieldhack {
width:100%;
}

/*************************************************************************
	RECHERCHE
*************************************************************************/

#step_recherche, #step_liste{
	padding:10px;
}

#step_recherche .label, #step_liste .label{
	text-align:left;
	color:#123C62;
}

#rechercheAlpha{
	padding-left:20px;
}

#rechercheAlpha a{
	font-weight:bold;
	text-decoration:none;
}

#rechercheAlpha a:hover{
	font-weight:bold;
	text-decoration:underline;
}

.rechercheMulti .label{
	width:140px;
}
.rechercheMulti td{
	text-align:left;
	padding-bottom:5px;
}

.rechercheMulti{
	margin:15px 0 0 20px;
}

#linkSubmit{
	display:block;
	padding:5px 10px;
	width:100px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background:#123C62;
}

#linkSubmit:hover{
	color:#123C62;
	background:#FFFFFF;
}

#step_liste tr.entete th{
	padding:3px;
	color:#FFFFFF;
	background:#123C62;
}

#step_liste .lineResultCycle2 td{
	padding:2px;
	text-align:left;
}

#step_liste .lineResultCycle1 td{
	padding:2px;
	text-align:left;
	background:#ececec;
}

#step_liste .newsearch{
	height:24px;
}

#step_liste .newsearch a, #zoom .newSearch a{
	float:left;
	height:24px;
	padding-left:30px;
	line-height:24px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	background:url(img/functions/search.png) no-repeat left top;
}
#zoom .newSearch, #zoom .backListe{
	height:24px;
	float:left;
	margin-bottom:15px;
}

#zoom .backListe a{
	float:left;
	height:24px;
	padding-left:30px;
	margin-left:5px;
	line-height:24px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	background:url(img/functions/back.png) no-repeat left top;
}

#zoom .newSearch a{
	margin-left:20px;
}

#zoomContent{
	clear:both;
}

#zoomContent .content{
	margin-left:20px;
	margin-right:20px;
	padding:15px;
	border:2px solid #CFCFCF;
	color:#003D7F;
}
