body
	{
	 	color: #333;
		font-family: 'Poppins';
		font-size: 17px;
		line-height: inherit;
		font-weight: 400;
	}

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

/* start hr */
hr
    {
        border: 1px solid #c14000;
        width: 100px;
        margin-top: 20px;
    }
	
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 */

/* 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:#fe0000;
		font-weight:bold;
	}	
	a{
		color:#fff;
	}	
	a:hover{
		color:#fe0000;
		text-decoration:none;
	}
	a span{
		color:#000000;
		font-size:14px;
	}
	.ico_white{
		color:#ffffff;
	}	
	.ico_black{
		color:#000000;
	}	
	.ico_blue{
		color:orange;
	}
	#sticky-wrapper{
		height:140px !important;
	}
	 
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {   }

/* 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 */
header {
	z-index:10;
}
header .top-menu{
	padding:5px 0;
	min-height:30px;
	border-bottom:1px solid #ededed;
	background:#065FA4;
}
	header .top-menu a{ 
		display:inline-block;
		margin-right:10px;
		color:#fff;
	}	
		header .top-menu a:hover{ 
			color:#000;
		}	
header nav {
	background:#fff;
	height:100%;
	margin:0!important;
 
}
	header nav .nav {
		margin:28px 0 0;
		float:right;
	}
		header nav .nav a {
			text-transform:uppercase;
			font-size:13px;
			padding:10px 15px !important;
			font-weight:bold;
			color:#333 !important;
			border-radius: 10px !important;
			
		}	
		header nav   a:hover{ 
			color:#065FA4 !important;
			
		}	
		header nav  li.active  a{
			color:#fff !important;
			background:#065FA4 !important;
		}
	.navbar-brand{
		margin:0;
		padding:0 !important;
		text-align:center; 
		height:100%;
		font-weight:bold;
		text-transform:uppercase;
		color:#ffffff;

	}	
		.navbar-brand a{
			float:left;
		}
		.navbar-brand span{
			font-size:20px;
			font-weight:normal;
			color:#f5a70f;
			font-weight:bold;
			padding:40px 0 0;
			display:inline-block;
		}
	.navbar {
		border:0;
		background:#fff; 
	}
	
	.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:15%;
				left:0;
				background-color:rgba(0, 0, 0, 0.5);
				color:#fff;
				font-weight:bold;
				padding:10px;
				width:100%;
				text-align:center;
			}	
				.slide li .title span{
					color:orange;
				}
	.search_zone{
		background:#fff;
		padding:20px 10px; 
	}
	.btn{
		background-color:#18428C;
		color:#fff;
	}
	.intro {
		margin:30px 0;	
	}
	.boutique{
		 
	}


	
	.page-banner{
		min-height:150px;
		background:url("../images/mslide.jpg");
		padding:20px;
		
	}	
		.page-banner::before{
			background:#fb4848 none repeat scroll 0 0;

		}	
		.page-banner::after{
			background:#36404B none repeat scroll 0 0;

		}	
		.page-banner h2{
			background:rgba(255, 255, 255, 0.5);
			display:inline-block;
			
		}
	
	.dropdown-toggle{
		background:#fff !important;
		color:gray;
		
	}
.produits{
	margin:40px 0 0;
}
	.produits .box-prod{
		margin:40px 0 0;
		color:#777 !important;
		padding:10px;
		text-align:center;
	}	
		.produits .box-prod .img-block{
			width:100%;
			height:200px;
			
		}	
		.produits .box-prod h3{
			text-align:center;
			color:#065FA4;
		}	
		.produits .box-prod:hover{
			box-shadow:0px 0px 5px 5px #c5c5c5;
			border:1px solid #c5c5c5;
		}	
		.produits .box-prod:hover .img-block{
			background:#ccc;
			border:1px solid #ccc;
		}	
		.produits .box-prod span.btn,.green-btn{
			background:#065FA4; 
			color:#fff;
			border-radius:20px;
			border-color:#065FA4; 
			display:inline-block;
			margin:10px 0;
		}	
			.produits .box-prod span.btn:hover,.green-btn:hover{
				background:#ffcc00; 
				border-color:#ffcc00; 
			}
.team-img{
	position:relative;
}
	.team-img a:hover{
		opacity:0.8;
	}
	.team-img .price{
		position:absolute;
		bottom:0;
		left:0;
		background:#fe0000;
		color:#ffffff;
		font-family:comic sans ms;
		padding:5px 10px;
		font-weight:bold;
	}	
	.team-img .type{
		position:absolute;
		bottom:0px;
		right:0px;
		background:rgba(215,37,35,0.5);
		color:#ffffff;
		font-family:comic sans ms;
		padding:5px 0;
		font-weight:bold;
		width:100%;
		text-align:center;
	}	
	.team-img .ref{
		position:absolute;
		bottom:-10px;
		right:10%;
		background:#949494;
		color:#000;
		font-family:comic sans ms;
		padding:5px 10px;
		font-weight:bold;
	}	
	.panel-body {
		padding:15px 5px;
	}
	.panel-body a.detail{
		color:#666666;
	}	
		.panel-body a.detail:hover {
			color:#fe0000;
		}
	/*------------------------------------------------------------------
[ 9. access-menu ]
--------------------------------------------------------------------
.visible {
    visibility: visible;
}
.animated {
    visibility: hidden;
}*/
.special-feature .s-feature-box {
    border: 0 solid;
    cursor: pointer;
    margin-bottom: 0;
    min-height: 187px;
    overflow: hidden;
    position: relative;
}
.special-feature .mask-top::after {
    bottom: -20px;
    content: "";
    font-family: fontawesome;
    font-size: 28px;
    left: 48%;
    position: absolute;
    right: 50%;
}
.special-feature .mask-top {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 25px 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.special-feature .mask-bottom {
    bottom: -300px;
    color: #333333;
    height: 100%;
    padding: 20px 15px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.special-feature .mask-bottom i {
    font-size: 38px;
    line-height: 50px;
}
.special-feature i {
    font-size: 65px;
    line-height: 75px;
}


	/*------------------------------------------------------------------
[ 9. Brand-Logo ]
--------------------------------------------------------------------*/
.brand_logo {
	
  background: #eee none repeat scroll 0 0;
  padding: 20px 0;
}
#brand_logo img {
	width:100px;
}

	}#brand_logo img:hover { 
		-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
		filter: grayscale(0%);

	}
 
 	/*------------------------------------------------------------------
[ actualite ]
--------------------------------------------------------------------*/	
.actualite{
	
}
	.actualite li{
		list-style:none;
		margin:10px 0;
	}	
		.actualite li img{
			float:left;
			margin-right:10px;
			width:100px;
		}

.services{
	background:#fff;
}
	.services a{
		display:block;
		width:100%;  
		border:1px dotted #065FA4;
		text-align:center;
		padding:20px 0; 
		font-size:30px;
		color:#065FA4;
		border-radius:75px;
		text-align:center;
	}	
	.services a i{ 
		padding:10px;
		border-radius:15px;
	}	
	.services a:hover i{ 
		border:1px dotted;
	}		

#toTop:hover{
	background-color: #7F7F7F;
}
#toTop{
	background-color: #FE0000;
    border-radius: 100%;
    bottom: 20px;
    color: #fff;
    line-height: 0;
    padding: 1.4rem 1rem;
    right: 20px;
	width:40px;
	position:fixed;
	text-align:center;
	display:none;
}
		
.pgl-panel .panel-title .collapsed::after {
    content: "+";
}
.pgl-panel .panel-title a::after {
    content: "-";
    float: right;
    font-size: 2em;
    font-weight: 400;
    line-height: 0.3;
}
.panel-group .pgl-panel .panel-title a {
    display: block;
}
.pgl-panel .panel-title .collapsed {
    border: 1px solid #ddd;
}
.panel-heading{
	background:#ffffff !important;
 
}
	.panel-heading .panel-title, .panel-heading .panel-title a{
		border:0 !important;
	}
 
	.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: #ededed;
  font-size: 22px;
  margin: 0 25px;
}
.social_icon i:hover {
  opacity:.5;
}
	
footer {
	background:#333;
	padding: 15px 0 0;
	color:#EBE8DE;
}
	footer hr {
		width:100%;
		border:1px solid #fff;
	}
	.footer_copyright img {
		max-width: 100px;
		float: right;
	}
	.footer_copyright p {
	  float: left;
	  margin: 0;
	  padding-top: 10px;
	}

	.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; 
	}
	.footer-sitemap-col ul li {
		font-family: "roboto_light",Arial,sans-serif;
		font-size: 0.85714em;
		padding: 0.1em 0;
		list-style:none;
	}	
		.footer-sitemap-col ul li a {
			color:#EEEEEE;
		}	
		.footer-sitemap-col ul li a:hover {
			color:#065FA4;
		}
	.listitem p {
		color:#fff;
		font-weight:bold;
	}
	
.supper-offer{
	
}
	.supper-offer h2{
		font-weight:bold;
		font-size:35px;
	}
	.supper-offer .box{
		display:block;
		position:relative;
		margin:0 0 30px;
		overflow:hidden;
	}
 	
			.supper-offer .box img:hover{ 
				transition-duration: .4s;
				transform: scale(1.2, 1.2);
				cursor:pointer;
			 
			}	
 
		.supper-offer .box  .desc{
			left:20%;
			top:30%;
			position:absolute;
			z-index:5;
			color:#fff;
			font-size:25px;
			text-align:center; 
			color:#000;
		}
		.supper-offer .box  .desc span{
			background:#fff;
		}	
		.supper-offer .box .desc hr{
			color:#fff;
			border:1px solid #fff;
		}		
		.supper-offer .box .desc .btn-more{ 
			border-radius:10px;
			border:2px solid;
			font-size:15px;
			padding:5px 10px;
			text-align:center;
			color:#fff;
			background:#0f9ff4;
		}	
			.supper-offer .box .desc .btn-more:hover{
				background:#065FA4;
				border-color:#065FA4;
			}	
	
	
	.owl-carousel .owl-nav .owl-prev{
		width:45%;
		float:left;
		text-align:right;
		margin-right:5%;
		font-size:0px;
		
	}	
	.owl-carousel .owl-nav .owl-next{
		width:50%;
		float:right;
		font-size:0px;
	}