@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'tit-regular';
	src:url(../../fonts/titilliumweb-regular.ttf);
}
@font-face {
	font-family:'tit-sbold.ttf';
	src:url(../../fonts/titilliumweb-semibold.ttf);
}
@font-face {
	font-family:'tit-bold.ttf';
	src:url(../../fonts/titilliumweb-bold.ttf);
}
@media (min-width:992px) and (max-width:1200px) {
	.navbar {
		float:left !important;
	}
	.nav-stacked li a {
		min-height:195px !important;
		max-height:195px !important;
		}
	.prod a p {
			min-height: 91px !important;
	}	
	.slider h2 {
		top:80% !important;
	}
	.right-slider-arrow,.left-slider-arrow {
		top:107px !important;
	}
	
}
@media (min-width:768px) and (max-width:992px) {
	.top-nav  .navbar-nav > li > a {
		font-size:12px !important;
		padding:10px 5px !important;
	}
	.top-nav   .social > li > a {
		font-size:18px !important;
		padding:15px 8px !important;
	}
	.nav-stacked li a {
		min-height:185px !important;
		max-height:185px !important;
		}
	.prod a p {
			min-height: 115px !important;
	}	
	.footer-nav li a {
		padding:5px 8px !important;	
	}
	.slider h2 {
		top:77% !important;
	}	
	.right-slider-arrow,.left-slider-arrow {
		top:97px !important;
	}	
}
@media (min-width:230px) and (max-width:768px){ 
 .logo {
		width:186px;
		margin:0 auto;
	}
	.flag,.social {
		float:none !important;
		width:100px !important;
		margin:0 auto !important;
	}
	.left-head  .search-n	{
		float:none !important;
		width:240px !important;
		margin:0 auto !important;		
	}
	.navbar-toggle	{
		width:100% !important;
		margin-right:0px !important;
		background-color:#eee !important;
		border-radius:0px !important;
		
	}
	.top-nav .navbar-nav > li > a {
		padding-left:25px !important;
	}
	.navbar-nav {
		margin-top:0px !important;
		background-color:#f9f9f9 !important;
	}
	.navbar {
		margin-bottom:5px !important;
		width:100% !important;
	}
	.top-nav .social > li > a {
		padding:5px 8px !important;
	}
	.top-nav .navbar-nav > li > a	{
		font-size:14px !important;
	}
	.nav-stacked li a {
		min-height:215px !important;
		max-height:215px !important;
		}	
	.nav-stacked li a img {
		width:auto !important;
	}	
	.slider img {
		border-bottom:0px !important;
	}
	.prod a p {
			min-height: 81px !important;
	}	
	.prev {
		left:-25px !important;
	}
	.next {
		right:-25px !important;
	}
	.footer-logo {
		padding-bottom:10px;
	}
	.footer-nav li a {
		padding:5px 8px !important;	
	}
	.footer-nav ul{
		float:left !important;
	}
	.rights  {
    margin-top: 5px !important;
    padding-left: 23px !important;
    text-align: left !important;
	}	
	.carousel-indicators {
		bottom:0px !important;
	}
	.slider {
		margin-top:20px !important;
	}
.con-form {
		min-height:auto !important;
	}
	.prod-head {
		margin-top:10px !important;
	}	
}
@media (min-width:210px) and (max-width:305px){ 
	.nav-stacked li a img {
	width:100% !important;
	}	
	.prev {
		bottom:20px !important;
	}
	.next {
		bottom:20px !important;
	
	}
	.carousel-indicators {
		display:none;
	}	
}
body {
	font-family:'tit-regular',Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#4d4d4d;
	margin:0 auto;
}
.left-head .flag,.search-n {
	float:right;
	position:relative;
}
.left-head .flag li a {
	padding:10px 3px;
	opacity:0.4;
}
.left-head .flag li a:hover,.left-head .flag li a:focus,.left-head .flag li a:active {
	background:none;
	opacity:1;
}
.active1 {
	opacity:1 !important;
}
.search-n input{
	position:relative;
	width:233px;
	height:33px;
	padding-left:7px;
}
.search-n .btn-primary {
	position:absolute;
	background:none;
	border:0px;
	color:#c5c9ce;
	top:1px;
	right:0px;
	border-radius:1px;
	font-size:16px;	
}
.top-nav  .navbar, .social {
	margin-top:0px;
	margin-bottom:0px;
}
.social{
	float:right;
}
.navbar {
	min-height:45px;
}
.navbar-collapse {
	padding-left:0px;
}
.top-nav  .navbar-nav > li > a {
	font-family:'tit-bold',Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:15px;
	text-transform:uppercase;
	margin-right:2px;
	padding:8px 10px;
}
.top-nav   .social > li > a {
	color:#4d4d4d;
	font-size:20px;
	padding:11px 8px;
}
.top-nav  .social > li > a:hover .fa-google-plus ,.top-nav   .social > li > a:focus .fa-google-plus {
	color:#f4542f;
}
.top-nav  .social > li > a:hover,.top-nav  .social > li > a:focus {
	background:none;
}
.top-nav   .social > li > a:hover .fa-facebook ,.top-nav   .social > li > a:focus .fa-facebook {
	color:#238cc8;
}
.top-nav   .social > li > a:hover .fa-youtube ,.top-nav   .social > li > a:focus .fa-youtube{
	color:#f60202;
}
.logo {
	padding-top:20px;
	margin-bottom:15px;
}
header {
	border-top:10px solid #f4542f;
}
.active2 ,.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	border-bottom:3px solid #f4542f;
	background-color:#eee;
}
.slider {
	margin-bottom:20px;
}
.slider img {
	border-bottom:56px solid #3180ba;
}
.right-slider-arrow {
    background: url("../images/r-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 49px;
    position: absolute;
    right: 30px;
    top: 167px;
    width: 48px;
    z-index: 300000;
}
.left-slider-arrow {
    background: url("../images/l-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 59px;
    left: 30px;
    position: absolute;
    top: 167px;
    width: 58px;
    z-index: 30000;
}
.carousel-indicators {
    bottom: 60px;
}
.slider h2 {
	position:absolute;
	top:84%;
	left:42%;
	color:#fff;
}
.head {
	padding:10px 17px;
	background-color:#EEE;
	border-left:4px solid #f4542f;
	color:#000;
	margin-bottom:15px;
}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;	
}
.list-group-item:first-child,.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;	
}
.list-group-item {
	background-color:#eee;
	font-size:16px;
	max-height:44px;
	overflow:hidden;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background-color:#e1e1e1;
	color:inherit;
	border:1px solid #ddd;
}
.fa-play {
	font-size:10px;
}
.demande img{
	margin-bottom:10px;
}
.nav-stacked li a {
	padding-left:0px;
	padding-right:0px;
	color:inherit;
	min-height:224px;
	max-height:224px;
	overflow: hidden;
	padding-top:1px;
	padding-bottom:10px;
}
.nav-stacked li a:hover,.nav-stacked li a:focus {
	background:none;
	color:#337ab7;
}
.nav-stacked li a img {
	margin-bottom:10px;
	border:1px solid #e6e6e6;
	width:100%;
}
.prod a img {
	border:1px solid #ddd;
	opacity:0.8;
}
.prod a:hover img {
	opacity:1;
}
.prod a:hover p {
	color:#337ab7;
	}
.prod a:hover,.prod a:focus {
	text-decoration:none;
}
.prod a p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 11px;
    min-height: 67px;
		color:#4d4d4d;
}
.about h4 {
	color:#f4542f;
	margin-top:0px;
	line-height:22px;
}
.about p {
	line-height:24px;
	text-align:justify;
}
.title {
	color:#3180ba;
	 
}
.about img {
	padding-left:20px;
}
.scroll {
	width:91%;
	margin:0 auto;
}
.prev {
	position:absolute;
	bottom:37px;
	color:#666;
	font-size:24px;
	left:-45px;
}
.next {
	position:absolute;
	bottom:37px;
	color:#666;
	font-size:24px;
	right:-45px;
}
footer {
	background-color:#b93719;
	border-top:10px solid #f4542f;
	margin-top:50px;
	padding-top:25px;
	padding-bottom:30px;
}

.footer-nav ul{
	float:right;
}
.footer-nav li a {
	color:#fff;
	padding:10px 15px;
	border-radius:0px;
}
.footer-nav li a:hover, .footer-nav li a:focus {
	background-color:#a53015;
	color:#f4542f;

}
.rights {
	color:#f4542f;
	text-align:right;
	padding-right:30px;
}
 .p1 p {
	line-height:24px;
	text-align:justify;
}
.p-head {
	background-color:#f4542f;
	color:#fff;
	padding:10px;
}
.fa-user {
    left: -1px;
    position: absolute;
    top: 4px;
}
.contact-person {
    line-height: 24px;
    padding-left: 20px;
    position: relative;
}
.featured-pic {
    padding-bottom: 23px;
    text-align: center;
}
.map {
	margin-bottom:20px;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:25px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-25px; left:0; color:#ccc; font-size:16px; }
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none !important;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{display: table-column-group !important; position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{display: table-column-group !important;background-position:bottom left;}
        #cboxNext{display: table-column-group !important; position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{display: table-column-group !important;background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; left:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

.con-form {
	border:1px solid #CCC;
	padding:20px;
	min-height:500px;
	margin-bottom:15px;
}
.con-form form {
	width:75%;
}
.con-form h4 {
	line-height:20px;
	color:#f69600;
	font-weight:bold;
}
.prod-head{
	background-color:#f4542f;
	width:100%;
	padding:10px;
	color:#fff;
	margin-top:0px;
}
.prod-head a { color:#fff;}
.prod-p {
 text-align:justify;
 line-height:24px;
}
.prod-img {
	border:1px solid #DFDFDF;
}
.prod-de {
	margin-bottom:30px;
	min-height:220px;
}
.logo-img {
	margin-bottom:5px;
}
.news {
	min-height:191px;
	overflow:hidden;
}
.news-img {
  	 margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 20px;
	border:1px solid #DFDFDF;
		
}
.news-p {
	font-size:16px;
	text-align:justify;
	line-height:28px;
}