*{
	font-family: Trebuchet MS, Arial, Verdana;
	color:#333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, sans-serif;
	font-weight: normal;
	padding: 0 0 0 0;
	margin-bottom: 8px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-transform:uppercase;
}
h1, h2{margin-bottom:24px;color:#bf133b;}
h1 {font-size: 25px; line-height:35px;}
h2 {font-size: 21px; line-height:30px;}
h3 {font-size: 17px;}
h4 {font-size: 13px;}
h6 {font-size: 12px;}

b{font-weight:bold;}
i{ font-style:italic;}
.btn {
  font-family: arial;
  color: #FFFFFF !important;
  font-size: 12px;
  text-shadow: 1px 1px 0px #222222;
  box-shadow: 1px 1px 1px #FFFFFF;
  padding: 10px 25px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #0b9ec9;
  background: linear-gradient(top,  #0b9ec9,  #087899);
  background: -ms-linear-gradient(top,  #0b9ec9,  #087899);
  background: -webkit-gradient(linear, left top, left bottom, from(#0b9ec9), to(#087899));
  background: -moz-linear-gradient(top,  #0b9ec9,  #087899);
  border: 1px solid #ccc;
}
.btn:hover {
  color: #FFFFFF !important;
  background: #0b9ec9;
  background: linear-gradient(top,  #087899,  #0b9ec9);
  background: -ms-linear-gradient(top,  #087899,  #0b9ec9);
  background: -webkit-gradient(linear, left top, left bottom, from(#087899), to(#0b9ec9));
  background: -moz-linear-gradient(top,  #087899,  #0b9ec9);
}
div.row.top			 								{ margin:0 auto; margin-top:30px; }	

/***** tabs *****/
.tabs{padding-bottom:28px;}

.tabs li {
	padding:0px;
	margin: 0px;
	background-image:none;
	float:left;
	list-style:none;
	width:71px;
	white-space: normal !important;
}
.tabs li a {
	font-weight: normal; 
	display: inline-block;
	background: #F7F7F7;
	text-align: center;
	font-size: 9pt;
	padding-top: 40px;
	text-decoration: none;
	width:99%;
	height:34px;
	line-height:12pt;
	
	text-transform: uppercase;

}
.tabs li a:hover {
	background: #7BA520;
	color: #fff !important;
	text-decoration:none;
}
.tabs li.ui-state-active a {
	background: #5bb1f9;
	color: #fff;
}

#tabRecherche a{
	background: #EE9A4D;
	color:#fff;
}

.tab-pane form{padding: 1em 1.4em;}
.tab-pane .grid_3, .tab-pane .grid_6{
	margin:0px 0px 8px 0px;
}
.tab-pane .grid_3	{width:50%;}
.tab-pane .grid_6	{width:100%;}

.tab-pane .grid_3 select, .tab-pane .grid_3 input{
	width:90%;
	margin-bottom:8px;
	padding:3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:solid 1px #bbb;
}
#tab-forfait select,
#tab-minute select,
#tab-vol select,
#tab-carte select,
#tab-meilleur select,
#tab-hotel select,
#tab-tour select{
	/*height:22px;*/
	margin-top:2px;
	padding:2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:solid 1px #bbb;
}
.tab-pane .ui-autocomplete-input{
	padding:3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:solid 1px #bbb;
}
.tab-pane .grid_3 input.jdate{
	width:80%;
	padding:3px;
	padding-left:6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border:solid 1px #bbb;
}
.ui-datepicker-trigger{
	position: absolute;
	border:none 0px;
	cursor:pointer;
	background:transparent url(../img/calendar.gif) no-repeat center;
	width:32px;
	height:25px;
}
.tab-pane .btn{
	float:right;
	margin:0px;
}
.tab-pane label{
	overflow: hidden;
	float: left;
	display: inline;
	width:30%;
}
.tab-pane h3{
	margin-bottom: 0px;
}
.tab-pane{
	border:solid 1px #fff;
	background:#ffffff ;
	background-size: cover;
}

#tabForfait a{  background-image:url(../img/forfait.png); background-position:center 8px; background-repeat:no-repeat;}
#tabVol a{  background-image:url(../img/vol.png); background-position:center 8px; background-repeat:no-repeat;}
#tabHotel a{  background-image:url(../img/hotel.png); background-position:center 8px; background-repeat:no-repeat;}
#tabTour a{  background-image:url(../img/tour.png); background-position:center 8px; background-repeat:no-repeat;}
#tabMinute a{  background-image:url(../img/minute.png); background-position:center 8px; background-repeat:no-repeat;}
#tabCarte a{  background-image:url(../img/carte.png); background-position:center 8px; background-repeat:no-repeat;}
#tabPrix a{  background-image:url(../img/mprix.png); background-position:center 8px; background-repeat:no-repeat;}
#tabCruise a{  background-image:url(../img/cruise.png); background-position:center 8px; background-repeat:no-repeat;}
#tabFolie a{  background-image:url(../img/folie.png); background-position:center 8px; background-repeat:no-repeat;}
#tabGroupe a{  background-image:url(../img/groupe.png); background-position:center 8px; background-repeat:no-repeat;}
#tabViator a{  background-image:url(../img/viator.png); background-position:8px 8px; background-repeat:no-repeat;}
#tabTikTok a{  background-image:url(../img/tiktok.png); background-position:8px 8px; background-repeat:no-repeat;}
#tabRoom a{  background-image:url(../img/room.png); background-position:8px 8px; background-repeat:no-repeat;}
#tabFacebook a{float:right;margin:0px 0px 8px 8px; display:block;width:24px;height:24px; background-image:url(../img/facebook.png); background-position:center; background-repeat:no-repeat; }
#tabFacebook a:hover{ text-decoration:none;}
#tabTwitter a{float:right;margin:0px 0px 8px 8px; display:block;width:24px;height:24px; background-image:url(../img/twitter.png); background-position:center; background-repeat:no-repeat;}
#tabTwitter a:hover{ text-decoration:none;}
#tabPinterest a{float:right;margin:0px 0px 8px 8px; display:block;width:24px;height:24px; background-image:url(../img/pinterest.png); background-position:center; background-repeat:no-repeat; }
#tabPinterest a:hover{ text-decoration:none;}
#tabRecherche a{  background-image:url(../img/search.png); background-position:center 8px; background-repeat:no-repeat;}

#tabAide a{float:right;margin:3px 0px 5px 8px; display:block;width:115px;height:24px; background-image:url(../img/aide.png); background-position:right -3px; background-repeat:no-repeat; }

.ui-menu{
	background-color:white;
	cursor:pointer;
}

@media only screen and (max-width: 630px) {
	.tabs li {
		width: 63px;
	}
	.tabs li a {
		font-size: 8pt;
	}
}

@media only screen and (max-width: 579px) {
	.tab-pane .grid_3 {
		width:100%;
	}
	.tabs li a {
		width: 99%;
	}
	.tabs li {
		width: 33%;
		margin-top:1px;
	}
}