html{
  background: #fff;/* url('images/body_bg.png') repeat-x; */
}

body{
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, a, input, select, textarea {
  color: #4D4D4D;
}

body, textarea{
  font-family: Verdana;
}

body, #site-content, .module-offre, .module, table.bordered-table tr td{
  position: relative;
  z-index: 0;
}

input[type=text], input[type=password], select, textarea{
  font-size: 110%;
  letter-spacing: 1px;
}
	input[type=text], input[type=password]{
	  border: 1px solid #ABADB3;
	  padding: 2px;
	}
	select{
	  padding: 2px 2px 2px 0;
	}

#top-banner{
  text-align: center;
  height: auto;
  background: #fff;
  padding-top: 0px;
  padding-left: 0px;
}

#top-menu{
  text-align: center;
  padding: 2px 0 3px 0;
  margin-bottom: 7px;
  color: #fff;
  letter-spacing: 1px;
  text-shadow: -1px 1px 1px #333;
}
	#top-menu a{
	  text-decoration: none;
	  color: #009CF7;
	}
		#top-menu a:hover{
		  text-decoration: none;
		  color: #F6C200;
		}
	#top-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
		#top-menu li{
		  display: inline;
		  margin: 0 10px;
		}

#site{
  background: #fff url('images/body_bg.png') repeat-x;
  /*margin-top: -15px;*/
}

#site-content{
  /*background: transparent url('images/body_left_bg.png') no-repeat;*/
}

.espace5, .espace10, .espace20, .espace30, .espace40, .espace50, .espace60 { line-height:0 }
.espace5 { padding-top:5px; }
.espace10 { padding-top:10px; }
.espace15 { padding-top:15px; }
.espace20 { padding-top:20px; }
.espace25 { padding-top:25px; }
.espace30 { padding-top:30px; }
.espace40 { padding-top:40px; }
.espace50 { padding-top:50px; }
.espace60 { padding-top:60px; }
.espace100 { padding-top:100px; }

.clear{
  clear: both;
}

.hidden{
  display: none;
}

.round{ 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px; 
  behavior: url('/static/css/PIE.htc');
}
	.bordered{
	  border: 2px solid; 
	}

.linked{
  cursor: pointer;
}

.centered{
  text-align: center;
}

.annotation{
  color: #888;
  font-size: 50%;
  text-transform: uppercase;
}
    .annotation a {
      color: #888;
      text-decoration: none;
    }
    .annotation a :hover{
      text-decoration: underline;
    }

.small{
  color: #888;
  font-size: 50%;
}

.float-right{
  float: right;
}
.right{
  text-align: right;
}
	
input.blur, .blur {
  color: #BBB;
}

h3{
  margin-top: 15px;
  margin-bottom: 10px;
}

h4{
  margin-bottom: 0.5em;
}

h5{
  margin-bottom: 10px;
}

#page{
}

#header{
  margin-top: 5px;
  height: 100px;
}
    #header a{
      text-decoration: none;
      color: #4D4D4D;
    }

#footer{
/*   background: #056EAB; */
  background: #006FB0 url('images/footer_bg.png') repeat-x;
  min-height: 303px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 20px;
  color: #fff;
}
    #footer a{
      text-decoration: none;
      color: #fff;
    }
    #footer a:hover{
      text-decoration: underline;
    }
    #footer_bg_left{
      /*background: transparent url('images/footer_left_bg.png') no-repeat;*/
    }
    #footer-content{
      padding-top: 20px;
      line-height: 100%;
    }
    #menu-footer {
      margin-bottom: 20px;
      font-weight: bold;
	  text-shadow: -1px 1px 1px #333;
	  behavior: url('/static/css/PIE.htc');
    }
		#menu-footer a{
		  margin-left: 20px;
		  margin-right: 20px;
		}
    #footer-stations,#footer_housing{
      width: 910px;
      text-align: justify;
      font-size: 85%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 40px;
      padding-left: 20px;
    }
    #footer_housing h3{
      color: #fff;
      font-size: 85%;
      font-weight: bold;
      margin-bottom: 5px;
    }

#title{
}
    #subtitle{
      font-size: 120%;
      margin-left: 105px;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 0px;
    }

#search{
  margin-top: 10px;
  height: 40px;
  position: relative;
}
	#search input{
	  width: 180px;
      padding: 3px;
	}
	.search-suggestions{
	  display: none;
	  list-style: none;
	  background: #FFF;
	  border: 1px solid #009CF7;
	  position: absolute;
	  margin: 0;
	  padding: 5px 0;
	  z-index: 1000;
	}
		#search .search-suggestions{
	      left: 0;
		  top: 28px;
		  width: 188px;
		}
		#resort_search_input .search-suggestions{
	      left: 1px;
		  top: 32px;
		  width: 194px;
		}
		.search-suggestions h4{
		  padding: 5px;
		  font-weight: bold;
		  color: #009CF7;
		  border-bottom: 1px solid #009CF7;
		}
		.search-suggestions a{
		  display: block;
		  width: 168px;
		  padding: 3px 10px;
		  color: #333;
		  text-decoration: none;
		}
			.search-suggestions a:hover{
			  background: #009CF7;
			  color: #FFF!important;
			}


#languages{
  margin-top: 10px;
  margin-bottom: 3px;
}
	#languages .flag{
	  float: right;
	  width: 16px;
	  height: 11px;
	  margin-right: 3px;
	  /*cursor: pointer;*/
	}

#login{
  margin-left: 0px;
}

#newsletter{
  margin-left: 0px;
  font-weight: bold;
  margin-top: 5px;
}

#header-col2-line2{
   margin-top: 5px;
}

#telephone{
  text-align: left;
  margin-right: 10px;
  background: url('images/tel.png') no-repeat 0 50%;
  height: 40px;
}
	#telephone .number{
	  font-weight: bold;
	  font-size: 125%;
	}

#menu{
  height: 39px;
  margin-top: 13px;
  font-size: 130%;
  font-weight: normal;
  padding-left: 21px;
}
	#menu .button{
	  height: 28px;
	  margin: 12px 5px 0 0;
	  padding-top: 1px;
	  text-align: center;
	  overflow: hidden;
	}
		#menu .button a{
		  display: block;
		  height: 25px;
		  padding-top: 2px;
		  color: #4D4D4D;
		  width: 148px;
		  border: 1px solid #777777;	
		  border-bottom: 0;
		  text-decoration: none;
		  font-weight: bold;
		  background: #F1F1F1;
		  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F1F1F1), to(#BBB));
		  background: -webkit-linear-gradient(#F1F1F1, #BBB);
		  background: -moz-linear-gradient(#F1F1F1, #BBB);
		  background: -ms-linear-gradient(#F1F1F1, #BBB);
		  background: -o-linear-gradient(#F1F1F1, #BBB);
		  background: linear-gradient(#F1F1F1, #BBB);
		  -pie-background: linear-gradient(#F1F1F1, #BBB);
		  -webkit-border-radius: 4px 4px 0 0;
		  -moz-border-radius: 4px 4px 0 0;
		  border-radius: 4px 4px 0 0;
		  behavior: url('/static/css/PIE.htc');
		}
			#menu .button:hover a, #menu .button.current a{
			  text-decoration: none;
			  background: #F9E390;
			  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9E390), to(#E5AF00));
			  background: -webkit-linear-gradient(#F9E390, #E5AF00);
			  background: -moz-linear-gradient(#F9E390, #E5AF00);
			  background: -ms-linear-gradient(#F9E390, #E5AF00);
			  background: -o-linear-gradient(#F9E390, #E5AF00);
			  background: linear-gradient(#F9E390, #E5AF00);
			  -pie-background: linear-gradient(#F9E390, #E5AF00);
		      behavior: url('/static/css/PIE.htc');
			}
	
    #menu .home{
      height: 34px;
	  padding: 0;
	  float: left;
	  width: 44px;
      background-image: url('images/home.png');
	  background-position: center center;
      margin: 7px 30px 0 35px;
    }
		#menu .home a{
		  display: block;
		  height: 39px;
	      width: 44px;
		}
			#menu .home:hover{
			  background-position: top;
			}
			#menu .home.current:hover, #menu .home.current{
			  background-position: top;
			}

#content{
  background: transparent;/*#8e2  url('blueprint/src/grid.png') repeat;*/  /*pour develop. BluePrint*/
  margin-top: 20px;
  padding-left: 30px;
}

    #content  ul{
      padding-left: 0px;
      margin-left: 0px;
      margin-top: 0px;
    }
    #content  li{
      margin-bottom: 0px;
    }

    #content .main-title{
      /*background: transparent url('images/content_title_bg.png') repeat-x;
      background-position: bottom center;*/
	  border-bottom: 1px solid #F7C100;
      min-height: 55px;
      margin-top: 10px;
      margin-bottom: 20px;
      color: #4D4D4D;
    }
		#content .main-title h1{
		  display: inline-block;
		}
		#content .main-title .annotation{
		  font-size: 15px;
		  margin-left: 5px;
		}

    #content .sub-title{
      background-color: #F5F6FB;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    #content .sub-title .content{
      padding: 16px;
    }

    #content h1 {
      font-size: 250%;
      padding-top: 10px;
      margin-bottom: 0px;
      padding-bottom: 5px;
    }
    #content h1 a{
      text-decoration: none;
      color: #000;
    }
    #content h1.logo{
      padding: 10px 0 15px 55px;
      background: transparent url('images/logo-flocon_50.png') no-repeat;
    }
    #content h1.ESF{
      background: transparent url('images/logo-esf_50.png') no-repeat;
    }
    #content h1.ESI{
      background: transparent url('images/logo-esi_50.png') no-repeat;
    }
    #content h1.EV2{
      background: transparent url('images/logo-ev2_50.png') no-repeat;
    }

    #content h2 {
      font-size: 140%;
      padding-top: 10px;
      margin-bottom: 0px;
      padding-bottom: 5px;
	  font-weight: bold;
    }

#index-col1-line1{
  margin-bottom: 10px;
}
#index-col1-line2{
  margin-bottom: 10px;
}

.module-small{
/*   margin-left: 0px;
  margin-right: 0px; */
}
    .module-small .title{
      height: 30px;
      padding-left: 15px;
      padding-right: 10px;
      font-size: 140%;
      font-weight: bold;
    }
    .module-small .content{
      height: 180px;
      padding-left: 15px;
      padding-right: 10px;
      padding-top: 5px;
    }
    .module-small ul{
      list-style-type: none;
      padding-left: 0px;
      margin-left: 0px;
      margin-top: 0px;
    }
    .module-small a{
      text-decoration: none;
    }
.module-big{
/*   margin-left: 0px; */
}
    .module-big .title{
      height: 30px;
      padding-left: 15px;
      padding-right: 10px;
      font-size: 140%;
      font-weight: bold;
    }
    .module-big .content{
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 10px;
    }

.module{
  padding-bottom: 10px;
}
    .module h3, .module h2, .module h1{
	  margin: 15px 10px 10px 10px;
      font-weight: bold;
	  padding: 0!important;
	  font-size: 150%!important;
    }
    .module .content{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
    }

.module-subtitle{
  margin-top: -10px;
  color: #fff;
}

.module.orange{
  /*background: #FEF367 url('images/module_orange_bg.png') no-repeat;*/
  background: #FEF367;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF697), to(#FEF367));
  background: -webkit-linear-gradient(#FFF697, #FEF367);
  background: -moz-linear-gradient(#FFF697, #FEF367);
  background: -ms-linear-gradient(#FFF697, #FEF367);
  background: -o-linear-gradient(#FFF697, #FEF367);
  background: linear-gradient(#FFF697, #FEF367);
  -pie-background: linear-gradient(#FFF697, #FEF367);
  behavior: url('/static/css/PIE.htc');
}
	.module.pub.orange{
	  /*background: #FEF367 url('images/module_orange_bg.png') no-repeat;*/
	  background: #FEF367;
	}
    .module.orange h3{
      color: #009CF7;
    }
.module.blue{
  /*background: #009CF7 url('images/module_blue_bg.png') no-repeat;*/
  color: #fff;
  background: #009CF7;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#60BFF2), to(#008EE0));
  background: -webkit-linear-gradient(#60BFF2, #008EE0);
  background: -moz-linear-gradient(#60BFF2, #008EE0);
  background: -ms-linear-gradient(#60BFF2, #008EE0);
  background: -o-linear-gradient(#60BFF2, #008EE0);
  background: linear-gradient(#60BFF2, #008EE0);
  behavior: url(/static/css/PIE.htc);
  -pie-background: linear-gradient(#60BFF2, #008EE0);
}
    .module.blue h3, .module.blue h2, .module.blue h1{
      color: #FEF367;
    }

.date_cell{
  width: 100px;
}

#enfants{
  background: #ACD3EA;
  cursor: pointer;
}
	#enfants h1{
	  height:26px;
	  padding-top: 4px;
	  font-size: 140%;
	  padding-bottom: 0;
	}
	#enfants .content{
	  height:162px;
	  background: #ACD3EA url('images/enfants_bg.jpg') no-repeat;
	}

#offres{
}
	#offres a{
	  color: #4D4D4D;
	  text-decoration: none;
	}
	#offres a:hover{
	  text-decoration: underline;
	}
	#offres .title{
	  color: #3189BC;
	}
	#offres .content{
	  background: transparent;
	  font-size: 95%;
	  line-height: 155%;
	  height: 185px;
	}
		#offres .content .ecole{
		  font-weight: bold;
		}
		#offres .content .prix{
		  font-weight: bold;
		  font-size: 90%;
		  color: #3189BC;
		}
		#offres .content .duree{
		  font-size: 80%;
		  color: #3189BC;
		}
		#offres li{
		  background : url(images/heart.png) no-repeat;
		  padding-left: 25px;
		}

#tops{
  margin-bottom: 10px;
}

.module-top{
  width: 330px;
  float: left;
  margin-right: 10px;
}

.module-top h3{
  color: #fff;
  background: #0B99ED;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 15px;
}
    .module-top a{
      font-size : 90%;
      text-decoration: none;
      color: #4d4d4d;
    }
    .module-top a:hover{
      text-decoration: underline;
    }

.module-top .titles{
  height: 18px;
  background: transparent url("images/module_top_titles-bg.png");
  padding-left: 3px;
  position: relative;
}
    .module-top .titles .resort{
      color: #fff;
    }
    .module-top .titles .info{
      position: absolute;
      left: 225px;
    }


.module-top table tr{
  height: 30px;
}
    .module-top table tr.pair{
      background: transparent;
    }
    .module-top table tr.impair{
      background: #eee;
    }
    .module-top table tr td{
      padding-left: 3px;
      padding-right: 3px;
    }
    .module-top table tr td.info{
      text-align: right;
    }

.module-offre{
  background: #fff;
  border: 1px dashed #aaa;
}
    .module-offre.square{
      text-align: center;
      position: relative;
      height: 253px;
    }
    .module-offre.rect{
      min-height: 90px;
    }
        .module-offre.rect.vertical{
          margin-left: 0px;
          height: 110px;
          margin-bottom: 20px;
        }
    .module-offre a{
      text-decoration: none;
    }
    .module-offre .title{
      min-height: 25px;
      font-size: 120%;
      font-weight: bold;
      background: #fff;
      border: 0px solid #eee;
      margin-top: 5px;
    }
        .module-offre.rect .title{
          height: auto;
          margin-top: 0px;
        }
    .module-offre.rect .resort{
      font-size: 100%;
      font-weight: bold;
      background: #fff;
      margin-top: 0px;
    }
    .module-offre a.title .resort {
      color: #4d4d4d;
      font-size: 100%;
    }

    .module-offre .subtitle {
      font-size: 80%;
    }
        .module-offre.rect .subtitle {
          margin-left: 20px;
          margin-top: 0px;
        }
    .module-offre .subtitle .promo{
      font-size: 220%;
      font-weight: bold;
      background: #fff;
	  text-shadow: -1px 1px 2px #666;
    }
        .module-offre .subtitle .promo.blue{
          color: #009CF7;
        }
        .module-offre .subtitle .promo.orange{
          color: #F7C100;
        }
        .module-offre.rect .subtitle .promo{
          font-size: 180%;
        }
            .module-offre.rect.vertical .subtitle .promo{
              font-size: 220%;
            }
    .module-offre.square .subtitle {
      position: relative;
      z-index: 1;
    }
    .module-offre.square .image{
      position: absolute;
      top: 70px;
      left: 10px;
      height: 130px;
      z-index: 0;
    }
        .module-offre.rect .image{
          float: left;
          margin-top: 7px;
          margin-left: 5px;
          margin-right: 10px;
        }
            .module-offre.rect .image img{
              height: 75px;
            }
                .module-offre.rect.vertical .image img{
                  height: 100px;
                }
    .module-offre .module-button{
      margin-top: 10px;
    }
    .module-offre.square .module-button{
      position: absolute;
      width: 100%;
      bottom: 8px;
	  left: 0;
	  text-align: center;
    }

.large-button{
  width: 180px;
  height: 26px;
  font-weight: bold;
  padding-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
    .large-button.blue{
      background: #009CF7 url("images/large_button_blue_bg.png");
      color: #333;
    }
    .large-button.orange{
      background: #F7C100 url("images/large_button_orange_bg.png");
      color: #333;
    }

.very-large-button{
  width: 210px;
  height: 26px;
  font-weight: bold;
  padding-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
    .very-large-button.orange{
      background: #F7C100 url("images/very_large_button_orange_bg.png");
      color: #333;
    }

li.heart_orange{
  background: transparent url('images/heart_orange.png') no-repeat;
  filter:alpha(opacity=50); /* propri�taire IE */
}
li.heart_blue{
  background: transparent url('images/heart_blue.png') no-repeat;
}

#top_ecoles .title{
  /* height: 50px; */
  color: #3189BC;
}
#top_ecoles .content{
  /* height: 160px; */
  background: transparent;
  line-height: 280%;
}
    #top_ecoles .content .ecole{
      font-weight: bold;
    }
    #top_ecoles .content a{
      text-decoration: none;
      color: #006FB0;
    }
        #top_ecoles .content a:hover{
          text-decoration: underline;
        }


#top_10 {
  color: #fff;
}
    #top_10 .title{
      /* height: 50px; */
      color: #3189BC;
    }
    #top_10 .content{
      display: block;
      height: 200px;
      background: transparent;
      line-height: 37px;
      font-size: 120%;
      font-weight: bold;
      padding-top: 15px;
    }
    #top_10 .content .ecole{
      font-weight: bold;
    }
    #top_10 ul{
      padding-left: 0px;
    }
    #top_10 li{
      padding-left: 30px;
    }

.green-border {
  background-color:#49a500;
}
.blue-border {
  background-color:#009CF7;
}

#resort_search{
  width: 225px; /* diminution de la largeur du span-6 bicoz elargi par js pour le border */
  background: #ACD3EA;/*#A3FF59;*/
  border-color:#009CF7;
}
    #resort_search .title{
      height: 20px;
      padding-top: 40px;
    }
    #resort_search .content{
      height: 123px;
    }
#resort_search_input {
  margin-bottom: 30px;
  position: relative;
}
  #resort_search_input input{
    font-weight: bold;
    font-size: 160%;
    color: #000088;
    width: 155px;
  }
  #resort_search_input button{
    width: 35px;
    height: 29px;
    padding-bottom: 0px;
  }

#map{
  background: #009CF7;
}
	#map .title{
	  margin-left: 10px;
	  height: 20px;
	  color: #FFF;
	  font-weight: bold;
	}
	#map .content{
	  text-align: center;
	  padding-bottom: 1px;
	}

#presentation{
  /*background: #CAECFF;*/
  line-height: 150%;
  text-align: justify;
  margin-bottom: 0px;
}
    #presentation .highlight{
      font-weight: bold;
      font-size: 120%;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #009CF7;/*F7C100;*/
      background-color: transparent;
    }
    #presentation ul{
      margin-left: 20px;
    }
    #presentation li{
      list-style-type: disc;
    }

.bg-dark-blue{
  background: #0090E2;
}
.bg-clear-blue{
  background: #9DDCFF;
}

.large-list-item{
  width: 910px;
  height: 30px;
  margin-top: 10px;
  padding: 8px 0 0 5px;
}
	.large-list-item.blue{
	  border-color: #0090E2;
	  background-color: #9DDCFF;
	}
		.large-list-item.blue:hover{
		  background-color: #FEF367;
		}
	
    .large-list-item a{
      text-decoration: none;
    }

	.large-list-item .logo{
	  width: 25px;
	  height: 25px;
	  float: left;
	  background: transparent url('images/logo-flocon_25.png') no-repeat;
	}
		.large-list-item .logo.ESF{
		  background-image: url('images/logo-esf_25.png');
		}
		.large-list-item .logo.ESI{
		  background-image: url('images/logo-esi_25.png');
		}
		.large-list-item .logo.EV2{
		  background-image: url('images/logo-ev2_25.png');
		}
	.large-list-item .text{
	  height: 25px;
	  float: left;
	  margin-left: 5px;
	  padding-top: 2px;
	}

#resort-schools {
}
    #resort-schools .name{
      float: left;
    /*   width: 300px;   */
      color: #000099;
      font-weight: bold;
    }
    #resort-schools .adresse{
      float: left;
    /*   width: 450px;    */
    }
    #resort-schools .link{
      float: left;
      font-weight: bold;
      color: #fff;
    }
    #resort-schools ul{
      list-style-type: none;
    }

.informations{
  background: #F5F6FB;
  border: 0px solid #FEF367;/* F7C100; */
  min-height: 352px;
}
.informations td.table-title{
  text-align: left;
  width: 150px;
}
.informations td{
  text-align: justify;
}

.description{
  background: #F5F6FB;
  border: 0px solid #FEF367;/* F7C100; */
  margin-bottom: 10px;
}
	.description td.table-title{
	  text-align: left;
	  width: 150px;
	}
	.description td{
	  text-align: justify;
	}

#resort-index td{
  vertical-align: top;
  padding-left: 2px;
  padding-right: 2px;
}
    #resort-index td.name{
      padding-left: 10px;
      width: 180px;
    }
    #resort-index table{
      width: 300px;
    }
    #resort-index  .round{
      width: 900px;
      background: #f3f3f3;
    }

#school-index  .round{
  width: 900px;
  background: #f3f3f3;
}
    #school-index td{
      vertical-align: top;
      padding-left: 2px;
      padding-right: 2px;
    }
    #school-index .name{
    /*   background: transparent url('images/logo_esf.jpg') no-repeat;
      padding-left: 20px; */
    }

#school-footer{
  margin-top: 20px;
}
    #school-footer a{
      font-weight: bold;
    }

h3.logo{
  padding-left: 20px;
}
h3.school{
  background: transparent url('images/flocon_puce.png') no-repeat;
}
h3.mountain{
  background: transparent url('images/massif.png') no-repeat;
}

#mountains-resorts  ul{
  list-style-type: none;
}


.moutain-resorts-table{
  width: 550px;
  background: transparent;
}

.link-no-deco a{
  text-decoration: none;
}
    .link-no-deco a:hover{
      text-decoration: underline;
    }

.cat0{
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.cat1{
  background: #fff;
  border-color: #fff;
}

#pub{
  background: #fff;
}

.carousel-promos{
  width: 230px;
  height: 462px;
  margin-bottom: 10px;
}
    .carousel-promos.resort-promos{
      height: 414px;
    }

.carousel-promos-up{
  width: 230px;
  height: 14px;
  background: transparent url('images/arrow_up.png') no-repeat;
}
    .carousel-promos-up:hover{
      background: transparent url('images/arrow_up_hover.png') no-repeat;
      cursor: pointer;
    }
.carousel-promos-down{
  width: 230px;
  height: 14px;
  background: transparent url('images/arrow_down.png') no-repeat;
}
    .carousel-promos-down:hover{
      background: transparent url('images/arrow_down_hover.png') no-repeat;
      cursor: pointer;
    }
.carousel-promos-content{
  width: 228px;
  height: 433px;
  overflow: hidden;
  border: 1px solid #F7C100;
}
    .carousel-promos-content.resort-promos{
      height: 385px;
    }

    .carousel-promos-content .promo-item{
      border-width: 2px;
      border-style: solid;
      cursor: hand;
      /* height: 120px; */
      padding-left: 10px;
    }
    .carousel-promos-content .promo-item:hover{
      border-color: #009CF7;
      cursor: pointer;
    }
        .carousel-promos-content .title.resort{
          font-weight: bold;
          text-transform: uppercase;
          color: #009CF7;
          font-size: 100%;
        }
        .carousel-promos-content .title.school{
          font-weight: bold;
          font-size: 100%;
          margin-bottom: 2px;
        }
    .carousel-promos-content .content{
      height: 80px;
    }
    .carousel-promos-content .image{
      float: left;
    }
    .carousel-promos-content .text{
      float: left;
      margin-left: 10px;
    }
        .carousel-promos-content .activity{
          margin-top: 0px;
          font-weight: bold;
        }
        .carousel-promos-content .level{
          margin-top: 0px;
        }
        .carousel-promos-content .duration{
          color: #000;
        }
        .carousel-promos-content .old-price{
          margin-top: 0px;
          color: #888;
          font-weight: bold;
          text-decoration: line-through;
        }
        .carousel-promos-content .price{
          width: 66px;
          height: 30px;
          margin-left: 0px;
          margin-top: 0px;
          padding-left: 5px;
          padding-top: 0px;
          padding-bottom: 0px;
          padding-right: 5px;
          color: #fff;
          font-size: 120%;
          font-weight: bold;
          background: #FF4215; /* transparent  url("images/promo-star-blue.png") no-repeat; */
        }

.reduc {
  background-color: #FF4215;
  color: #fff;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
}

.search-field-name{
  font-weight: bold;
  width: 100px;
}
.search-field{
  width: 500px;
}
    .search-field li{
      display: inline;
    }
.search-field-error{
  width: 200px;
  color: #f00;
}
    .search-field-error ul{
      padding-top: 15px;
    }

#resort-price-results a{
  font-weight: bold;
  text-decoration: none;
  color: #4D4D4D;
  /* text-transform: uppercase; */
}
#resort-price-results a:hover{
  color: #F7C100;
}

#school-detail tr{
}
#school-detail table{
}

#school-ads{
  height: 250px;
}

.table-title{
  font-weight: bold;
}

table.bordered-table{
  background: transparent;
}
    table.bordered-table, table.bordered-table th, table.bordered-table td{
      border: 1px solid #F5F6FB;
      text-align: center;
	  border-collapse: collapse;
    }
        table.bordered-table th, table.bordered-table td{
          padding-left: 5px;
          padding-right: 5px;
        }
            table.bordered-table td.amount{
              text-align: right;
              white-space: nowrap;
            }
    table.bordered-table th{
      color: #fff;
      background: #009CF7;/* 9DDCFF; */
    }
    table.bordered-table tr{
      background: transparent;
    }
    table.bordered-table tr.class2{
      background: #EEE;
    }
    table.bordered-table tr.price-promo{
      background: #FEF367;/* F7C100; */
    }
	
    table.bordered-table th.no-border, table.bordered-table td.no-border{
      border: 0px;
      background: #fff;
    }
	
    table.bordered-table tr.linked:hover{
      background: #FFFFAA;
    }


table.price-edit select{
  width: 100px;
}
table.price-edit input{
  width: 70px;
}

table.price-gridedit {
  width: auto;
}
table.price-gridedit input{
  width: 70px;
}

table.price-gridedit th, td, tr {
padding:1px 1px 1px 1px;
}

#price-search-field select{
  width: 200px;
}
#price-search-field .days select {
  width: 50px;
}
#price-search-field .date input{
  width: 100px;/* 175px; */
}

#price-search-partners{
  height: 447px;
}
    #price-search-partners.module .content{
      margin-left: 30px;
      margin-right: 10px;
      margin-top: 50px;
    }

/*****************************************************************************/
/*Liens Partenaires*/
#resort-partners{
  /* height: 415px; */
  padding-top: 0px;
}
    #resort-partners h3{
      margin-bottom: 30px;
      font-weight: bold;
    }
    #resort-partners .partner_image{
      margin-top: 10px;
      margin-bottom: 35px;
    }

#school-partners .partner_image{
  float: left;
  margin-left: 10px;
}

.partner_image{
  height: 85px;
  font-weight: bold;
  font-size: 140%;
  color: #000;
  text-align: center;
}
    .partner_image h2{
      font-size: 100%;
      margin-bottom: 0px;
      font-weight: bold;
    }
    .partner_image a{
      text-decoration: none;
      color: #000;
    }
    .partner_image .small{
      font-size: 80%;
      font-weight: normal;
      color: #000;
    }
    .partner_image .promo{
      color: #FFF;
      background: #009CF7;
      padding-left: 3px;
      padding-right: 3px;
    }


    .partner_matos{
      background: transparent url("images/partners_matos.jpg") no-repeat;
      padding-left: 10px;
      width: 280px;
    }
    .partner_locations{
      background: transparent url("images/partners_locations.jpg") no-repeat;
      padding-left: 40px;
      width: 250px;
      color: #fff;
    }
        .partner_locations a{
          color: #fff;
        }
    .partner_forfaits{
      background: transparent url("images/partners_forfaits.jpg") no-repeat;
      color: #FFF;
      width: 180px;
      padding-left: 110px;
    }
        .partner_forfaits a{
          color: #fff;
        }


.amount{
  color: #000;
  font-weight: bold;
  font-size: 120%;
}

th.old-amount{
  width: 40px;
}
th.new-amount{
  width: 70px;
}

#school-contact td{
  padding-bottom: 10px;
}
#school-contact td.title {
  width: 150px;
  font-weight: bold;
}
#school-contact select{
  width: 200px;
}
#school-contact input[type=text]{
  width: 178px;
}
td.contact-field-name {
  font-weight: bold;
  width: 550px;
}
.contact-field {
  /* width: 500px; */
}
    .contact-field li {
      display: inline;
    }
    .contact-field textarea {
      min-width: 330px;
      max-width: 330px;
      height: 150px;
    }

#school-contact .days select{
  width: 50px;
}
#school-contact .date input{
  width: 100px;
}
.field-error {
  color: #FEF367;
}

input.button-reserv{
  height: 30px;
}

.message-actualisation{
  padding: 20px 20px 20px 20px;
  font-size: 150%;
  font-weight: bold;
  background: #009CF7;
  color: #fff;
}

.show-hidden-prices{
  cursor: pointer;
  font-size: 120%;
  color: #009CF7;
  text-decoration: underline;
}
    .show-hidden-prices:hover {
      color: #000;
    }

.promo-description {
  color: #4D4D4D;
  font-weight: normal;
}

.list-step{
  font-size: 150%;
  font-weight: bold;
  color: #009CF7;
}

.new-search{
  font-size: 120%;
}


/*****************************************************************************/
/* SHOP HA Ski */
.shop-breadcrumb {
  margin-left: 1em;
  margin-bottom: 1em;
}

.menushop_title{
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000000;
}

	.menushop_title  a{
	text-decoration:none;
	color: #000000;
	}
	 .menushop_title.link {
	  padding: 3px 0 5px 35px;
	  background-repeat: no-repeat;
	  background-position: left center;
	}
		 .menushop_title.link.home{
			background-image: url('images/ski_shop/home.png');
			border-color: #0B99ED;
		}
			 .menushop_title.link.home a:hover{
				color: #0B99ED;
			}
		 .menushop_title.link.new{
			background-image: url('images/ski_shop/star.png');
		}
			 .menushop_title.link.new a:hover{
				color: #F7C100;
			}
		 .menushop_title.link.brands{
			background-image: url('images/ski_shop/brand.png');
		}
			 .menushop_title.link.brands a:hover{
				color: #C5C5C5;
			}

#bt_search{
  width: 145px;
  padding: 5px 3px;
}  
  
.menushop_head {
  cursor: pointer;
  position: relative;
  background: #eef4d3;
  font-weight: normal;
  padding: 3px 5px;
  border: 1px solid #009CF7;
  background: #ACD3EA;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  behavior: url('/static/css/PIE.htc');
}
	.menushop_head.current, .menushop_head:hover {
	  border: 1px solid #F7C100;
	  background: #FFF582;
	  -webkit-box-shadow: #888 0px 1px 1px;
	  -moz-box-shadow: #888 0px 1px 1px;
	  box-shadow: #888 0px 1px 1px;	
	  behavior: url('/static/css/PIE.htc');
	}

.menushop_body {
  display:none;
  font-size:80%;
  padding-left: 5px;
}
    .menushop_body  ul{
        padding:0px;
        margin-right:0px;
        list-style-type: none;
    }
    .menushop_body  a{
      display:block;
      padding:0px;
      text-decoration:none;
    }
    .menushop_body a:hover{
      color: #000000;
      text-decoration:underline;
    }

.shop-product {
  position:relative;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  border-width: 1px;
  width: 170px; height: 250px;
  margin:5px;
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 40px;
}
	.shop-product .shop-category{
	  background: #009BF9;
	  color: #FFF;
	  padding: 2px 5px 3px 5px;
	  line-height: 10px;
	  font-size: 10px;
	}
    .shop-product del {
      color: #000;
    }
    .shop-product a{
      text-decoration: none;
    }
	.shop-product .shop-link{
	  display: block;
	  padding: 0 5px;	  
	}
    .shop-product h5 {
	  font-weight: bold;
	  font-size: 110%;
	  line-height: 16px;
	  margin-bottom: 5px;
	  color: #000;
    }
    .shop-product .shop-price{
      position:absolute;
      left: 3px;
      bottom: 4px;
    }
		.shop-product .shop-price strong{
		  color: #009CF7;
		  font-size: 17px;
		}
    .shop-product .shop-buy {
      position:absolute;
      right: 3px;
      bottom: 5px;
    }
		.shop-product .shop-buy a{
		  text-decoration: none;
		  /*color: #fff;
		  border: 1px solid #8A9AA4;
		  background: #009CF7;*/
		  font-size: 80%;
		  font-weight: bold;
		  padding: 3px;
		}

    .shop-buy-big {
	  display: block;
      width: 180px;
      height: 30px;
      font-weight: bold;
      padding-top: 1px;
      margin-bottom: 10px;
      font-size: 150%!important;
    }
		/*.shop-buy-big a{
		  text-decoration: none;
		  color: #fff;
		}
			.shop-buy-big a:hover{
			  color: #F7C100;
			} */

    .shop-big-price {
      color: #009CF7;
      font-size: 200%;
    }

.shop-product-list{
  font-size:80%;
  position:relative;
  border-style: solid;
  border-color: #F7C100 rgb(221, 221, 221) rgb(221, 221, 221);
  border-width: 5px 1px 1px;
  width: 220px; height: 70px;
  margin:3px;
  padding-left: 5px;
  float: left;
}
    .shop-product-bg {
        background-color: rgba(255,255,255,0.4);
    }
    .shop-price-list{
      position:absolute;
      left: 5px;
      top: 48px;
    }

    .shop-product-list>.shop-buy-list{
      position:absolute;
      left: 180px;
      top: 4px;
    }
    .shop-buy-list a{
      text-decoration: none;
      color: #000000;
      border: 1px solid #4D4D4D;
      background-color: #F7C100;
      padding: 2px;
    }
.shop-product-specs {
    border: solid 1px #F7C100;
    padding: 1em;
    position:relative;
}

.shop-product-desc {
      margin-top: 1em;
}
.shop-breadcrumb {
  margin-left: 1em;
  margin-bottom: 1em;
}

.bt_brands_letters, .bt_brands_letters li.bt_brands_list, .bt_brands_list li,
.bt_footer_list, .bt_footer_list li{
  list-style: none;
  margin: 0;
  padding: 0;
}
	.bt_brands_letters li, .bt_brands_list li{
	  display: inline-block;
	}
		.bt_brands_letters{ margin-bottom: 15px; }
		.bt_brands_letters li.letter a{
		  font-size: 110%;
		  font-weight: bold;
		  margin-right: 10px!important;
		  color: #009CF7;
		  text-decoration: none;
		}
			.bt_brands_letters li.letter a:hover{
			  text-decoration: underline;
			}
		.bt_brands_list li.letter{
		  display: block;
		  font-size: 200%;
		  font-weight: bold;
		  margin: 5px 0 3px 0!important;
		  color: #009CF7;
		}
	.bt_brands_list a{
	  display: inline-block;
	  width: 210px;
	  text-decoration: none;
	  font-size: 150%;
	}
		.bt_brands_list a:hover{
		  color: #F7C100;
		}
		
.bt_footer_list li{
  display: inline;
}

/* SHOP HA Ski */
/*****************************************************************************/

#concours-teisseire-texte{
  background: url("images/teisseire/teisseire_kids.png") no-repeat;
  background-position: bottom right;
}

/**********************************************/
/* Page details_housing.html (APP : SKIHORIZON)
/*********************************************/

#details_housing_img{
    float:right;
    margin-top: 30px;
    margin-left: 20px;
}
#details_housing_info p{
  text-align: justify;
}

#accomodation_calendar{
  margin-top: 20px;
  border: solid 1px #555;
}

#accomodation_calendar table{
  margin-bottom: 0px;
}

#accomodation_calendar a{
  text-decoration: none;
  color: #00137F;
  padding: 5px;
}
    #accomodation_calendar a:hover{
      text-decoration: none;
      background: #00137F;
      color: #fff;
    }

#accomodation_calendar .title{
  font-size: 130%;
  font-weight: bold;
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #555;
  color: #FFF;
  text-align: center;
}
    #accomodation_calendar .title .high{
      color: #FFF;
    }
    #accomodation_calendar .title select, #accomodation_calendar .title input{
      font-size: 100%;
      background: #777;      
      color: #fff;
      font-weight: bold;
      padding-left: 5px;
    } 
    #accomodation_calendar .title input{
      width: 120px;
      text-align: center;
    }

#accomodation_calendar  .products{
  float: left;
  width: 100px;
  padding-top: 86px;
}
    #accomodation_calendar  .products .product{
      height: 39px;
      padding-top: 3px;
    }
#accomodation_calendar  .dates{
  overflow: auto;
}

#accomodation_calendar th.month{
  text-align: center;
  height: 30px;
}
#accomodation_calendar .class1{
  background: #EEE;
}
#accomodation_calendar td{
  padding: 10px;
}
#accomodation_calendar .date{
}
#accomodation_calendar .date td{
    height: 20px;
    font-weight:bold;
    text-align: center;
}
#accomodation_calendar .product{
    min-width:100px;
    _width:120px;
    font-weight:bold;
    padding-left: 5px;
}
#accomodation_calendar .price{
  text-align: center;
}

#accomodation_calendar table td{
    min-width:90px;
    _width : 90px;
}

#accomodation_calendar td.current_date {
  background: #ECF3FF;
  border-left: 1px solid #FF3330;
  border-right: 1px solid #FF3330;
  color: #000;
}
    #accomodation_calendar .class1 td.current_date {
      background: #E0E7F3;
    }

#accommodation_photos{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*** Le scroll du tableau ***/
#accommodation_list {
}

#slider{
    margin-top: 10px;
}

#skihorizon_frame_div{
  text-align: center;
}

.back{
  font-weight: bold;
  color: #F6C200;
  text-align: center;
  font-size: 150%;
  margin-bottom: 10px;
}
    .back a{
      color: #F6C200;
      text-decoration: none;
    }
        .back a:hover{
          text-decoration: underline;
        }


/**********************************************/
/* Page search_housing.html (APP : SKIHORIZON)*/
#housing-search{
  min-height: 160px;/*257px;*/
}

#search_accommodation_form{
  padding-top: 20px;
}
#id_start_day{
  position: relative;
  z-index: 20;
}

#search_accommodation_form #advanced_search{
  color : #fff;
  cursor: pointer;
  text-decoration: underline;
}

#search_accommodation_form table{
  margin-bottom: 0px;
}
#search_accommodation_form .search-field.left select{
  width: 100px;
}
#search_accommodation_form .search-field.right select{
  width: 160px;
}
#search_accommodation_form .submit{
  text-align: center;
}
    #search_accommodation_form .submit input{
      padding: 10px;
    }

#search_accommodation_form .date input{
  width: 90px;
  text-align: center;
}
#search_accommodation_form .formule select{
  width: 370px;
  background: #FEF367;
  color: #000;
  margin-bottom: 10px;
}
#search_accommodation_form .errors, #search_accommodation_form .errors select{
  color: #F00;
}

#housing-selection{
  margin-top: 10px;
}

#housing-presentation{
  margin-top: 10px;
  font-size: 120%;
  font-weight: bold;
  line-height: 200%;
}
    #housing-presentation .highlight{
      color: #009CF7;
      background: transparent;
    }

#housing-best-prices{
  margin-top: 10px;
}

#housing-security{
  margin-top: 10px;
}
    #housing-security .infos{
      padding-left: 10px;
      font-size: 120%;
    }

.result_housing{
  margin-top: 20px;
}

.result_housing h2{
  padding-bottom: 5px;
  color: #555;
  font-weight: bold;
  border-bottom: 1px solid #009CF7;
}

.result_housing .nodispos h2{
  font-size: 130%;
  margin-top: 20px;
}
    .result_housing .nodispos ul li{
      margin-left: 30px;
      font-size: 120%;
      padding-bottom: 5px;
    }
    .result_housing .nodispos ul li a{
      text-decoration: none;
      color: #009CF7;
      font-weight: bold;
    }
        .result_housing .nodispos ul li a:hover{
          text-decoration: underline;
        }

.list_housing_item{
  margin-right: 0px;
  margin-top : 20px;
}
.list_housing_item h3{
  padding: 5px;
  background: #009CF7;
  color: #fff;
}
.list_housing_item .image{
  float:left;
}
    .list_housing_item.list .image{
      width: 130px;
    }
    .list_housing_item.list .image img{
      width: 100px;
    }
.list_housing_item .info{
  margin-left:150px;
}
    .list_housing_item.list .info{
      margin-left:110px;
    }
.list_housing_item.list .name{
  float: left;
  font-weight: bold;
  font-size: 120%;
}
.list_housing_item .info table{
  border-collapse:collapse
}
.list_housing_item .info td{
  border: 1px solid #aaa;
  padding: 10px;
}
    .list_housing_item .info td.name{
      width: 550px;
      font-weight: bold;
      background: #EDF8FF;
    }
    .list_housing_item .info td.price{
      text-align: right;
    }
.list_housing_item .info .reduc{
  margin: 0px 5px;
}

.list_housing_item .more{
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
  color: #555;
}
    .list_housing_item.list .more{
      float: right;
    }
    .list_housing_item .more a{
      text-decoration: none;
      color: #009CF7;
    }
        .list_housing_item .more a:hover{
          text-decoration: underline;
        }


.housing_phone{
  font-size: 140%;
  font-weight: bold;
  margin-top: 15px;
}
	.housing_phone .number{
	  font-size: 120%;
      color: #009CF7;
	}
	.housing_phone .small{
	  margin-left: 5px;
	}
		
/*** pagination ***/
.pagination{
  margin-top : 20px;
  border: 1px #333 dashed;
  color: #333;
  text-align : center;
  padding: 5px;
  font-size: 120%;
}
    .pagination a{
      color: #333;
      padding: 5px;
    }
    .pagination a:hover{
      color: #009CF7;
    }
    .pagination .disabled{
      color: #888;
      padding: 5px;
    }
    .pagination .current{
      color : #009CF7;
      font-weight: bold;
    }

/*** les promos ***/
#housing-promos-slideshow .inner{
  border: 1px #FEF367 dashed;
  padding: 0px;
  padding-bottom: 10px;
}
    #housing-promos-slideshow h3{
      /*margin-left: 50px;
      width: 420px;*/
      margin-top: 0px;
      text-align: center;
      color: #000;
      text-transform: uppercase;
      background: #FEF367;
      padding: 3px;
    }

.carousellite-promos{
  vertical-align: middle;
  margin-left: 20px;
  z-index: 10;
}

    .carousellite-promos a{
      text-decoration: none;
    }

    .carousellite-promos .content{
      float: left;
      margin-right: 0px;
      width: 420px;
      margin-top: 0px;
      z-index: 10;
    }

    .carousellite-promos .button{
      margin-top: 100px;
      float: left;
      width: 24px;
      height: 24px;
      cursor: pointer;
    }
        .carousellite-promos .button.prev{
          background: transparent url('images/slide_prev_orange.png');
          margin-right: 10px;
        }
            .carousellite-promos .button.prev:hover{
              background: transparent url('images/slide_prev_blue.png');
            }
        .carousellite-promos .button.next{
          background: transparent url('images/slide_next_orange.png');
        }
            .carousellite-promos .button.next:hover{
              background: transparent url('images/slide_next_blue.png');
            }

.promotion{
  float:left;
  width:180px;
  height:210px;
  margin-top:0px;
  margin-right: 10px;
  padding: 10px;
  background: #FFF;
}

    .promotion img{
      text-align:center;
      margin-bottom: 10px;
    }

    .promotion .region{
      color: #990033;
    }

    .promotion .station{
      color: #247BE5;
      font-weight: bold;
      font-size: 110%;
      min-height: 25px;
    }

.breadcrumb{
  font-weight: bold;
  color: #555;
}
    .breadcrumb a{
      color: #009BF9;
      text-decoration: none;
    }
        .breadcrumb a:hover{
          text-decoration: underline;
        }
    .breadcrumb .current{
      color: #F6C200;
    }

.housing_availability_search h2{
  margin-top: 20px;
  margin-bottom: 10px;
}
.housing_availability_search .date{
  width: 200px;
}
.housing_availability_search .length{
  width: 150px;
}


.center{
    text-align:center;
}

.pointer{
    cursor:pointer;
}

.italic{
  font-style : italic;
}

.bold {
  font-weight : bold;
}


#message_info{
    padding: .5em;
    background-color: #feffc0;
    border-color: #ccce04;
    border-style: solid;
    border-width: 1px;
    margin-top: 10px;
}

#message_confirm{
    padding: .5em;
    background-color:#d8ffd6;
    border-color:#83f27e;
    border-style:solid;
    border-width:1px;
}

#message_error{
    padding: .5em;
    background-color:#FFEBE8;
    border-color:#CC0000;
    border-style:solid;
    border-width:1px;
}

.connexion{
  margin-top: 5px;
}

/********************
page base.html (skischool) 
et show_cart_line.html (cart)
*********************/
#cart_area, #connexion_area{
  float: right;
  width: 105px;
  height: 20px;
  font-size: 110%;
  padding-top: 2px;
  padding-right: 33px;
  background-position: right top;
  background-repeat: no-repeat;
}
	#cart_area{
      margin-top: 7px;
	  background-image: url('images/cart_bg.png');
	}
 	#cart_area, #cart_content{
	  cursor: pointer;
	}
	#cart_area .cart_amout{
	  color: #F6C200;
	}
	#cart_popup{
	  top: -5px;
	  right: 104px;
	  width: 350px;
	}
		#cart_popup tfoot th{
		  padding-top: 10px;
		}
		.ajax_empty_cart{
		  width: 350px;
		  height: 30px;
		  font-size: 110%;	  
		  text-align: center;
		  font-weight: bold;
		}
		#cart_popup img.loading {
		  margin-right: 160px;
		}
	
	#connexion_area{
	  background-image: url('images/secure_bg.png');
	  padding-bottom: 5px;
	}
		#connexion_form{
		  top: 25px;
		  right: 0;
		}
			#connexion_form input[type=text], #connexion_form input[type=password]{
			  border: 1px solid #333;
			  margin-bottom: 5px;
			  padding: 2px;
			  width: 210px;
			}
			#connexion_form input[type=submit]{
			  padding: 5px 20px;
			}
	
.popup-container{
  position: relative;
  z-index: 1;
}
	.popup-container .popup{
	  position: absolute;
	  display: none;
	  border: 1px solid #009CF7;
	  background: #FFFFFF;
      z-index: 100;
	  padding: 10px;
	  /*left: 0;
	  top: 0;*/
	}
	
#list_cartitems_ajax thead th{
  background-color: transparent;
}
	
/* Modifs blueprint */
/*.box{
  background: transparent;
}
thead th {background:#45A8EF; color: #FFF;}

.error, .error input, .error input.blur, .error textarea.blur{
  color: #E50000;
}
.error{padding:0; margin: 0; border:0;
		background:#FFF;color:#E50000;}*/
		
/****/

.form-error input, .form-error textarea, .form-error select{
  border: 1px solid #E50000;
  background-color: #FFEFEF;
}
	.form-error ul{
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.error-descr td{
	  color: #E50000;
	  text-align: right;
	  padding-bottom: 5px;
	}
.required input, .required textarea, .required select{
  background-image: url('images/required.png');
  background-repeat: no-repeat;
  background-position: right top;
}
	.required select{
	  background-position: 80% center;
	}
.cancel{
  margin-top: 4px;
  color: #333;
}
.required-notify{
  margin: 3px 20px 0 0;
  padding: 5px 0 0 15px;
  background: url('images/required.png') no-repeat left	 top;
}

input[type=submit].button, a.button{
  text-align: center;
  border: 0;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 110%;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -webkit-box-shadow: #666 0px 1px 0;
  -moz-box-shadow: #666 0px 1px 0;
  box-shadow: #666 0px 1px 0;	
  behavior: url('/static/css/PIE.htc');
}
	input[type=submit].button.right, a.button.right{
	  margin-left: 10px;
	  float: right;
	}
		input[type=submit].button.left.right, a.button.left.right{
		  margin-left: 0;
		}
	input[type=submit].button.left, a.button.left{
	  margin-right: 10px;
	  float: left;
	}
		input[type=submit].button.left.last, a.button.left.last{
		  margin-right: 0;
		}
	input[type=submit].button.center, a.button.center{
	  margin: 0 auto;
	}
input[type=submit].button{
  height: 29px;
  padding-top: 1px;
}

a.button{
  display: inline-block;
}
	input[type=submit].button-100, a.button-100{
	  width: 100px;
      padding: 4px 0 5px 0;
	}
	input[type=submit].button-150, a.button-150{
	  width: 150px;
      padding: 4px 0 5px 0;
	  line-height: 19px;
	}
	input[type=submit].button-180, a.button-180{
	  width: 180px;
      padding: 4px 0 5px 0;
	}
	input[type=submit].button-210, a.button-210{
	  width: 210px;
      padding: 4px 0;
	}
	input[type=submit].button-big, a.button-big{
      padding: 10px;
	  font-size: 130%;
      font-weight: bold;
	  letter-spacing: 1px;
	}
	input[type=submit].button-450, a.button-450{
	  width: 448px;
	}
		input[type=submit].button-orange, a.button-orange	{
		  color: #333;
		  text-shadow: -1px 1px 1px #FFF;
		  border: 1px solid #CEC058;	
		  background: #FEF367;
		  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF697), to(#FEF367));
		  background: -webkit-linear-gradient(#FFF697, #FEF367);
		  background: -moz-linear-gradient(#FFF697, #FEF367);
		  background: -ms-linear-gradient(#FFF697, #FEF367);
		  background: -o-linear-gradient(#FFF697, #FEF367);
		  background: linear-gradient(#FFF697, #FEF367);
		  -pie-background: linear-gradient(#FFF697, #FEF367);
		  behavior: url('/static/css/PIE.htc');
		}
			input[type=submit].button-orange:hover, a.button-orange:hover{
		      background: #FFF697;
			  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCF147), to(#FEF367));
			  background: -webkit-linear-gradient(#FCF147, #FEF367);
			  background: -moz-linear-gradient(#FCF147, #FEF367);
			  background: -ms-linear-gradient(#FCF147, #FEF367);
			  background: -o-linear-gradient(#FCF147, #FEF367);
			  background: linear-gradient(#FCF147, #FEF367);
			  -pie-background: linear-gradient(#FCF147, #FEF367);
		      behavior: url('/static/css/PIE.htc');
			}			
	
		input[type=submit].button-blue, a.button-blue	{
		  color: #FFF;
		  text-shadow: -1px 1px 1px #333;		  
		  border: 1px solid #007FC4;	  
		  background: #009CF7;
		  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#009CF7), to(#0086CE));
		  background: -webkit-linear-gradient(#009CF7, #0086CE);
		  background: -moz-linear-gradient(#009CF7, #0086CE);
		  background: -ms-linear-gradient(#009CF7, #0086CE);
		  background: -o-linear-gradient(#009CF7, #0086CE);
		  background: linear-gradient(#009CF7, #0086CE);
		  -pie-background: linear-gradient(#009CF7, #0086CE);
		  behavior: url('/static/css/PIE.htc');		  
		  /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009CF7', endColorstr='#0086CE');*/ /* IE6 & IE7 */
		  /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009CF7', endColorstr='#0086CE')";*/ /* IE8 */				  
		}
			input[type=submit].button-blue:hover, a.button-blue:hover{
			  background: #30ABF2;
			  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0086CE), to(#009CF7));
			  background: -webkit-linear-gradient(#0086CE, #009CF7);
			  background: -moz-linear-gradient(#0086CE, #009CF7);
			  background: -ms-linear-gradient(#0086CE, #009CF7);
			  background: -o-linear-gradient(#0086CE, #009CF7);
			  background: linear-gradient(#0086CE, #009CF7);
			  -pie-background: linear-gradient(#0086CE, #009CF7);
			  behavior: url('/static/css/PIE.htc');
			}
				input[type=submit].button-150.button-blue.button-next, a.button-150.button-blue.button-next{
				  background-image: url('images/button_150_blue_next.jpg');
				}
				input[type=submit].button-150.button-blue.button-prev, a.button-150.button-blue.button-prev{
				  background-image: url('images/button_150_blue_prev.jpg');
				}
			
.search-loupe{
  display: block;
  width: 20px;
  height: 20px;
  background: url('images/search_bg.png') no-repeat;
}

.search-form-group{
  padding: 0 2px;
}
    .search-form-group.options{
      padding: 2px;
      background: #F5F5F5;
    }
