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

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

body {
  background:#000 url(/img/home/bg/default.jpg) 0 100% repeat-x ;
  background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#1a1a1a));
  background:-moz-linear-gradient(-270deg,#000,#1a1a1a);
  background:-o-linear-gradient(-270deg,#000,#1a1a1a);
  overflow:hidden;
}

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

#content {
  position:relative;
  z-index:2;
}

div.bg {
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  background-position:50% 0;
  background-repeat:no-repeat;
  -webkit-transition:opacity 1s 0 ease;
  -o-transition:opacity 1s 0 ease;
  -moz-transition-property:opacity;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease;
	-moz-transition-delay:0;
}

div.bg.show {
  opacity:1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

h1 {
  position:relative;
  width:334px;
  height:172px;
  background:url(/img/home/logo_arbiter.png) 0 0 no-repeat;
  text-indent:-9000px;
  margin:20px auto 0;
}

#content > p {display:none}

/* icons list */
ul#icons {
  list-style:none;
  margin:0;
  padding:0;
  background:url(/img/home/ajax-loader.gif) 50% 50% no-repeat;
  width:690px;
  margin:0 auto;
  overflow:hidden;
}
ul#icons li {
  width:118px;
  height:80px;
  margin:10px;
  float:left;
  text-align:center;
  line-height:80px;
  position:relative;
  opacity:0;
}
ul#icons li a {
  display:block;
  width:118px;
  height:80px;
  position:relative;
  overflow:hidden;
}
ul#icons li a img {border:0;position:absolute;top:0;left:0;}
ul#icons li a span {display:none;}
ul#icons li a img.color {
	opacity:0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-webkit-transition:opacity 1s 0 ease;
	-o-transition:opacity 1s 0 ease;
	-moz-transition-property:opacity;
	-moz-transition-duration:1s;
	-moz-transition-timing-function:ease;
	-moz-transition-delay:0;
}
ul#icons li a:hover img.color {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
}

/******************************************************************************/
/* Tools Bar Arbiter page d'accueil                                           */
/******************************************************************************/
ul#toolbar {
  position:absolute;
  z-index:3;
  top:0;
  right:0;
  margin:0 10px 0 0;
  height:20px;
  list-style:none;
  overflow:hidden;
}
ul#toolbar li {
  float:left;
  height:20px;
  background:url(/img/home/bg_btn.png) 0 0 repeat-x;
  margin:0 2px 0 0;
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -o-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}
ul#toolbar li a {
  display:block;
  height:20px;
  line-height:20px;
  color:#000;
  font-family:'Arial';
  font-size:12px;
  font-weight:normal;
  background:url(/img/home/bullet_btn.png) 4px 1px no-repeat;
  padding:0 10px 0 18px;
  text-decoration:none;
}
ul#toolbar li a:hover{background:url(/img/home/bullet_btn.png) 4px -19px no-repeat;}

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

/* popup */
#tools_content_container {
	display:none;
  position:absolute;
  background:#fff;
  background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
  background:-moz-linear-gradient(-270deg,#fff,#eee);
  background:-o-linear-gradient(-270deg,#fff,#eee);
  box-shadow:0 0 10px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
  -o-box-shadow:0 0 30px rgba(0,0,0,0.9);
  top:40%;
  left:50%;
  z-index:3;
}
#tools_content_container.small {
	width:500px;
  height:340px;
  margin:-170px 0 0 -250px;
}
#tools_content_container.big {
	width:960px;
  height:370px;
  margin:-170px 0 0 -480px;
}

#popup_close {
  position:absolute;
  top:0;
  right:0;
  width:29px;
  height:32px;
  background:url(/img/home/btn_close.png) 0 -32px no-repeat;
  text-indent:-9000px;
  margin:-11px -12px 0 0;
}
#popup_close:hover {background-position:0 0;}

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

#form_media label{
	display: block;
	width: 100%;
	text-align: right;
}

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

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

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

#form_reseller label{
	display: block;
	width: 100%;
	text-align: right;
}

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

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

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

/* adresse */
#address_box {
  width:440px;
  height:360px;
  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;
  margin:20px 0 0;
}

#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;
  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;
	text-align:center;
}

#btn_validate input[type=submit] {
  height: 20px;
	background: url(/img/default/bt.gif) 0 -5px repeat-x ;
	color: #FFF;
	font-weight: bold;
	width: 80px;
	padding: 0;
	border:0;
	cursor:pointer;
}

/**
 messages de status
 *******************/
.mesg_container{
	text-align:center;
	position:absolute;
	margin:-5px 0 0;
}
.mesg_ok,
.mesg_warning,
.mesg_error, .mesg_info {
	width:335px;
  min-height:50px;
  margin:0 auto 4px;
  text-align:left;
  border:1px solid #ddd;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px;
  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;}