﻿/* iPhone 4s et 5s */
@media only screen
and (min-width : 320px)
and (max-width : 480px)
and (orientation : portrait) {
	
	.header-mobile{
		position:fixed!important;
	}
	.page-wrap h1 {
		font-size:20px!important;
		
	}
	.page-wrap h2 {
		font-size:16px!important;
		
	}
	.police1 {
	font-size:15px!important;
	padding:0px 5px 0 5px;
}
.espace-atelier {
	margin-right:20px!important;
}
.container--white .quote-content{
	width:90%!important;
}
.parallax1a, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8 {
	margin-left:0px!important;
}
	.container .police6 {
	font-size:13px!important;
}
.header__logo{
		background-image:url(../img/logo-laboratoire-belain.png)!important;
		width: 176px/*234px*/!important;
		height: 30px!important;
		background-repeat: no-repeat!important;
		}
	.container .textes {
	width:100%!important;
	}
	.container .textes p {
	font-size: 15px;
	}
	.page-wrap .sous-titre-texte{ 
	width:90%!important;
	font-size:17px!important;
	line-height:25px!important;}
	.page-wrap .sous-titre{
		font-size:16px!important;
	}
	.page-wrap .sous-titre-antiquites{
		font-size:16px!important;
	}
.espace-images {
	margin-right:2px!important;
}
.global-avant-apres{
	width:80%!important;
}
.global-avant-apres .global-texte-left, .global-avant-apres .global-texte-right{
	font-size:10px!important;
}
.globalnextprev{
	margin-top:0px!important;
	margin-bottom:0px!important;
}
.recherche{
	width:250px!important;
}

.trait-fondu{
	width: 200px;
	}
	
}
/* iPhone 6s et 6 Plus */
@media only screen
and (min-width : 375px)
and (max-width : 667px)
and (orientation : portrait) {

.espace-images {
	margin-right:5px!important;
}
#google-plan {
	border:2px solid #95b8e2!important;
}
.rectangle-recherche{
	border:1px solid #666!important;
}


}

/* 800 x 600 */
@media only screen
and (min-width : 600px)
and (max-width : 800px) {
.espace-image-banner{
	margin-top:-200px!important;
}
}

/* Pour iPhone */
@media only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-device-width : 320px)and (max-device-width : 480px),
screen and (max-width: 610px) {
	.icon--cart img{
		margin-top: 7px!important;
		width:60px!important; 
	height:19px!important; 
		}
	.mini-title-menu-bas span{
	padding:0 10px!important;
	}
.espace-image-banner{
	margin-top:-30px!important;
}
#back-top {right:15px!important;z-index:2000!important;}
#back-top.cVisible{bottom:10px!important; opacity:1!important;}
#back-top.cInvisible{
  bottom:-35px!important;
  opacity:0!important;
  transition:all ease-in 0.5s!important;
}
		
.rectangle-recherche{
	border:1px solid #333!important;
}

}

/* Smartphone vertical */
@media screen and (max-width: 699px){
	.espace-images {
	margin-right:5px!important;
}
.parallax1 {
	width:auto !important;
	margin-bottom:30px!important;
	background-image:url(../parallax/mobiles/rabot1.jpg) !important;
	background-repeat:no-repeat !important;
}
	.parallax2 {
	width:auto !important;
	background-image:url(../parallax/mobiles/3.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax3 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot3.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax4 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot4.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax5 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot5.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax6 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot6.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax7 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot7.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax8 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot8.jpg) !important;
	background-repeat:no-repeat !important;
}

.parallax-footer1 {
	width:auto !important;
	margin-bottom:30px!important;
	background-image:url(../parallax/mobiles/rabot1.jpg) !important;
	background-repeat:no-repeat !important;
}
	.parallax-footer2 {
	width:auto !important;
	background-image:url(../parallax/mobiles/3.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer3 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot3.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer4 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot4.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer5 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot5.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer6 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot6.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer7 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot7.jpg) !important;
	background-repeat:no-repeat !important;
}
.parallax-footer8 {
	width:auto !important;
	background-image:url(../parallax/mobiles/rabot8.jpg) !important;
	background-repeat:no-repeat !important;
}

		
}

/* Smartphone horizontal */
@media only screen
and (max-width : 740px) {
.espace-atelier {
	margin-right:10px!important;
}
.rectangle-recherche{
	border:1px solid #333!important;
}

		
}

/* Pour iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* Pour iPad portrait et landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPad portrait */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
	
	.parallax1a, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8 {
	margin-left:0px!important;
	margin-right:0px!important;
}
.global-avant-apres{
	width:60%!important;
}
#back-top{right:15px!important;}
#back-top.cVisible{bottom:5px!important; opacity:1!important;}
#back-top.cInvisible{
  bottom:-35px!important;
  opacity:0!important;
  transition:all ease-in 0.5s!important;
}
}

/* iPad landscape */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
	.parallax1a, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8 {
	margin-left:0px!important;
}
	.global-avant-apres{
	width:60%!important;
}
#back-top{right:15px!important;}
#back-top.cVisible{bottom:11px!important; opacity:1!important;}
#back-top.cInvisible{
  bottom:-35px!important;
  opacity:0!important;
  transition:all ease-in 0.5s!important;
}
}

/* Largeur d'écran vertical iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait),
screen and (max-width: 980px) and (min-width: 610px) {

 
   .parallax1a, .parallax2, .parallax3, .parallax4, .parallax5, .parallax6, .parallax7, .parallax8 {
		width:auto !important;
}

.parallax-footer1, .parallax-footer2, .parallax-footer3, .parallax-footer4, .parallax-footer5, .parallax-footer6, .parallax-footer7, .parallax-footer8 {
		width:auto !important;
}

}
/* Pour ordinateurs */
@media all and (min-width:768px) and (min-height:550px){

}
/* Pour écran large */
@media only screen and (min-width : 1366px) {
.global-avant-apres{
	width:60%!important;
}
}
@media only screen and (min-width : 1920px) {
	.container .textes {
	width:90%!important;
	}
.global-avant-apres{
	width:60%!important;
}
}

@media (min--moz-device-pixel-ratio:1.25),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25),(min-resolution:1.25dppx){
	
	.main-nav .home-link span{background-size:cover;background-image:url('../img/commode-louis-xv@2x.png')}
	
	.main-nav .home-link-index span{background-size:cover;background-image:url('../img/commode-louis-xv@2x.png');background-repeat:no-repeat;background-position:0 0px/*-25*/;}
	
	}
	
@media (min--moz-device-pixel-ratio:1.25),(-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25),(min-resolution:1.25dppx){
	
	.main-nav .home-link:hover span{background-size:cover;background-image:url('../img/commode-louis-xv@2x.png')}
	
	.main-nav .home-link-index:hover span{background-size:cover;background-image:url('../img/commode-louis-xv@2x.png');background-repeat:no-repeat;background-position:0 -25px;}
	}
	
/* Pour écran large */	
@media only screen and (min-width : 1824px) {
	
.review__title h3,h1,h2{font-size:23px!important;
	color: #333!important;
	}
	
.police1 {font-size:23px!important;
	color: #333!important;
	}
	
.container .police6 {
	font-size:16px!important;
	color: #333!important;
	}
	
.page-wrap .sous-titre{
	font-size:18px!important;
	}
	
.page-wrap .sous-titre-antiquites{
	font-size:18px!important;
}

.container--white .sous-titre{
	font-size:18px!important;
}

}