/* common styles start */
 body{
  margin:0;padding:0;
  text-align:center;
  background:#fff;
  font:12px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  background:url(../images/headerbg.gif) top left repeat-x; 
 }
 img{
  border:0;
 }
 .container{
  width:885px;
  margin:0 auto;
  text-align:left;
 }
 .clear{
  clear:both;
 }
 .left{
  float:left;
 }
 .right{
  float:right;
 }
/* common styles end */
.page-container{
	width:990px;
	margin:0 auto;
}
/* header styles start */
 .header{
  height:114px;
  position:relative;
 }
 .logo,
 .headernav,
 .login,
 .user_welcome,
 .logout,
 .topflash-banner{
  float:left;
 }
 .headernav{
  font:14px/42px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
 }
 .headernav a{
  color:#FFFFFF;
  text-decoration:none;
  padding:0 12px;  
 }
 .headernav a:hover,
 .headernav a.selected{
  color:#000000;
 }
 .login{
  padding:10px 0 0 12px;
 }
 
 .user_welcome {
 	color: #ffffff;
 	width: 300px;
 }
 .user_welcome p {
 	width: 215px;
 }
 .user_welcome a,.user_welcome a:active, .user_welcome a:visited  {
 	text-decoration: none;
 	color: #ffffff;
 	float: right;
 	line-height: 40px;
 }
 
 .login input{
  width:120px;
  border:0px;
  margin:0 4px 0 0;
  padding:5px 0 5px 5px;
  float:left;
  background-color:#F0EFEF;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .login img{
  margin:0 0 0 2px;
 }
 .logout{
  font:bold 11px Verdana, Arial, Helvetica, sans-serifs;
  color:#fff;
  width:263px;
  padding:8px 0 0 0px;
  margin:0 0 0 17px;
 }
 .logout .icon{
  float:right;
 }
 .topflash-banner{
  width:678px;
  padding:12px 0 0 0;
 }
 .livechat{
  background:url(../phplivechat/image.php?l=admin&x=1&deptid=1&refer=no) top left no-repeat;
  width:88px;height:87px;
  position:absolute;
  top:42px;right:0;
  text-align:right;
 }
 .livechat a{
  padding:3px;
  color:#fff;
  font:bold 11px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  display:block;
 }
 .livechat a:hover{
  text-decoration:underline;
 }
/* header styles end */
/* footer styles starts */
 .footer{
  background:url(../images/footer-bg.gif) top left repeat-x;
  height:92px;
  clear:both;
  font:14px/50px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .footernav{
 	padding:12px 0 0 0;
 }
 .footer a{
  color:#666666;
  text-decoration:none;
  padding:0 10px;
 }
 .footer a.first{
  padding:0 10px 0 0;
 }
 .footer a:hover{
  text-decoration:underline;
 }
 .payments{
  float:right;
  padding:12px 0 0 12px;
 }
/* footer styles end */
/* catogiries styles starts */
 .catogiries{
  width:885px;height:318px;
  position:relative;
  background:#F7F6F6 url(../images/catogiries-panel-bg.gif) top left no-repeat;
  margin:12px 0;
 }
 .catogiries .vs-appeler{
  top:9px;left:289px;
  height:82px;width:306px;
  position:absolute;
  background:url(../images/selectbox-panel-img.gif) top left no-repeat;
  z-index: 1;
 }
 .catogiries .vs-appeler .title{
  font:bold 20px Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding:8px 14px 7px 16px;
  overflow: hidden;
 }
 
 span.select{
  margin: 0px 5px 10px 12px;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  width : 277px;
  height:27px;
  display : block;
  text-align:left;
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
  background:url(../images/andorre-select-bg.gif) right;
  font:bold 18px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .bronzepanel{
  position:absolute;
  background:url(../images/bronze-panel-bg.gif) top left no-repeat;
  top:113px;left:53px;
 }
 .silverepanel{
  position:absolute;
  background:url(../images/silver-panel-bg.gif) top left no-repeat;
  top:113px;left:351px;
 }
 .goldepanel{
  position:absolute;
  background:url(../images/gold-panel-bg.gif) top left no-repeat;
  top:113px;left:637px;
 }
 .catogiriespanels{
  margin:0;padding:0;
  list-style-type:none;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .catogiriespanels .title1,
 .catogiriespanels .title2,
 .catogiriespanels .title3,
 .catogiriespanels .title4{
  padding:0 0 0 70px;
 }
 .catogiriespanels .title1{
  font-size:18px;
 }
 .catogiriespanels .title2{
  font-size:14px;
 }
 .catogiriespanels .title3,
 .catogiriespanels .title4{
  font-size:18px;
  font-weight:bold;
  color:#EE5D05;
  padding-top:5px;
  padding-bottom:5px;
 }
 .catogiriespanels .title4{
  color:#666666;
 }
 .catogiriespanels .title5{
  font-size:10px;
 }
 .catogiriesbutton{
  position:absolute;
  right:56px;bottom:20px;
 }
/* catogiries styles end */
 .bulletpoints{
  
 }
 .commentpoints{
  float:left;
  width:475px;
 }
 .commentpoints h1{
  font:bold 18px Verdana, Arial, Helvetica, sans-serif;
  padding:0;margin:0;
  color:#666666;
 }
 .commentpoints ul{
  padding:13px 0 0 0;
  margin:0;list-style-type:none;
  font:bold 14px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .commentpoints ul li.one,
 .commentpoints ul li.two,
 .commentpoints ul li.three{
  background:url(../images/one-bg.gif) top left no-repeat;
  padding:0 0 0 88px;
  height:55px;
 }
 .commentpoints ul li.two{
  background:url(../images/two-bg.gif) top left no-repeat;
 }
 .commentpoints ul li.three{
  background:url(../images/three-bg.gif) top left no-repeat;
 }
 .exclusivespoints{
  float:right;
  width:312px;
 }
 .exclusivespoints h1{
  font:bold 18px Verdana, Arial, Helvetica, sans-serif;
  padding:0;margin:0;
  color:#666666;
 }
 .exclusivespoints ul{
  padding:20px 0 0 0;
  margin:0;list-style-type:none;
  font:bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .exclusivespoints ul li{
  background:url(../images/arrow.gif) 0px 4px no-repeat;
  padding:0 0 0 20px;
 }
 .allcountries{
  width:885px;
  margin:12px auto;
  text-align:left;
 }
 .allcountries h1{
  font:bold 18px Verdana, Arial, Helvetica, sans-serif;
  padding:0;margin:0;
  color:#EE5D05;
 }
 .allcountries ul{
  padding:0;margin:12px 0;
  list-style-type:none;
  font:12px/15px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .allcountries ul li{
  width:144px;
  float:left;
  white-space:nowrap;
 }
/* innerpage styles starts */
 .container-page {
 	background: url(../images/graybox_bg.gif) top center repeat-y;
 	padding-bottom: 20px;
 }
 .graybox{
  width:885px; min-height:345px;
  background:url(../images/catogiries-panel-bg.gif) top left no-repeat;
  margin:12px 0;
  position:relative;
 }
 .graybox .content{
  padding:15px 37px 0 37px;
 }
 .subtitle{
  background:url(../images/subtitle-bg.gif) top left no-repeat;
  width:374px;height:33px;
  font:bold 14px/33px Verdana, Arial, Helvetica, sans-serif;
  color:#f0efef;
  text-indent:16px;
  padding:0;margin:0;
 }
 .subtitle.virement span{
 	float: left;
 	color: #ffffff;
 }
 .subtitle.virement img{
 	float: left; 
 	margin-top: 2px;
 }
 .subtitle span{
  color:#fad783;
 }
 .content.virement span{
  color:#EE5D05;
  font-weight: bold;
 }
 .detailsappels .columns{
  padding:13px 0 13px 13px;
  color:#ee5d05;
  font-weight:bold;
 }
 .detailsappels .columns select{
  width:100px; height:20px;
  border:1px solid #999999;
  font:12px Verdana, Arial, Helvetica, sans-serif;
  padding:0;margin:0;
 }
 .detailsappels .columns .right input{
  padding:0;margin:0;
 }
 .detailsappels .columns .left span{
  color:#666666;
 }
 .datagrid {
  background:url(../images/datagrid-heading-bg.gif) top left no-repeat;
  width:812px;
 }
 .datagrid ul{
  margin:0;padding:0;
  list-style-type:none;
  font-size:11px;
 }
 .datagrid ul li{
  float:left;
  text-align:left;
  line-height:22px;
  width:95px;
 }
 .datagrid ul li.date-heure{
  clear:left;
  width:140px;
 }
 .datagrid li.heading{
  line-height:32px;
  font-weight:bold;
  color:#fff;
  margin:0 0 10px 0;
 }
 .datagrid li.de{width:90px;}
 .datagrid li.vers{width:220px;}
 .datagrid li.prix-mn{width:80px;}
 .datagrid li.duree{width:70px;}
 .datagrid li.total{
  font-weight:bold;
 }
 .datagrid ul li.button{
  width:117px;
  float:right;
  line-height:0px;
 }
 .innerpage{}
 .innerpage .columns{
  font:11px Verdana, Arial, Helvetica, sans-serif;
 }
 .innerpage .columns .leftcolumn{
  float:left;
  width:374px;
 }
 .innerpage .columns .rightcolumn{
  float:right;
  width:374px;
 }
 .innerpage .columns .content{
  padding:5px 10px 0 10px;
  text-align: justify;
 }
 .innerpage .columns .content .title{
  font:bold 14px Verdana, Arial, Helvetica, sans-serif;
 }
 .innerpage .columns .content .form{
  padding:10px 0 0 0;
 }
 .innerpage .columns .content .form a{
  color:#666666;
 }
 .innerpage .columns .content .form a:hover{
  text-decoration:none;
 }
 .innerpage .columns .content .form label{
  width:125px;
  float:left;
  clear:both;
  line-height:25px;
 }
 label.more{
  width:auto !important;
  float:none !important;
  clear:both !important;
 }
 .innerpage .columns .content .form .textbox,
 .innerpage .columns .content .form .textbox-small{
  width:180px;
  padding:5px;
  border:1px solid #999999;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  margin:0 0 5px 0;
 }
 .innerpage .columns .content .form .checkbox{
  padding:0;margin:0 0 0 5px;
 }
 .innerpage .columns .leftcolumn .content .form .button{
  text-align:right;
  padding:6px 16px 0 0;
 }
 .innerpage .columns .rightcolumn .content .form .button{
  text-align:right;
  padding:66px 16px 0 0;
 }
 .innerpage .columns .content .form .textbox-small{
  width:90px;
 }
 .innerpage .columns .content .form .right{
  float:right;
  width:102px;
 }
 .inscription-confirmation-bg,
 .inscription-etape2-bg{
  position:absolute;
  bottom:0;right:0;
 }
 .confimation{
  padding:0;margin:6px 0 0 0;
  list-style-type:none;
 }
 .confimation li{
  float:left;
  width:145px;
  margin:3px 0;
  line-height: 2em;
 }
 .moncompte{
  padding:0;margin:6px 0 0 0;
  list-style-type:none;
 }
 .moncompte li{
  float:left;
  width:145px;
  margin:2px 0;
 }
 .moncompte .textbox{
  width:180px;
  padding:3px 5px;
  border:1px solid #999999;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .rightcolumn .confimation{
  padding:0;margin:40px 0 0 0;
  list-style-type:none;
 }
 .confirmation-buttons {
  position:absolute;
  width:340px;
  right:80px;bottom:80px;
 }
 .confirmation-buttons a{
  color:#ee5d05;
  font:bold 16px/33px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
 }
 .confirmation-buttons a:hover{
  text-decoration:underline;
 }
 .textbox,
 .confimation .textbox,
 .confimation .textbox-small{
  width:180px;
  padding:4px 5px;
  border:1px solid #999999;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  position: relative;
  z-index: 1;
 }
 .etape li{
  width:120px;
 }
 .etape .field {
 	width: 220px;
 }
 .etapeconfirmation-buttons {
  position:absolute;
  width:300px;
  right:88px;bottom:88px;
  z-index: 1;
 }
 .etapeconfirmation-buttons a{
  color:#ee5d05;
  font:bold 16px/33px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
 }
 .etapeconfirmation-buttons a:hover{
  text-decoration:underline;
 }
 .buttonspacing{
  padding:12px 0 0px 0;
 }
 .removemargin{
  margin:0;
 }
 .moncompte-button{
  padding:5px 0px 0px 0;
  text-align:right;
  margin:0 -20px 0 0;
 }
 .montant{
  padding:0;margin:0;
  list-style-type:none;
 }
 .montant li{
  margin:3px 0;
 }
 .montant a{
  color:#666666;
 }
 .montant a:hover{
  text-decoration:none;
 }
 .montant input{
  padding:0;margin:0;
  margin:0 4px 0 2px;
 }
 .montant .selected{
  font-size:12px;
 }
 .montant .selected,
 .montant .montant-title{
  font-weight:bold;
  color:#EE5D05;
 }
 .reduction{
  margin:10px 0;padding:0;
  list-style:none;
  height:55px;
 }
 .reduction li{
  float:left;
  width:170px;
  margin:3px 0;
 }
 .reduction li.orange{
  font-weight:bold;
  color:#EE5D05;
 }
 .reduction li.orange1{
  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
  color:#EE5D05;
 }
 .reduction li.price{
  float:left;
  width:85px;
 }
 .payment{
  background:url(../images/payment-panel-bg.gif) top left no-repeat;
  width:369px;
  height:130px;
  margin:0;padding:5px 0 0 0;
 }
 .payment ul{
  list-style:none;
  padding:3px 0 0 14px;
  margin:0;
 }
 .payment ul li{
  float:left;
  margin:0px 0;
 }
 .payment ul li.name{
  width:71px;
  padding:7px 0 0 0;
 }
 .payment ul li.logo{
  width:99px;
 }
 .payment ul li.logo{
  width:121px;
 }
 .telephone-desc{
  margin:35px 0 0 0;padding:0;
  list-style:none;
 }
 .telephone-desc li{
  margin:7px 0;
  color:#EE5D05;
  font-weight:bold;
 }
 .telephone-desc li span{
  color:#666666;
  font-weight:normal;
 }
 .telephone-desc li b{
  font-size:12px;
 }
 .telephone-desc li select{
  width:278px;
 }
 .telephone-details{
  padding:0;margin:0px 0 0 0;
  list-style:none;
  line-height:20px;
 }
 .telephone-details li{
  float:left;
  margin:3px 0;
 }
 .telephone-details li.input{
  width:51px;
  clear:left;
 }
 .telephone-details li.input input{
  width:44px;
  border:1px solid #999999;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
 }
 .telephone-details li.type{
  width:116px;
  padding:0px 0 0 0;
 }
 .telephone-details li.icon{
  padding:0px 0 0 2px;
  text-align:center;
 }
 .telephone-details li.phone{
  width:190px;
  padding:0px 0 0 0;
 }
 .paiement-content{
  padding:0px 0px 0 10px;
 }
 .commentaires{
  width:310px;
  font-weight:bold;
  margin:0 0 0 7px;padding:0;
  list-style:none;
 }
 .commentaires li{
  margin:5px 0;
 }
 .commentaires li textarea{
  width:300px;
  height:66px;
  border:1px solid #BEBEBE;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666;
 }
 .commentaires li .button{
  float:right;
 }
 .commentaires li a{
  color:#ee5d05;
  font:bold 16px/33px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
 }
 .commentaires li a:hover{
  text-decoration:underline;
 }
/* innerpage styles end */

.user_welcome p {
	font: 13px Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 12px 0;
	width: 70%;
}
a{
	cursor: pointer;
}

tr.f td, tr.pending td {
	color: red;
	font-weight: bold;
}
tr.rejected td {
  font-weight: bold;
}
tr.pending_complain td {
	color: red;
	font-weight: bold;
}

.width65 {
	width: 65px !important;
}
.width192 {
	width: 192px !important;
}
.width200 {
	width: 200px !important;
}

.clearFloat {
	clear: both;
	float: none;
}


/* --------- paginator ---------------*/

.paginator {

}
.paginator li {
	display: inline-block;
	width: auto !important;
}

.paginator li.active a {
	text-decoration: none;
}
.paginator li a {
	padding: 3px 5px;
}

/*	-------- / paginator -------------*/


.edit_number, .add_complaint{
  width:310px;
  font-weight:bold;
  margin:0 0 0 7px;padding:0;
  list-style:none;
 }
 .edit_number {
 	width: 350px;
 }
.edit_number li,  .add_complaint li{
  margin:5px 0;
 }
.edit_number li textarea,  .add_complaint li textarea,
.edit_number li input,  .add_complaint li input{
  width:300px;
  border:1px solid #BEBEBE;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#666;
  padding: 5px;
 }
.edit_number li .button,  .add_complaint li .button{
  float:right;
 }
.edit_number li a,  .add_complaint li a{
  color:#ee5d05;
  font:bold 16px/33px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
 }
.edit_number li a:hover,  .add_complaint li a:hover{
  text-decoration:underline;
 }
 
 
 .edit_payment{
 	list-style: none;
 }
 .edit_payment li{
  margin:5px 10px;
  float: left;
 }


.edit_payment li a{
  color:#ee5d05;
  font:bold 16px/33px Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
 }
.edit_payment li a:hover{
  text-decoration:underline;
 }
 
 
 .com_body {
 	width: 200px !important;
 }
 
 .error, .error-message {
	color: red;
}
.home_options {
	margin-left: auto; margin-right: auto; 
	list-style: none;
	margin-top: 20px;
	text-align: center;
}
.home_options li {
	display: block;
	padding: 10px;
}
.home_options li a {
	line-height: 20px;
}

.payment-form {
	margin-left: 20px;
	padding: 15px;
	background: #ffffff;
	border: 1px solid #BABABA;
	width: 350px;
}
.payment-ccgetway,
.paypal_payment-ccgetway {
	margin: 0;
	text-align: center;
	color: #ffffff;
}



span.select {
   position: absolute;
   overflow: hidden;
}
select.styled {
	position: relative;
	width: 281px; 
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=0); /* IE lt 8 */
		-ms-filter: "alpha(opacity=0)"; /* IE 8 */
		-khtml-opacity: 0; /* Safari 1.x */
		-moz-opacity: 0; /* FF lt 1.5, Netscape */
	z-index: 5;
	margin: 0px 5px 10px 12px;
	padding-left:2px;
	width : 277px;
	height:28px;
	cursor: pointer;
	font-size: 18px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	font-weight: bold;
	
}

/* nov. 2009 */

.small {
	font-size: 60%;
	margin-right: 10px;
}

.price-list-btn {
	color: #ee5d05;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	position: absolute;
	left: 531px;
	top: 99px;
}

.price-list-title {
	font-weight: bold;
	font-size: 18px;
	margin: 10px auto 20px;
}
.search_num_form {
	margin: 10px auto;
}
.search_num_label {
	color: #ee5d05;
	font-size: 11px;
	font-weight: bold;
}
.search_num_form .button {
	margin-top: 0;
	position: absolute;
	margin-left: 11px;
}
.search_num_form .textbox {
	margin-left: 11px;
}

.search_num_form  .eg_number {
	position: absolute;
	left: 171px;
}

.telecharger {
	position: absolute;
	top: 156px;
}

a.orange {
	text-decoration: none;
	color: #ee5d05;
	font-weight: bold;
}

.datagrid .tarifs-pays {
	clear: left;
	width: 470px;
	text-align: left;
	padding-left: 20px;
}
.datagrid .ht {
	width: 120px;
}
.datagrid .ttc {
	width: 120px;	
}

.letterFilter {
	position: relative;
	top: -5px;
	left: 10px;
}
.letterFilter ul {
	margin: 0;
}

.letterFilter li {
	float: left;	
	list-style: none;	
	width: auto !important;
}
.letterFilter li a {
	color: #666666;
	text-decoration: none;
	display: block;
	padding: 2px;
}
.letterFilter li.selected a,
.letterFilter li a:hover{
	color: #ee5d05;
	font-size: 14px;
	font-weight: bold;
}
.price_list li {
	border-bottom: 1px solid #cccccc;
}
.price_list .tarifs-pays {
	padding-left: 0;
	margin-left: 20px;
}

/* -- thickbox -- */
#TB_window {
	background-color: #ee5d05 !important;
	border-color: #ffffff !important;
}
#TB_ajaxContent {
	height: 185px !important;
	width: 500px !important;
}
.btn-close {
	position: absolute;
	padding: 6px;
	bottom: 0;
	right: 0;
	color: #f0efef !important;
	text-decoration: none;
	font-weight: bold;
}
/* -- / thickbox -- */

.search-countrycode {
	margin: auto 20px;
	list-style: none;
	font-family: Verdana, sans-serif;
}
.search-countrycode li {
	line-height: 30px;
}
.search-countrycode .label {
	width: 190px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #f0efef;
	clear: left;
	float: left;
}
.search-countrycode .value {
	float: left;
	margin-left: 10px;
	text-align: left;
	color: #f0efef;
	font-size: 14px;
	font-weight: bold;	
}
.search-countrycode .prix {
	color: #f4b932;
	font-size: 30px;
}
.search-countrycode .move {
	clear: left;
	margin-left: 200px;
}
.search-countrycode-error {	
	display: block;
	width: 500px;
	height: 113px;
	text-align: center;
	font-size: 20px;
	color: #f0efef;
	background: url(/images/warning.png) no-repeat 10px center;
}
.search-countrycode-error span {
	line-height: 1.3em;
	display: block;
	left: 115px;
	position: relative;
	text-align: center;
	top: 27px;
	width: 385px;
}

.error-info {
  padding: 10px;
  background: #F1F0EF;
  color: #EE5D05;
  font-weight: bold;
}