li{list-style:none;}
.container{
	background:#fff;
}
.hidden{
	display:none;
}
body
	{
	 	background: url("../img/bg-sand1.jpg") #f1f1f1;
        font-family:'Open Sans' 'Raleway', sans-serif;
		font-weight: 300;
	}

section
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }

/* start hr */
hr
    {
        border: 1px solid #ededed;
        width: 100%;
        margin-top: 5px;
    }
	
label span,h5 span
    {
        color:red;
		font-weight:bold;
    }
/* end hr */

/* start h2 */
h2
    {
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }
/* end h2 */

/* start h4 */
h4
    {
        text-align: center;
      
    }
	h4 span
    {
       color:#18428C;
	   font-weight:bold;
      
    }
/* end h4 */

/* start overlay */
.overlay 
    {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0);
    } 

.pid {
    text-indent: 50px;
}
/* end overlay */
/* reset */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* start preloader */
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-rotating-plane.sk-spinner 
    {
        width: 30px;
        height: 30px;
        background-color: #c14000;
         margin: 0 auto;
        animation: sk-rotatePlane 1.2s infinite ease-in-out;
     }

@keyframes sk-rotatePlane {
  0% {
         transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */
	th{
		text-align:center;
		font-size:12px;
	}
	td{
		font-size:11px;
		text-align:center;
		color:#FFBA00;
		font-weight:bold;
	}	
	a{
		color:#777777;
	}	
	a:hover{
		color:#f16800;
		text-decoration:none;
	}
	a span{
		color:#000000;
		font-size:12px;
	}
	.ico_white{
		color:#ffffff;
	}
	.logo{
		width:120px;
		font-size:12px;
	}
	.ps-next{ z-index:102;} .ps-prev{z-index:102;} .ps-caption{background:none !important;color:#fff;}
/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 1280px)
{
    /* Rédigez vos propriétés CSS ici */
 
		.main_containter{
			margin-top:80px !important;
		}
		
		.footer-sitemap-col{
			display:block !important;
		}
		header .top-menu a{
			font-size:9px !important;
		}
 		.resa_zone{
			top:40% !important; 
			width:100% !important;
		}
		.ps-next{ z-index:0 !important;} 
		.ps-prev{z-index:0 !important;}
		.logo{
			width:100px;
		}
}
 	.box_tours{ 
		border:1px solid #ededed;
		margin-left:10px;
		display:block;
		border-radius:10px 10px 0 0;
		min-height:500px;
	} 	
		.box_tours:hover{ 
			 	box-shadow: 5px 5px 10px 0px #000;
		} 	
		.box_tours h4{ 
			text-transform:uppercase;
			padding:10px 5px;
		
		}	
		.box_tours:hover h4{ 
			 color:#02b0ed;
		}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)   {
	.img_item{ 
		height:auto !important;
	
	}	
	.grid_item{ 
		height:auto !important;
	
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {   }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {  }

/*  menu */
#toTop{
	position:fixed;
	width:20px;
	bottom:10px;
	right:0;
	font-size:20px;
	display:none;
}


header {
	z-index:10;
}
header .top-menu{
	padding:5px 0;
	min-height:30px;
	background:#087DC2;
}
	header .top-menu a{
		font-size:11px;
		display:inline-block; 
		margin-left:10px;
	}
	header .top-menu a:hover{
		color:#000;
		-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
		filter: grayscale(100%);
	}	
header nav {
	background:#ffffff !important;
	height:100%;
	margin:0!important; 
}
	header nav .nav {
		margin-top:40px;
		float:right;
	}
		header nav .nav a { 
			font-size:13px;
			font-weight:2em;
			color:#000 !important;
			border-radius: 5px; 
			padding:10px; 
			margin-right:5px;
			
		}	
			header nav .nav a img{
				width:50px;
			}	
		.navbar-nav > .active > a ,header nav   a:hover{
			background:#FADE03 !important; 
			
		}
	.navbar-brand{
		margin:0;
		padding:0 5px 10px;
		text-align:center;
 		height:100%;
		font-weight:bold;
		text-transform:uppercase;
	}	
		.navbar-brand a{
			color:#02B0ED;
			font-size:12px;
			
		}	
		.navbar-brand span{
			font-size:12px;
			font-weight:normal;
		}
	.navbar {
		border:0;
		border-radius:0;
	}
	
	.slide{
		padding:0;
		margin:0 auto;

	}	
		.slide li{
			position:relative;
		}	
			.slide li .price{
				position:absolute;
				bottom:70%;
				left:25%;
				background-color:rgba(250, 250, 250, 0.6);
				color:blue;
				font-weight:bold;
				padding:10px;
				-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
				animation-direction: alternate;
			}			
			.slide li .title{
				position:absolute;
				bottom:62%;
				left:25%;
				background-color:rgba(0, 0, 0, 0.5);
				color:#fff;
				font-weight:bold;
				padding:10px;
			}	
				.slide li .title span{
					color:orange;
				}
	.banner{
		background:url(../images/equipement-trek.png) no-repeat 0 0;
		min-height:320px; 
		position:relative;
		
	}
		.resa_zone{
			position:absolute;
			bottom:10%;
			left:0;
			z-index:100;
			width:100%;			
		}
		
	.banner .tab-content{
		background-color:rgba(255,255,255,0.8);
		min-height:150px;
		border-radius: 0 10px 10px 10px; 
		padding:10px 0px;
		 
	}	
		.banner .tab-content > form > .form-group > label{
			color:#fff !important;
			 
		}	
		.banner .nav-tabs{ 
			border-color:rgba(250, 250, 250, 0.6);
		}	
			.banner .nav-tabs > li > a{
				background-color:#6DC82B;
				color:#000; 
				font-weight:bold;
			}
			.banner .nav-tabs > li.active > a, .banner .nav-tabs > li > a:hover {
				background-color:rgba(255,255,255,0.8) !important;
				border-color:rgba(255,255,255,0.8);
			}

	.main_containter{
		background:#fff;
		padding:20px;
	}
	.main_containter .tab-content{
		
		min-height:250px;
		padding:10px 0px;
		 
	}
		.tab-content .btn{
			background:#FADE03 !important;
			color:#000;
			min-width:50%;
			 
		}	
		.main_containter .tab-content > form > .form-group > label{
			color:#fff !important;
			 
		}	
		.main_containter .nav-tabs{
			border-color:#eeeeee;
		}	
			.main_containter .nav-tabs > li > a{
				color:#f17302; 
				font-weight:bold;
				background:#eeeeee;
			}
			.main_containter .nav-tabs > li.active > a, .main_containter .nav-tabs > li > a:hover {
				background:#fff !important;
				color:#000;  
				border-bottom:3px solid #ffffff;
				margin-bottom:-8px;
			}	
		.main_containter .tab-pane   li > a{
		  
		}
		
	.container-right{
		background:#f5f5f5;
		padding:0 20px 20px;
	}	
		.container-right .box{
			border-bottom:1px dotted #000000;
			padding:20px 0;
			 overflow: hidden;
		}		
			.container-right .box .newletter{
				 background:#fdad00;
				 border:1px solid #fed231;
				 border-radius:10px;
				 padding:20px 10px;
			}			
				.container-right .box .newletter h4{
					color:#fff;
					text-decoration:underline;
					font-size:20px;
					text-align:left;
					font-weight:bold;
				}
		
		
 	
	.search_zone{ 
		padding:0;
	}
	.btn{
		background-color:#FADE03;
		color:#000;
	}
	.intro {
		margin:30px 0;	
	}
	.boutique{
		 
	}
	.blk-img{
		position:relative;
	}
		.blk-img span{
			position:absolute;
			left:0;
			bottom:0;
			background-color:rgba(255,255,255,0.6);
			padding:7px 0px;
			text-align:center;
			color:#fff;
			font-weight:bold;
			display:block;
			width:100%;
			border-radius:0 0 5px 5px;
		}	
		.blk-img span.vert{
			background-color:rgba(106,136,0,0.6);
		}
		
		.parag{
			padding:10px 10px;
			height:120px;
		}	
		.box-x{
			color:#000;
		}
			.box-x:hover{
				color:#000;
				opacity:0.7;
			}
		.title-head{
				color:#087DC5;
				border-bottom:1px solid;
				font-size:2em;
				text-transform:capitalize;
				padding:2px 0 7px;
				display:block;
				margin-bottom:20px;
			}
		.rentcar th{
			
			color:#418BB3;
		}

	.alert{
		padding:0;
	}


/*------------------------------------------------------------------
[ 9. Brand-Logo ]
--------------------------------------------------------------------*/
.brand_logo {
  background: #eee none repeat scroll 0 0;
  padding: 80px 0;
}
#brand_logo img {
  padding: 0 35px;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);

}
 
	
	.contact_section_padding{padding:50px 0;}
/*------------------------------------------------------------------
[ 16 Contact-Bottom ]
--------------------------------------------------------------------*/
.bottom_icon i{font-size:25px;}
.contact-icon{
  background: #f4f4f4 none repeat scroll 0 0;
}
.social_icon i {
  color: #DFA92D;
  font-size: 22px;
  margin: 0 25px;
}
.social_icon i:hover {
  opacity:.5;
}
	
 
.box-content{
	background:url(../img/footer-beachtour.jpg) 0 100%;
	padding:10px 0;
	margin:0 auto 10px;
}
	.newsletter{
		background:url(../img/bg_newsletter.jpg) 0 100%;
		overflow:hidden;
		padding: 10px;
		min-height: 185px;
	}	
	
.footer {
  background:#000;
  padding: 15px 0 0;
  background-size:cover;
}
	.footer a{
	  color:#fff;
	}
.footer_copyright  {
  background:#087DC2; 
}
	.footer_copyright img {
	  max-width: 100px;
	  float: right;
	}
	.footer_copyright p {
	  float: left;
	  margin: 0;
	  padding-top: 10px;
	  color:#fff;
	}

.footer-sitemap-col:first-child {
    padding-left: 0;
}
.footer-sitemap-col {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}
.footer-sitemap-col p {
    color: #fff;
    margin: 0 0 0.5em;
    text-transform: uppercase;
	color:#ffffff;
}
.footer-sitemap-col ul li {
    font-family: "roboto_light",Arial,sans-serif;
    font-size: 0.85714em;
    padding: 0.1em 0;
	list-style:none;
}
		
	
.article-price {
    font-size: 22px;
    text-align: center;
    color: #FFF;
    background-color: #66CBE2;
}