.big-search{
	position:fixed;
	top:0px;
	right: 0px;
	width:30vw;
	height:100vh;
	z-index:1;
	background-color: #f2f2f2;
  padding-left: 2vw;
  overflow-y : scroll;

  color:#717171;
}

.categorie.advanced-search,
.categorie.jeux{
  width:4%;
}

.categorie.advanced-search img{
  position: absolute;
  bottom:20%;
  max-width: 100%;
}

.big-search h1{
  font-size:12pt;
  border-bottom:2px solid #717171;
  padding-left:12px;
}

.big-search h1:first-child{
	margin-top: 8vw;
}

.big-search .global-search input, .big-search .global-search tags-input{
  /*display:inline-block;*/
  width:170px;

  border: 0;
  outline: 0;
  padding: 0;
  margin:0px;
}

.big-search .global-search{
  margin-left: 1vw;
  text-align: center;
  margin-bottom:50px;
  margin-top:50px;
}

.big-search .global-search input{
  height: 30px;
  padding-left: 60px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

  border:1px solid #717171;
  border-radius:2px;
}
.big-search tags-input .tags{
  padding:0px;
  overflow: visible;
  word-wrap: normal;
  cursor:auto;
  background: none;
  border:none;
  box-shadow:none;
  height: auto;
}

.big-search tags-input .tags.focused{
  box-shadow: none;
  -webkit-box-shadow:none;
}

.big-search tags-input .tags .tag-list{
  display:block;
}
.big-search tags-input .tags .tag-item{
  font-size: 6pt;
  background: #717171;
  color:white;
  height:15px;
  line-height: 10px;
  border-radius: 2px;
  border:none;
  float:none;
}
.big-search tags-input .tags .input{
  float:none;
  display: block;
  width: 100%;
  padding-left: 45px;

  border:1px solid #717171;
  border-radius:2px;
  height: 30px;

  font-size: 10pt;

  font-family: Arial;

  margin-bottom: 0px;
  margin-left: 0px;
}

.big-search .beforer{
  position:relative;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  margin-right: 10px;

  text-align: left;
}

.big-search .beforer > span{
  position:absolute;
  bottom:0px;
  left:0px;
  z-index: 1;
  line-height: 30px;
  display: inline-block;
  height: 30px;
  padding-left: 5px;
  font-weight: bold;

}

.big-search tags-input .host{
  position: static;
  margin-bottom: 0px;
  margin-bottom: 0px;
}

.big-search .selectable-icons{
  text-align: center;

  margin-top:50px;
  margin-bottom:50px;
}

.big-search .selectable-icons img{
  cursor: pointer;
  margin-left:10px;
  margin-right:10px;
}

.big-search .selectable-icons div{
  margin-top:25px;
}

.big-search .tabs > span{
  display: block;
  margin-left: 0.5vw;
  border-bottom:1px solid #717171;
  cursor:pointer;
  font-weight: bold;
  font-size:10pt;
  margin-top:20px;
}
.big-search .tabs > span > img{
  position: relative;
  top: 5px;
}

.big-search .start-recherche{
  text-align:center;
  margin-top: 50px;
  margin-bottom: 100px;
}

.big-search .start-recherche > div{
  display:inline-block;
  width:170px;
  background-color:white;
  font-weight: bold;
  border:1px solid #717171;

  cursor:pointer;

  -moz-box-shadow: 3px 3px 5px 0px #656565;
  -webkit-box-shadow: 3px 3px 5px 0px #656565;
  -o-box-shadow: 3px 3px 5px 0px #656565;
  box-shadow: 3px 3px 5px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=5);

  text-align:center;
  padding:0.3vw;

  border-radius:3px;

  margin: 10px;
}

.big-search .tabs > div{
  display: block;
  margin-left: 0.5vw;
}

.big-search .subcat{
  display:inline-block;
  width:50px;
  margin-left:25px;
  margin-right:25px;
  text-align:center;
  vertical-align: top;
  font-size:8pt;
  cursor:pointer;
  margin-top:10px;
}

.big-search .patri-cat, .big-search .circuit-cat, .big-search .service-cat{
  position:relative;
  left:-2.5vw;
  padding-left: 2.5vw;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:5px;
  font-size:10pt;
  text-align: center;
}

.big-search .patri-cat > div, .big-search .circuit-cat > div, .big-search .service-cat > div{
  text-align: left;
}

.big-search .patri-cat{
  background-color: #ee9e03;
}
.big-search .circuit-cat{
  background-color:#01abe6;
}
.big-search .service-cat{
  background-color:#acc604;
}

.centerify{
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.brique.inline{
  display:inline-block;
  margin: 10px;
}

.big-search .left{
  width:170px;
}
.big-search .right{
  width:170px;
}

.big-search .left .fa, .big-search .right .fa{
  padding:5px;
  border:1px solid #717171;
}

.big-search .left, .big-search .right{
  font-weight: bold;
}

.big-search .left label, .big-search .right label{
  cursor:pointer;
}

.big-search .search-patrimoine .colored, .big-search .search-patrimoine.colored{
  color:#ee9e03;
}

.big-search .search-circuit .colored, .big-search .search-circuit.colored{
  color:#01abe6;
}

.big-search .search-service .colored, .big-search .search-service.colored{
  color:#acc604;
}

.big-search .search-agenda .colored, .big-search .search-agenda.colored{
  color:#ac81b4;
}

.big-search .search-patrimoine .colored .fa{
  border-color:#ee9e03;
}
.big-search .search-circuit .colored .fa{
  border-color:#01abe6;
}
.big-search .search-service .colored .fa{
  border-color:#acc604;
}
.big-search .search-agenda .colored .fa{
  border-color:#ac81b4;
}

.big-search .note{
  cursor:pointer;
}

.big-search .circuit-travel > *{
  vertical-align: middle;
}

.big-search .circuit-travel img{
  max-height: 25px;
}

.parcours-val{
  width:17vw;
  display: inline-block;
}

.big-search table label{
  width:5vw;
  display:inline-block;
}

.big-search table td > *{
  vertical-align: middle;
}

.big-search table td > span{
  width:1.3vw;
  display: inline-block;
  text-align: center;
}

.big-search table .under{
  text-align: center;
}

.big-search table td > span, .big-search table .under{
  font-size:7pt;
}

.big-search .noUi-connect{
  background:none;
}

.big-search .currentslider .noUi-connect{
  background-color:#01abe6;
}

.big-search .noUi-horizontal{
  height: 12px;
}

.big-search .noUi-horizontal .noUi-handle{
  height: 16px;
  top:-3px;
}

.big-search .noUi-handle:after, .big-search .noUi-handle:before{
  top:2px;
  height:8px;
}

.big-search .search-service label{
  font-weight: bold;
}

.big-search .search-service select{
  display:block;
}

.big-search .search-service .to-push{
  margin-top: 25px;
}

.big-search .search-agenda input{
  height: 30px;
  width: 170px;
  border:1px solid #717171;
  border-radius:2px;
  padding-left: 5px;
}

/* Stuff */
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

#wp-calendar a {    color: #467b89 }

div.ui-datepicker{
	width:initial;
}

.ui-datepicker .ui-datepicker-header {
  background: #383838;
  color: #e0e0e0;
  font-size: 14px;
  text-align: center;
  text-shadow: 0 -1px 0 #000;
  -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
  border: 1px solid #373737;
  z-index: -99;
}

.ui-datepicker-prev, .ui-datepicker-next{
	  border: 1px solid #999;
	  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	  font-weight: normal;
	  color: #212121;
}

div.ui-datepicker th {
  padding: .7em .3em;
  font-weight: normal;
  font-size:8pt;
}

div.ui-datepicker tbody td {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top,  #ededed,  #dedede);
}

div.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default{
	font-weight: normal;
  	color: #555;
  	text-decoration: none;
  	border: 1px solid transparent;
  	background: none;
  	padding:0px;
  	text-align: center;
}

div.ui-datepicker .ui-datepicker-current-day, div.ui-datepicker td:hover {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #ac81b4, #ac81b4);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#ac81b4), to(#ac81b4));
    color:white;
}

div.ui-datepicker .ui-datepicker-current-day .ui-state-default, .ui-widget-content td:hover .ui-state-default{
	color:white;
}

.multi-select > label:not(.colored){
  vertical-align: middle;
  width:100px;
  text-align: left;
}