/* @override http://qoqa2/css/frontend.css */

body {
  margin: 0;
  background: #e3e3e3;
  min-width: 990px;
}

#error {
  position: absolute;
  top: 20px;
  min-height: 34px;
}

#notice {
  position: absolute;
  top: 20px;
  min-height: 34px;
}
      

/* remplace ce qui se trouve dans yui-grids pour faire effet perso */

#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{
	width:57.69em;
	*width:56.301em;
	// min-width:990px;
}

#doc3{margin:auto 0px;width:auto;}

div#yui-main div#fixed_width.yui-b, #footer {
  margin-right: 0;
}

html body div#doc3.yui-t4 div div#yui-main {
  width: 800px;
}

#right_side_panel, #left_side_panel, #menu_and_login {
  position: relative;
  padding-top: 230px;
  z-index: 13;
}

#menu_and_login {
  z-index: 338;
  position: relative;
}

a, a:link {
  color: #ec2d94;
  text-decoration: none;
}

#main_content {
  background-color: #c9c9c9;
  position: relative;
  z-index: 0;
  margin: 220px 0 0;
  border-right: 2px solid transparent;
}

a:focus, a:hover {
  color: #fff;
  background-color: #ec2d94;
  outline: none;
  text-decoration: underline;
}

h1,h2,h3,
h4,h5,h6  {
  font-family: Arial;
}

#qoqa_logo a {
  background: url(../images/logo_qwine_beta.png) no-repeat 0px 0;
  width: 180px;
  height: 90px;
  margin: 0;
  text-indent: -99999999px;
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

#qoqa_logo {
  margin: 0;
}

#promo {
  position: absolute;
  top: -5px;
  left: -10px;
  z-index: 999;
}

#promo a {
  text-decoration: none;
}

#promo a:focus{
  background: transparent;
  outline: none;
  text-decoration: none;
}

#promo a:hover{
  background: transparent;
  outline: none;
  text-decoration: none;
}
      


#header {
  position: absolute;
  height: 220px;
  background: #fff 0 0;
  width: 100%;
}

/* @group sponsor */
#sponsor_forced {	
	position: absolute;
	top:0;
	left:0;
	width: 100%;
  z-index: 102;
	
}
#sponsor {
	float: right;
  background: url(../images/sponsor_bg.png) repeat-x left top;
  padding-right: 20px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  padding-left: 20px;
  z-index: 102;
}

#sponsor a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}


#flap {
	float: right;
  line-height: 22px;
  color: white;
}
#flap a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#flap a:hover {
  text-decoration: underline;
  background-color: transparent;
}

#flap {
  font-weight: bold;
}

#flap_1 {
	float: left;
  background: url(../images/flap_notselected_left.png) no-repeat;
  width: 20px;
  height: 22px;
  margin-left: -18px;
  
}
#flap_1_content {
	float: left;
  background: url(../images/flap_notselected_bg.png) repeat-x;
  color: black;
  height: 22px;
  padding-left: 10px;
  padding-right: 28px;
}

#flap_s {
	float: left;
  background: url(../images/flap_selected_left.png) no-repeat;
  width: 20px;
  height: 22px;
  overflow: hidden;
  margin-left: -18px;
}
#flap_s_content {
	float: left;
  background: url(../images/slap_selected_bg.png) repeat-x;
  color: black;
  height: 22px;
  padding-left: 10px;
  padding-right: 28px;
}

#flap_3 {
	float: left;
  background: url(../images/flap_notselected_left.png) no-repeat;
  width: 20px;
  height: 22px;
  margin-left: -18px;
}
#flap_3_content {
	float: left;
  background: url(../images/flap_notselected_bg.png) repeat-x;
  color: black;
  height: 22px;
  padding-left: 10px;
  padding-right: 28px;
}

#flap_4 {
	float: left;
  background: url(../images/flap_notselected_left.png) no-repeat;
  width: 20px;
  height: 22px;
  margin-left: -18px;
}
#flap_4_content {
	float: left;
  background: url(../images/flap_notselected_bg.png) repeat-x;
  color: black;
  height: 22px;
  padding-left: 10px;
  padding-right: 28px;
}

#sponsor_corner {
	float: left;
  background: url(../images/sponsor_corner_new.png) no-repeat right top;
  width: 22px;
  height: 22px;
  margin-left: -18px;
}


#sponsor a:hover {
  text-decoration: underline;
}

#slogan {
  font-style: italic;
  font-weight: bold;
}

/* @end */

/* @group menu */

ul#menu {
  margin: 0;
  height: 110px;
}

ul.menu {
  margin: 0;
}

ul.menu li {
  list-style-type: none;
}

ul.menu li a, ul.menu li span {
  font-weight: bold;
  text-decoration: none;
  font-size: 131%;
  letter-spacing: -0.06em;
  line-height: 90%;
}

ul.menu li span.current {
  color: #000;
  font-weight: bold;
}

/* @end */

/* @group page_title */

#page_title {
  height: 110px;
  position: relative;
  z-index: 200;
  margin-top: -110px;
}

#page_title h2 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -2px;
  margin: 0;
  line-height: 85.7%;
}

#page_title p {
  line-height: 170%;
  font-size: 153.9%;
}

/* @end */

/* @group login */

#login {
  position: absolute;
  height: 70px;
  margin-top: 150px;
}

#logged_in_infos {
  font-size: 77%;
  position: absolute;
  top: 5px;
  left: 70px;
  width: 100px;
}

#logged_in_infos a {
  text-decoration: none;
}

#logged_in_infos ul {
  margin-top: 5px;
}

#logged_in_infos ul li {
  margin-top: 5px;
  list-style-type: circle;
  line-height: 90%;
}

#gravatar {
  background: url(../images/gravatar_shadow.png) no-repeat right top;
  width: 79px;
  height: 74px;
  position: relative;
  overflow: hidden;
  margin-left: -13px;
}

#gravatar img {
  position: absolute;
  top: 4px;
  right: 14px;
}

/* @end */

/* @group rss */

#rss {
  position: absolute;
  top: 150px;
  z-index: 5;
  right: 20px;
}

#rss a:hover, #rss a:focus  {
  background-color: #fff;
}

/* @end */

/* @group footer */

#footer_container {
  position: relative;
  background-color: #fff;
  height: 50px;
}

#footer_container a {
  text-decoration: none;
}

#footer {
  margin-bottom: 0px;
  #white-space: nowrap;
  padding-top: 22px;
  background-color: #fff;
}

#footer p {
  margin-left: 15px;
  text-align: left;
  font-size: 85%;
  color: #999;
}

/* @end */

/* @group languages */

#languages {
  position: absolute;
  top: 148px;
  left: 0;
  font-size: 108%;
  z-index: 2;
}

#languages a {
  text-decoration: none;
  font-weight: bold;
  letter-spacing: -1px;
}

#languages span {
  font-weight: bold;
}

/* @end */

/* @group side actions */

.side_action {
  position: absolute;
  left: -150px;
  width: 150px;
  margin: 0;
}

.side_action li {
  list-style-type: none;
}

.side_action a.button {
  float: none;
}

.side_action.top {
	top: 0px;
}

.side_action.bottom {
  bottom: 8px;
}

/* @end */

#modal_box_navig {
  float: right;
}

#temp_message {
  position: absolute;
  top: 580px;
  left: 160px;
  width: 200px;
  background-color: #ec2d94;
  color: #fff;
  padding: 1em;
  font-size: 95%;
  top: 580px;
}

#temp_message a {
  font-weight: bold;
  color: #fff;
  padding-left: 145px;
}

/* -- ie patch -- */

* html #gravatar img {
  top: 4px;
  right: 6px;
}

* html #price {
  padding-top: 30px;
}