@CHARSET "UTF-8";


/* Basic pannels for homepage */

.beta_message{
  margin-bottom: 6px;
}

#concept_pannel {
  background-image:url("../../images/vac/concept/concept_home.jpg");
  background-position:-6px -8px;
  background-repeat:no-repeat;
  min-height:354px;
  margin-bottom: 10px;
}

#restaurants_pannel {
  background-color:#CCC2B9;
  border:1px solid #AE9E91;
  float:right;
  margin-bottom:10px;
  min-height:343px;
  padding:10px;
  width:480px;
}

h2.beta_nl {
  font-size: 1em;
  margin: 25px 0 0 0;
  padding: 0;
}

/* Blocs de droites sur la Home */

.img_order {
	margin-bottom: 20px;
}

.restaurant_home {
height:223px;
margin-bottom:-4px;
margin-left:0;
width:463px;
}

#resto1, #resto2 {
	height: 223px;
	margin-top: 10px;
	width: 463px;
}

#resto1 {
  background-image: url('/images/beta/home_version_beta_restaurant_zine_background.png');
  background-repeat: no-repeat;
  clear: both;
}

#resto2 {
  background-image: url('/images/beta/home_version_beta_restaurant_tante-juliette_background.png');
  background-repeat: no-repeat;
}

#inscription {
  background-image: url('/images/beta/bt_inscription_home.png');
  background-repeat: no-repeat;
  clear: both;
  height: 250px;
  margin: 20px 0 0 0;
}



/* for beta purpose */
#beta_login form input, #beta_nl form input {
	width: 200px;
}

#beta_login form label, #beta_nl form label {
  width: 190px;
}

#beta_login form input[type="image"], #beta_nl form input[type="image"] {
	width: auto;
}

#beta_nl form input[type="image"] {
	clear: right;
	float: right;
	margin-top: 8px;
}

#beta_login form p {
	margin: 0.25em 0
}


#restaurants_pannel .restaurant_name {
  float: left;
  margin: 10px 57px 0 310px;
}


/* END RESTAURANT INFOX BOX HOME / STEP3 */


#restaurants_pannel h4 {
  float: right;
  margin: 20px 43px 0 0;
}

#restaurants_pannel h3 {
  text-align: right;
  margin-top: 2px;
  margin-right: 10px;
}

#up_right_pannel form, #up_right_pannel fieldset {
  background-color: #ebe8e3;
}

#up_right_pannel form {
  background-image: url('../../images/vac/first_order.jpg');
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #AE9E91;
  height: 192px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 298px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#up_right_pannel form fieldset {
  border-bottom: 1px solid #AE9E91;
  height: 87px;
  margin: 106px 0px 0px 0px;
  padding: 0px 10px;
  width: 278px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
}

#up_right_pannel form label {
  margin: 2px;
}

#up_right_pannel input, #up_right_pannel select {
  padding: 0px;
  width: auto;
}


/* IF USER is logged in, large pannel displays 2 restaurants aside */

#large_pannel #restaurants_pannel {
  border: none;
  float: none;
  height: auto;
  padding: 0;
  width: auto;
}

#large_pannel #resto1, #large_pannel #resto2 {
  margin: 5px;
}

#large_pannel #resto1 {
  float: left;
}

#large_pannel #resto2 {
  float: right;
}

/* END IF USER is logged in */

#half_left_pannel {
  
  height: auto;
  max-height:481px;
  padding:0;
  width:462px;
}

#half_right_pannel {
  /* not during beta background-image: url('../../images/vac/sandwich_bg.jpg');*/
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  min-height:481px;
  /* not during beta height: 213px;*/
}

/* Not during beta
#half_right_pannel a {
  display: block;
  padding-left: 60px;
  padding-top: 100px;
}
*/

h2.to_do {
	margin-top: 15px;
}

#half_left_pannel ul#action_pannel {
  display: inline;
  margin-left: 5px;
  /*text-align: top;*/ /*TU VEUX DIRE QUOI PAR TEXT ALIGN TOP ??*/
}

#half_left_pannel ul#action_pannel img{
  margin: 0px 5px 0px 13px;
  vertical-align: bottom;
}

#half_left_pannel ul#action_pannel a{
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#half_left_pannel ul#action_pannel li {
  display: inline;
}

.half_inner_glow_background_middle {
 padding: 10px;
 }
 
 .half_inner_glow_background_top {
	margin-top: 20px;
 }

#half_left_pannel #control_pannel {
	height: auto !important;
  overflow: auto;
  padding-bottom: 20px;
}

#half_left_pannel #control_pannel p {
  background-color: #000;
  border: 3px solid #fff;
  color: #fff;
  float: left;
  padding: 20px;	
  text-align: center;
  width: 90px;
}
#half_left_pannel #control_pannel ul.loyalty { height: 100px;}
#half_left_pannel #control_pannel ul {
	float:right;
	/*list-style-image:url(/images/vac/list_decoration/list_decoration_green.png);*/
	margin: 0;
	width:270px;
}

#half_left_pannel #control_pannel ul li {
  list-style-type:none;
  float: left;
  margin-left: 7px;
  margin-top: 15px;
  /*margin-left: 10px;*/
  vertical-align: middle;
  width: 250px;
}

#control_pannel #calendar {
  background-image: url('../../images/vac/calendar/calendar_background.png');
  background-repeat: no-repeat;
  float: left;
  height: 100px;
  margin: 15px 10px 15px 15px;
  width: 140px;
}

#control_pannel #home_loyalty {
  background-repeat: no-repeat;
  float: left;
  margin-left: 22px !important;
  margin-bottom: 60px !important;
}

#control_pannel #calendar img.day {
  height: 19px;
  padding: 2px;
  width: 124px;
}

#control_pannel #calendar img.number {
  height: 60px;
  padding: 6px 1px 1px;
  width: 60px;
}

/* If user is auth, no address yet, a form is displayed
  for him to fill in a first address */
form#first_address {
  margin: 0;
}

form#first_address div {
  background-color: #fff;
  margin: 2px;

  opacity: 0.8;
/*POUR L OPACITY A VERIFIER :
filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
*/
  padding: 2px 10px;
}

form#first_address label {
  color: #000;
  width: 150px;
}

form#first_address input[type="text"] {
  width: 220px;
}

form#first_address p.form_help {
  color: #000;
}


.quicksearchbox h3 {
  text-align: left !important;
}
.quicksearchbox p {
  text-decoration: none;
  padding: 0 0 0 0.5em;
}

/*INTEGRATION DE LA NOUVELLE HOMEPAGE*/
#half_left_pannel_home, #half_right_pannel_home {
  background-color:#CCC2B9;
  border:1px solid #AE9E91;
  height:376px;
  margin-bottom:9px;
  padding:10px;
  width:462px;
}
#half_left_pannel_home {float: left;}
#half_right_pannel_home {float: right;}
.home_small_info {
  background-color:#CCC2B9;
  border:1px solid #AE9E91;
  float:left;
  height:189px;
  margin-bottom:10px;
  padding:10px;
  width:300px;
}
.margin_home {margin-right: 5px;}
.home_small_info img {float: left;margin-right: 10px;}
#half_right_pannel_home h2 {margin-bottom: 30px;}
#half_right_pannel_home h3, #half_right_pannel_home h3 > span {display: block; text-align: center;}
#half_right_pannel_home h3 {margin-top: 25px;}
.home_small_info h3 {margin-bottom: 20px;}
.home_small_info li.bold {font-weight: bold;}
.home_small_info li.em {margin-bottom: 10px;}
.home_small_info p {font-size: 14px; font-weight: bold;text-align: center;margin-top: 30px;}
.home_small_info p span.home_help img {float:right;margin:-4px 0 0 5px;}
.home_small_info p span.home_note img {float:right;margin:-1px 0 0 5px;}
#half_left_pannel_home .home_quizz {background-image:url("/images/vac/navigation_icons_big/question-mark.png");background-repeat:no-repeat;}
#half_left_pannel_home .home_blog {background-image:url("/images/vac/navigation_icons_big/blog.png");background-repeat:no-repeat;margin: 30px 0;}
#half_left_pannel_home h3,#half_left_pannel_home p {margin-left: 100px;}
#half_left_pannel_home p {padding:5px 0;}
.home_loyalty {margin-top: -20px;}
.home_small_info > a,#half_left_pannel_home .home_blog a  {color:#000;}


#restaurants_pannel .overlabel-wrapper {margin: 10px 0; padding: 0;}