/* Media Query */

/* Tablet Portrait width to 960px */
@media only screen
and (min-width: 959px) {
}


@media only screen
and (max-width: 959px) {
	
	#page-container{
		margin-top: 0;
	}
	#header-line,
	#footer-shadow{
		display: none;
	}
	#inner-page-container{
		padding: 0;
	}
	
	#header-bottom .col{
		margin: 0;
		width: 50%;
		position: relative;
	}
	
	#main-menu ul{
		display: none;
	}
	#socials {
		padding-top: 0;
	}
	
	
	.d_mt0{margin-top:0;}.d_mt5{margin-top:5px;}.d_mt10{margin-top:10px;}.d_mt15{margin-top:15px;}.d_mt20{margin-top:20px;}.d_mt25{margin-top:25px;}.d_mt30{margin-top:30px;}.d_mt35{margin-top:35px;}.d_mt40{margin-top:40px;}.d_mt45{margin-top:45px;}.d_mt50{margin-top:50px;}.d_mt55{margin-top:55px;}.d_mb0{margin-bottom:0;}.d_mb5{margin-bottom:5px;}.d_mb10{margin-bottom:10px;}.d_mb15{margin-bottom:15px;}.d_mb20{margin-bottom:20px;}.d_mb25{margin-bottom:25px;}.d_mb30{margin-bottom:30px;}.d_mb35{margin-bottom:35px;}.d_mb40{margin-bottom:40px;}.d_mb45{margin-bottom:45px;}.d_mb50{margin-bottom:50px;}.d_mb55{margin-bottom:55px;}.d_mtb0{margin-top:0;margin-bottom:0;}.d_mtb5{margin-top:5px;margin-bottom:5px;}.d_mtb10{margin-top:10px;margin-bottom:10px;}.d_mtb15{margin-top:15px;margin-bottom:15px;}.d_mtb20{margin-top:20px;margin-bottom:20px;}.d_mtb25{margin-top:25px;margin-bottom:25px;}.d_mtb30{margin-top:30px;margin-bottom:30px;}.d_mtb35{margin-top:35px;margin-bottom:35px;}.d_mtb40{margin-top:40px;margin-bottom:40px;}.d_mtb45{margin-top:45px;margin-bottom:45px;}.d_mtb50{margin-top:50px;margin-bottom:50px;}.d_mtb55{margin-top:55px;margin-bottom:55px;}.d_ml0{margin-left:0;}.d_ml5{margin-left:5px;}.d_ml10{margin-left:10px;}.d_ml15{margin-left:15px;}.d_ml20{margin-left:20px;}.d_ml25{margin-left:25px;}.d_ml30{margin-left:30px;}.d_ml35{margin-left:35px;}.d_ml40{margin-left:40px;}.d_ml45{margin-left:45px;}.d_ml50{margin-left:50px;}.d_ml55{margin-left:55px;}.d_mr0{margin-right:0;}.d_mr5{margin-right:5px;}.d_mr10{margin-right:10px;}.d_mr15{margin-right:15px;}.d_mr20{margin-right:20px;}.d_mr25{margin-right:25px;}.d_mr30{margin-right:30px;}.d_mr35{margin-right:35px;}.d_mr40{margin-right:40px;}.d_mr45{margin-right:45px;}.d_mr50{margin-right:50px;}.d_mr55{margin-right:55px;}.d_mlr0{margin-left:0;margin-right:0;}.d_mlr5{margin-left:5px;margin-right:5px;}.d_mlr10{margin-left:10px;margin-right:10px;}.d_mlr15{margin-left:15px;margin-right:15px;}.d_mlr20{margin-left:20px;margin-right:20px;}.d_mlr25{margin-left:25px;margin-right:25px;}.d_mlr30{margin-left:30px;margin-right:30px;}.d_mlr35{margin-left:35px;margin-right:35px;}.d_mlr40{margin-left:40px;margin-right:40px;}.d_mlr45{margin-left:45px;margin-right:45px;}.d_mlr50{margin-left:50px;margin-right:50px;}.d_mlr55{margin-left:55px;margin-right:55px;}.d_pt0{padding-top:0;}.d_pt5{padding-top:5px;}.d_pt10{padding-top:10px;}.d_pt15{padding-top:15px;}.d_pt20{padding-top:20px;}.d_pt25{padding-top:25px;}.d_pt30{padding-top:30px;}.d_pt35{padding-top:35px;}.d_pt40{padding-top:40px;}.d_pt45{padding-top:45px;}.d_pt50{padding-top:50px;}.d_pt55{padding-top:55px;}.d_pb0{padding-bottom:0;}.d_pb5{padding-bottom:5px;}.d_pb10{padding-bottom:10px;}.d_pb15{padding-bottom:15px;}.d_pb20{padding-bottom:20px;}.d_pb25{padding-bottom:25px;}.d_pb30{padding-bottom:30px;}.d_pb35{padding-bottom:35px;}.d_pb40{padding-bottom:40px;}.d_pb45{padding-bottom:45px;}.d_pb50{padding-bottom:50px;}.d_pb55{padding-bottom:55px;}.d_ptb0{padding-top:0;padding-bottom:0;}.d_ptb5{padding-top:5px;padding-bottom:5px;}.d_ptb10{padding-top:10px;padding-bottom:10px;}.d_ptb15{padding-top:15px;padding-bottom:15px;}.d_ptb20{padding-top:20px;padding-bottom:20px;}.d_ptb25{padding-top:25px;padding-bottom:25px;}.d_ptb30{padding-top:30px;padding-bottom:30px;}.d_ptb35{padding-top:35px;padding-bottom:35px;}.d_ptb40{padding-top:40px;padding-bottom:40px;}.d_ptb45{padding-top:45px;padding-bottom:45px;}.d_ptb50{padding-top:50px;padding-bottom:50px;}.d_ptb55{padding-top:55px;padding-bottom:55px;}.d_pl0{padding-left:0;}.d_pl5{padding-left:5px;}.d_pl10{padding-left:10px;}.d_pl15{padding-left:15px;}.d_pl20{padding-left:20px;}.d_pl25{padding-left:25px;}.d_pl30{padding-left:30px;}.d_pl35{padding-left:35px;}.d_pl40{padding-left:40px;}.d_pl45{padding-left:45px;}.d_pl50{padding-left:50px;}.d_pl55{padding-left:55px;}.d_pr0{padding-right:0;}.d_pr5{padding-right:5px;}.d_pr10{padding-right:10px;}.d_pr15{padding-right:15px;}.d_pr20{padding-right:20px;}.d_pr25{padding-right:25px;}.d_pr30{padding-right:30px;}.d_pr35{padding-right:35px;}.d_pr40{padding-right:40px;}.d_pr45{padding-right:45px;}.d_pr50{padding-right:50px;}.d_pr55{padding-right:55px;}.d_plr0{padding-left:0;padding-right:0;}.d_plr5{padding-left:5px;padding-right:5px;}.d_plr10{padding-left:10px;padding-right:10px;}.d_plr15{padding-left:15px;padding-right:15px;}.d_plr20{padding-left:20px;padding-right:20px;}.d_plr25{padding-left:25px;padding-right:25px;}.d_plr30{padding-left:30px;padding-right:30px;}.d_plr35{padding-left:35px;padding-right:35px;}.d_plr40{padding-left:40px;padding-right:40px;}.d_plr45{padding-left:45px;padding-right:45px;}.d_plr50{padding-left:50px;padding-right:50px;}.d_plr55{padding-left:55px;padding-right:55px;}
	
	
	/*!
	 * SlickNav Responsive Mobile Menu v1.0.7
	 * (c) 2016 Josh Cope
	 * licensed under MIT
	 */

	.slicknav_menu{
		*zoom: 1;
		top: 3px;
		width: 100%;
		z-index: 120;
		display: block;
		position: absolute;
	}
	
	/* Button */
	.slicknav_menu .slicknav_btn {
		display: block;
		cursor: pointer;
		padding: 0 5px;
		position: relative;
	}
	.slicknav_menu .slicknav_btn.slicknav_open {
		color: #1D6FB8;
	}
	.slicknav_menu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 0.188em;
	}
	
	.slicknav_menu .slicknav_btn .slicknav_menutxt {
		display: block;
		color: #FF6600;
		text-transform: uppercase;
	}
	.slicknav_menu .slicknav_btn.slicknav_open .slicknav_menutxt{
		color: #efefef;
	}
	.slicknav_menu .slicknav_btn .slicknav_icon {
		width: 17px;
		height: 12px;
		margin: 3px 5px 0;
		background-size: 17px 12px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../icons/slidenav/menu-icon-grey.png);
	}
	.slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon {
		background-image: url(../icons/slidenav/menu-icon-red.png);
	}
	
	/* Nav */
	ul.slicknav_nav {
		width: 160px;
		clear: both;
		margin: 0;
		padding: 0;
		top: 20px;
		display: block;
		overflow: hidden;
		text-align: center;
		position: absolute;
		background-color: #fff;
		border: 1px solid #ccc;
	}
	ul.slicknav_nav li {
		margin: 0;
		padding: 0;
		height: auto;
		display: block;
		background: none;
	}
	ul.slicknav_nav a {
		display: block;
		font-size: 14px;
		padding: 3px 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	ul.slicknav_nav a:hover{
		color: #fff;
		background-color: #00608b;
	}
	ul.slicknav_nav li.current a{
		color: #fff;
		background-color: #3B3B3B;
	}
	ul.slicknav_nav .slicknav_parent-link a {
		display: inline;
	}
	
	ul.slicknav_nav li a.slicknav_item{
		padding: 0;
		position: relative;
	}
	ul.slicknav_nav li a.slicknav_item a{
		z-index: 1;
		padding: 3px 30px;
		position: relative;
	}
	ul.slicknav_nav li a.slicknav_item .slicknav_arrow{
		top: 6px;
		z-index: 2;
		font-size: 9px;
		position: absolute;
	}
	ul.slicknav_nav li a.slicknav_item:hover .slicknav_arrow{
		background-color: none;
	}
	
	/* Submenu */
	ul.slicknav_nav li ul.sub-menu{
		margin: 0;
		padding: 0;
		width: 100%;
		display: none;
	}
	ul.slicknav_nav li ul.sub-menu li a,
	.fixNavigation ul.slicknav_nav li ul.sub-menu li a{
		margin: 0;
		height: auto;
		display: block;
		color: #45474E;
		cursor: pointer;
		padding: 4px 0;
		font-weight: normal;
		background-color: #efefef;
		border-bottom: 1px solid #D1D1D1;
	}
	ul.slicknav_nav li ul.sub-menu li.first-sub a {
		border-top: 1px solid #D1D1D1;
	}
	ul.slicknav_nav li ul.sub-menu li a:hover,
	.fixNavigation ul.slicknav_nav li ul.sub-menu li a:hover{
		color: #d6d6d6;
		background-color: #45474E;
	}
	ul.slicknav_nav li ul.sub-menu li.current-sub a,
	ul.slicknav_nav li ul.sub-menu li.current-sub a:hover,
	.fixNavigation ul.slicknav_nav li ul.sub-menu li.current-sub a,
	.fixNavigation ul.slicknav_nav li ul.sub-menu li.current-sub a:hover{
		color: #000;
		cursor: default;
		background-color: #FF6600;
	}
}


@media only screen
and (min-width: 768px)
and (max-width: 959px) {
	#home-photos ul li a {
		height: 100px;
	}
}


@media only screen
and (max-width: 768px) {
	
	#home-page-container #page-header{
		position: relative;
	}
	
	#header-top{
		text-align: center;
	}
	
	#header-top #slogan{
		width: 100%;
	}
	
	#logo a img{
		display: inline-block;
	}
	
	#header-contacts .contact{
		margin: 0;
		border: none;
	}
	
	#main-menu ul,
	#page-footer .admin,
	#page-footer .devloper{
		display: none;
	}
	
	#box-slider-wrapper{
		position: relative;
		padding-top: 20px;
	}
	#box-slider .slide {
		height: 300px;
	}
	#slider-controls .slider-button{
		display: none;
	}
	#box-slider .slide .slide-title{
		width: 80%;
		bottom: 100px;
		margin: 0 5%;
		padding: 10px 5%;
		text-align: center;
	}
	#slider-controls #slider-pagination{
		text-align: center;
	}
	
	#home-realisations ul li a .thumb{
		height: 130px;
	}
	#home-photos ul li .thumb{
		height: 70px;
		line-height: 70px;
	}
	
	#sidebar .sidebox{
		padding: 0;
		border-left: 0;
		border-right: 0;
		border-color: #d6d6d6;
	}
}


@media only screen
and (max-width : 480px) {
	#box-slider-wrapper{
		/*
		background: none;
		padding-bottom: 0;
		*/
	}
	#box-slider .slide {
		height: 200px;
	}
	#box-slider .slide .slide-title{
		bottom: 60px;
	}
	#box-slider .slide img {
		min-width: 200%;
		margin-left: -50%;
	}
	/*
	#slider-controls .slider-button{
		top: 80%;
	}
	*/
	#slider-controls #slider-pagination{
	}
	
	.thumb-outer .thumb-category{
		display: block;
	}
	
	.col{
		margin-left: 0;
		margin-right: 0;
	}
	/*
	#logo a,
	#logo a img{
		height: 100%;
	}
	*/
	#logo a{
		padding-top: 0;
	}
	
	#header-contacts{
		padding-top: 10px;
		text-align: center;
	}
	
	#footer-bottom{
		border-top: 1px solid #ccc;
	}
	
	#footer-top,
	.fancybox-title,
	#slogan,
	/*#categories-menu,*/
	#header-top .shadow,
	#home-page-container #home-products .shadow,
	#home-page-container #home-photos .shadow,
	#home-page-container #home-realisations .shadow,
	#services-page-container #page-content .shadow,
	#photos-page-container #page-content .shadow,
	#products-page-container #page-content .shadow,
	#realisations-page-container #page-content .shadow{
		display: none;
	}
	
	#home-page-container #home-photos .col,
	#home-page-container #home-partners .col,
	#home-page-container #home-products .col,
	#home-page-container #home-realisations .col,
	
	#photos-page-container #pagination-photos .col,
	#partners-page-container #pagination-partners .col,
	#products-page-container #pagination-products .col,
	#products-page-container #pagination-products-photos .col,
	#services-page-container #pagination-sub-services .col{
		width: 50%;
	}
	
	.thumb{
		border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	ul li a .thumb-comment{
		text-transform: none;
	}
	
	#home-welcome a .thumb,
	#home-video a .thumb{
		height: 160px;
	}
	#company-page-container a .thumb,
	#products-page-container #product-alone a .thumb,
	#services-page-container #service-alone a .thumb{
		height: 200px !important;
		line-height: 200px !important;
	}
	
	#home-products ul li a .thumb,
	#home-realisations ul li a .thumb,
	#home-photos ul li a .thumb,
	
	#photos-page-container ul li a .thumb,
	#products-page-container #pagination-products li a .thumb,
	#products-page-container #product-alone #pagination-products-photos li a .thumb,
	#services-page-container #service-alone #pagination-sub-services li a .thumb{
		height: 140px !important;
		line-height: 140px !important;
	}
	
	#page-footer #footer-bottom{
		color: #ccc;
		background-color: #003399;
	}
}

@media only screen 
and (min-width : 320px)
and (max-width : 480px) {
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px) {
}

@media only screen
and (min-width : 960px)
and (max-width : 1224px) {
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}




/* Autre façon */

@media only screen and (min-width:960px){
	/* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
	/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}