/******************************************************************************/
/* ARBITER France : stylesheet                                                */
/******************************************************************************/
@CHARSET "UTF-8";

html,body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

body {
  background:#000 url(/img/default/bg_carrousel.jpg) 0 100% repeat-x ;
  _text-align:center;
}

* {
  font-family:"Trebuchet MS","Sans-Serif";
  font-size:12px;
}

#content {
  width:800px;
  margin:10px auto 0;
  _text-align:left;
}

#content ul {
  margin:10px 0 0 13px;
  padding:0;
  list-style:square;
  color:#fff;
}

#content a {
  color:#fff;
  text-decoration:none;
}

#content a:hover {
  color:red;
  border-bottom:1px dotted #fff;
  _border-bottom:1px solid #fff;
}

#content p {
  margin:0;
  color:#fff;
  font-style:italic;
}

h1#arbiter_index_title {
  height:150px;
  width:100%;
  text-indent:-9000px;
  background:#000 url(/img/default/logo_arbiter_black.jpg) 50% 0 no-repeat;
}

/******************************************************************************/
/* Tools Bar Arbiter page d'accueil                                           */
/******************************************************************************/
#tools_main_content {
  display:block;
  position:absolute;
  width:900px;
  height:35px;
  bottom:0;
  left:50%;
  margin:0 0 0 -450px;
  overflow:hidden;
  /*opacity:0.98;*/
  /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=98);*/
}

#tools_content_container {
  width:900px;
  height:300px;
  float:left;
  background:#fff url(/img/default/toolsbar_top.gif) 0 0 no-repeat !important;
  /*border-right:1px solid black;
  border-left:1px solid black;
  border-top:1px solid black;*/
}

#tools_menu_bar {
  width:100%;
  height:35px;
  text-align:center;
}

#tools_menu_bar ul {
  list-style:none;
   width:600px;
   height:100%;
   margin:0;
   padding:0;
   margin:0 auto;
}

#tools_menu_bar ul li {
  float:left;
  display:inline;
  width:200px;
  height:100%;
}

#tools_menu_bar a.ln_toolbar {
  display:block;
  height:100%;
  width:100%;
  line-height:35px;
  text-align:center;
  text-indent:-9000px;
}

/** boutons / onglets */
li.media_out a{background:url(/img/default/media_tab_out.gif) 0 5px no-repeat;}
li.reseller_out a{background:url(/img/default/reseller_tab_out.gif) 0 5px no-repeat;}
li.contact_out a{background:url(/img/default/contact_tab_out.gif) 0 5px no-repeat;}

li.media_out a:hover{background:url(/img/default/media_tab_out.gif) 0 0 no-repeat;}
li.reseller_out a:hover{background:url(/img/default/reseller_tab_out.gif) 0 0 no-repeat;}
li.contact_out a:hover{background:url(/img/default/contact_tab_out.gif) 0 0 no-repeat;}

li.media_selected a{background:url(/img/default/media_tab_out.gif) 0 0 no-repeat;}
li.reseller_selected a{background:url(/img/default/reseller_tab_out.gif) 0 0 no-repeat;}
li.contact_selected a{background:url(/img/default/contact_tab_out.gif) 0 0 no-repeat;}

a.close_toolbar {
  display:none;
  position:relative;
  float:right;
  width:13px;
  height:13px;
  text-indent:-9000px;
  background:url(/img/default/close_tab.gif) 0 0 no-repeat !important;
  margin:-30px 3px 0 0;
}

/** formulaires **/
.login_form {
  display:none;
  background:#fff;
  text-align:center;
}

/****************************************/
/* formulaire espace media              */
/****************************************/
.form_media_box{
	width: 200px;
	height: 114px;
	margin: 100px auto 0;
	border: 1px dashed #CCC;
	background:#fff url(/img/default/logo_login_media.jpg) no-repeat;
	padding: 0 0 0 230px;
}

.form_media_box label{
	display: block;
	width: 100%;
	text-align: right;
}

.form_media_box input{
	border: 1px solid #CCC;
	width: 130px;
	padding-left:3px;
}

.form_media_box input.submit{
	height: 20px;
	background: url(/img/default/bt.gif) 0 -5px repeat-x ;
	color: #FFF;
	font-weight: bold;
	width: 80px;
	padding: 0;
}

/****************************************/
/* formulaire espace revendeur          */
/****************************************/
.form_reseller_box{
	width: 200px;
	height: 114px;
	margin: 100px auto 0;
	border: 1px dashed #CCC;
	background:#fff url(/img/default/logo_login_reseller.jpg) no-repeat;
	padding: 0 0 0 230px;
}

.form_reseller_box label{
	display: block;
	width: 100%;
	text-align: right;
}

.form_reseller_box input{
	border: 1px solid #CCC;
	width: 130px;
	padding-left:3px;
}

.form_reseller_box input.submit{
	height: 20px;
	background: url(/img/default/bt.gif) 0 -5px repeat-x ;
	color: #FFF;
	font-weight: bold;
	width: 80px;
	padding: 0;
}

/****************************************/
/* formulaire de contact                */
/****************************************/
.form_contact_box {
  float:left;
  /*background:#fff;*/
  height:300px;
  width:900px;
}

/* adresse */
#address_box {
  width:440px;
  height:285px;
  float:left;
  margin:5px 0 0 5px;
  text-align:left;
  background:url(/img/default/vertical_dot.gif) 100% 0 repeat-y;
}

.logo_arbiter_contact {
  margin:0 0 0 90px;
}

#address_box p {
  margin:0;
  padding:0;
}

#address_box .adresse {
  margin:10px 0 10px 30px;
}

/* formulaire */
#form_box {
  width:448px;
  float:right;
}

#form_box form {margin:0;padding:0;}

/* fake table with ul/li */
#form_contact_table {
  margin:0;
  padding:0;
  list-style:none;
  display:table;
}

#form_contact_table li {
  height:22px;
  display:table-row;
}

#form_contact_table li label {
  display:table-cell;
  width:100px;
  padding:0 5px 0 0;
  text-align:right;
  vertical-align:top;
  font-size:11px;
}

#form_contact_table .inputfield {
  width:300px;
  height:16px;
  _height:18px;
  padding:0 0 0 4px;
  font-size:12px;
  border:0;
  background:url(/img/default/inputfield_bg.gif) 0 0 no-repeat;
}

#form_contact_table textarea {
  width:300px;
  height:60px;
  border:0;
  padding:0 0 0 4px;
  background:url(/img/default/textarea_bg.gif) 0 0 no-repeat ;
}

#form_contact_error_box {
  height:70px;
  padding:5px 0 0 0;
}

.form_contact_error_box_loading {
  background:url(/img/default/ajax-loader4.gif) 50% 50% no-repeat;
}

#btn_validate {
  margin:4px 0 0 0;
  text-align:center;
}

/**
 messages de status
 *******************/
.mesg_container{
	width:100%;
	text-align:center;
}
.mesg_ok,
.mesg_warning,
.mesg_error, .mesg_info {
	width:335px;
  _width:400px;
  _height:60px;
  min-height:50px;
  margin:0 auto 4px;
  text-align:left;
  border:1px solid #ddd;
  -moz-border-radius:4px;
  padding:5px 5px 5px 60px;
  	clear:both;
}

.mesg_ok {background:#fff url(/img/default/mesg_ok.gif) 15px 50% no-repeat;}
.mesg_warning {background:#fff url(/img/default/mesg_info.gif) 15px 50% no-repeat;}
.mesg_error {background:#fff url(/img/default/mesg_error.gif) 15px 50% no-repeat;}