/*  idTabs ~ Sean Catchpole  */


/* Style for Usual tabs */
#contenu #resultats .tabs {
  float:left;
}
#contenu #resultats ul li .tabs ul.idTabs{
background-image: url(../img/tab_line.png);
background-position:40px 0px;
background-repeat:no-repeat;
width:auto;
border-right:1px solid #ccc;
}
#contenu #resultats ul li ul.idTabs li{
	padding:0;
	font-size:x-small;
	border: none;
}
#contenu #resultats ul li .tabs ul{
	background-image:url(../img/interface/bg_download_article.gif);
	display:block;
	float:left;
	width:519px;
	border: none;
	border-bottom:5px solid #99cc00;
	list-style-position:outside; padding:0; 
	margin:0 0 1em 0;
	padding:0;

}
#contenu #resultats ul li .tabs ul li {
list-style:none;
float:left;
padding:none;
border:none;
}
#contenu #resultats ul li .tabs ul a {
  display:block;
  padding:0.5em 24px 0.5em 24px;
  text-decoration:none;
  margin:0;
  font:10px Verdana;
  font-weight:bold;
  color:#336699;
  background-image:url(../img/tab_off.png);
  background-position:0px 0px;
}


#contenu ul#b_accueil li{
width:100%;
list-style-position:outside;
padding:0 0 10px 0;
}

#contenu ul#b_accueil span{
float:left;
margin-left:10px;
width:260px;
line-height:1.2em;
}

a.b_tabs_accueil{
background-image:url(../img/interface/bg_download_article.gif);
float:left;
display:block;
width:150px;
border:1px solid #ccc;

}
#contenu #resultats .tabs ul a:hover {
  color:#fff;
  /*background:#336699;*/
  background-image: url(../img/tab_left_bleu.png);
  background-repeat:no-repeat;
  outline-style:none;
  background-position:0px 0px;
  }
#contenu #resultats .tabs ul a.selected {
  color:#fff;
 /* background:#336699;*/
  cursor:default;
  background-image: url(../img/tab_left.gif);
  background-repeat:no-repeat;
  outline-style:none;
  background-position:0px 0px;
}

#contenu #resultats .tabs ul a#last_tab{
	/*border-right:1px solid #ccc;*/
}
p#text_abonne
{
	display:block;
	float:left;
	width:250px;
	padding:0 1em 1em 1em;
}
#bloc_login_abonne
{
	display:block;
	float:left;
	padding:5px 10px 10px 10px;
	border:1px solid #3399FF;
}
#contenu #resultats #bloc_login_abonne h2{
	background:none;
	color: #006699;
	text-transform:uppercase;
	padding:0;
	text-align:center;
}
/*** pack ****/
#bloc_selection{
	float:left;
	padding:12px;
	width:200px;
}
#bloc_code{
	float:left;
	padding:12px;
	width:250px;
}
.tabs #sep{
	float:left;
	width:20px;
	height:170px;
	background-image:url(../img/interface/sep.png);
	background-repeat:no-repeat;
}

#contenu #resultats h2.step1,#contenu #resultats h2.step2{
	font-size:1em;
	color:#3366CC;
	padding: 5px 0 2em 40px;
	display:block;
	/*height: 35px;*/
	/*margin:0 0 1em 0;*/
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	line-height:1.2em;

}
.form_ticket{
	float:left;
}
#contenu #resultats .tabs h2.step1{
background-image:url(../img/interface/num1.png);

}
#contenu #resultats .tabs h2.step2{
background-image:url(../img/interface/num2.png);
}
#contenu #resultats h2.step2 span{
float:left;
color:#000000;
font-size:small;
}
#contenu #resultats #bloc_selection input{
margin-left:35px;
vertical-align: middle;
}
#cben{
	padding-left:42px;
}
/*** pack ****/

#dl_article{
	padding:0px;
	margin:0;
}

/*#contenu #resultats #dl_article h2{
	font-size:small;
	color:#3385ad;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0px 0px 1em 0px;
	margin:0;
	background:none;
	line-height:1em;
}*/
p.info_allopass{
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
	text-align: center;
	line-height:1em;
	padding-top:1em;
	padding-bottom:1em;
}
#logo_allopass{
	background:url(../img/allopass_logo.png) no-repeat;

	width:52px;
	height:13px;
	text-indent:-3000px;
	margin:auto;
}

/**** 1 article ****/
#allopass{
	float:left;
	width:155px;
	padding:0 10px 0 10px;
}
#contenu #resultats #allopass h2{
	background-color: #FFFFFF;
	background-image:none;
	color:#3366CC;
	/*color:#006699;*/
}
#contenu #resultats ul li .tabs #allopass ul#flags{
	display:block;
	list-style-type:none;
	padding: 0 0 0 10px;
	height:20px;
	margin:auto;
	border:0px;
	width:155px;

	
}
#contenu #resultats #allopass ul#flags li{
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	padding-right:8px;
	list-style-type:none;
}
#contenu #resultats ul li .tabs #allopass ul#flags li a{
	background-color:#33CCCC;
	padding:0px;
	margin:0px;
	
}
#contenu #resultats ul li .tabs #allopass ul#flags li a:hover{
	border:0px;
	padding:0px;
	margin:0px;
}
#contenu #resultats #allopass ul#flags li a:hover{
background-image:none;
background-color:none;
}
p.info{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
float:left;
width:500px;
padding-left:5px;
}
#cb{
	float:left;
	height:auto;
	text-align:center;
	padding:0 10px 0 10px;
	width:133px;
	}
#contenu #resultats #cb h2{
	background-color: #FFFFFF;
	background-image:none;
	color:#3366CC;
	/*color:#006699;*/
	padding:0;
}

#APform{
	text-align:center;
	width:140px;
	float:left;
	padding:0 10px 10px 10px;
	border:1px solid #ACD9E8;
}

#contenu #resultats #APform h2{
	background-color: #FFFFFF;
	background-image:none;
	color:#3366CC;
	/*color:#006699;*/
	padding:0;
}

#cb_acces{
	float:left;
	width:150px;
	height:auto;
	text-align:center;

	}
	


#input_code, #input_code_access, #input_code_access2{
	display:inline;
	float:left;
	border:1px solid #333333;
	width:138px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	
}
#input_code_access, #input_code_access2{
margin-left:40px;
}

#input_btn{
	float:left;
	display:inline;
	background-image:url(../img/input_btn.gif);
	width:34px;
	height:24px;
	border:0;
	cursor: pointer;
	margin:10px 0 0 50px;
	}

.input_btn_access{
	float:left;
	display:inline;
	background-image:url(../img/input_btn.gif);
	width:34px;
	height:24px;
	border:0;
	cursor: pointer;
	margin:10px 0 0 90px;
	padding:0;
	}




#sep_allopass{
display:none;
	float:left;
	background-image:url(../img/sep_allopass.gif);
	background-repeat:repeat-y;
	text-indent:-3000px;
	width:12px;
	height:150px;
}

#icones_cartes{
	background:url(../img/icones_cartes.gif) no-repeat;
	width:101px;
	height:18px;
	margin:auto;
}
#select_num{
	width:100px;
	margin:auto;
}
#cb_ok{
	background: url(../img/b_obtenir_code.gif) no-repeat;
	text-indent:-3000px;
	float:left;
	clear:both;
	display:inline;
	width:123px;
	height:24px;
	border:0;
	cursor: pointer;
	margin-left:0px;
	margin-top:5px;
}
#cb_select{
	float:left;
	width:143px;
}


#sep_arrow{
	float:left;
	background-image: url(../img/sep_fleche.gif);
	background-repeat:no-repeat;
	text-indent:-3000px;
	width:28px;
	height:150px;
}	


#clear_both{
	clear:both;
	text-indent:-3000px;
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
}


/****************** OVERLAY ************************/
#pic { 
    color:#fff; 
}
.btn_img{
cursor: pointer;
}
/* the overlayed element */
.overlay {
	
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image: url(../img/bg_zoom_pic.png);
	width:390px;			
	/* some padding to layout nested elements nicely  */
	padding:5px;
	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(../img/close.png);
	position:absolute; right:-20px; top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/****************** OVERLAY ************************/
/*.usual div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:10pt Georgia;
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }
*/